AdditionalInformation.9db83e87.js
13 KB
import{a as e}from"./WpTable.ee9185a7.js";import"./default-i18n.3a91e0e5.js";import"./constants.0d8c074c.js";import{n as r}from"./_plugin-vue2_normalizer.61652a7c.js";import{U as l}from"./Image.c7244514.js";import{M as m}from"./MaxCounts.12b45bab.js";import"./SaveChanges.e40a9083.js";import{a as n,m as d}from"./vuex.esm.8fdeb4b6.js";import{B as c}from"./Img.b3dc0554.js";import{B as p}from"./Phone.c26b4769.js";import{B as g}from"./RadioToggle.e6e54396.js";import{C as u}from"./SocialProfiles.07949d68.js";import{S as f}from"./Plus.6984df43.js";import{W as h,a as _,b as v}from"./Header.f5e32717.js";import{W as I,a as C}from"./Steps.d4851b74.js";import"./helpers.de7566d0.js";import"./index.ec9852b3.js";import"./isArrayLikeObject.9b4b678d.js";import"./attachments.6af710f9.js";import"./cleanForSlug.51ef7354.js";import"./Caret.19b10233.js";import"./_commonjsHelpers.f84db168.js";import"./html.14f2a8b9.js";import"./Index.6dd703b2.js";import"./Checkbox.60ba2f56.js";import"./Checkmark.f26f6201.js";import"./Textarea.ce149d81.js";import"./index.3c70e00e.js";import"./client.e62d6c37.js";import"./translations.c394afe3.js";import"./portal-vue.esm.98f2e05b.js";import"./SettingsRow.edbb3005.js";import"./Row.830f6397.js";import"./Twitter.79b93d10.js";import"./Logo.8785cc9f.js";const b={components:{BaseImg:c,BasePhone:p,BaseRadioToggle:g,CoreSocialProfiles:u,SvgCirclePlus:f,WizardBody:h,WizardCloseAndExit:I,WizardContainer:_,WizardHeader:v,WizardSteps:C},mixins:[m,l,e],data(){return{loaded:!1,loading:!1,stage:"additional-information",strings:{additionalSiteInformation:this.$t.__("Additional Site Information",this.$td),personOrOrganization:this.$t.__("Person or Organization",this.$td),choosePerson:this.$t.__("Choose a Person",this.$td),person:this.$t.__("Person",this.$td),organization:this.$t.__("Organization",this.$td),personOrOrganizationDescription:this.$t.__("Choose whether the site represents a person or an organization.",this.$td),name:this.$t.__("Name",this.$td),organizationName:this.$t.__("Organization Name",this.$td),phone:this.$t.__("Phone Number",this.$td),chooseContactType:this.$t.__("Choose a Contact Type",this.$td),contactType:this.$t.__("Contact Type",this.$td),contactTypeDescription:this.$t.__("Select which team or department the phone number belongs to.",this.$td),logo:this.$t.__("Logo",this.$td),uploadOrSelectImage:this.$t.__("Upload or Select Image",this.$td),pasteYourImageUrl:this.$t.__("Paste your image URL or select a new image",this.$td),minimumSize:this.$t.__("Minimum size: 112px x 112px, The image must be in JPG, PNG, GIF, SVG, or WEBP format.",this.$td),remove:this.$t.__("Remove",this.$td),defaultSocialShareImage:this.$t.__("Default Social Share Image",this.$td),yourSocialProfiles:this.$t.__("Your Social Profiles",this.$td)}}},watch:{"options.social.profiles":{deep:!0,handler(o){this.additionalInformation.social.profiles=o}}},computed:{...n(["options"]),...n("wizard",["additionalInformation"]),users(){return[{label:this.$t.__("Manually Enter Person",this.$td),value:"manual"}].concat(this.$aioseo.users.map(o=>({label:`${o.displayName} (${o.email})`,gravatar:o.gravatar,value:o.id})))}},methods:{...d("wizard",["saveWizard"]),getPersonOptions(o){return this.users.find(a=>a.value===o)},getContactTypeOptions(o){return this.$constants.CONTACT_TYPES.find(a=>a.value===o)},saveAndContinue(){this.loading=!0,this.saveWizard("additionalInformation").then(()=>{this.$router.push(this.getNextLink)})}},mounted(){this.$nextTick(()=>{const o=JSON.parse(JSON.stringify(this.options.searchAppearance)),a=JSON.parse(JSON.stringify(this.options.social));this.additionalInformation.social.profiles=JSON.parse(JSON.stringify(a.profiles)),this.additionalInformation.socialShareImage=a.facebook.general.defaultImagePosts,this.additionalInformation.siteRepresents=o.global.schema.siteRepresents,this.additionalInformation.person=o.global.schema.person,this.additionalInformation.organizationName=o.global.schema.organizationName,this.additionalInformation.organizationLogo=o.global.schema.organizationLogo,this.additionalInformation.personName=o.global.schema.personName,this.additionalInformation.personLogo=o.global.schema.personLogo,this.additionalInformation.phone=o.global.schema.phone,this.additionalInformation.contactType=o.global.schema.contactType,this.additionalInformation.contactTypeManual=o.global.schema.contactTypeManual,this.loaded=!0})}};var z=function(){var a=this,t=a._self._c;return t("div",{staticClass:"aioseo-wizard-additional-information"},[t("wizard-header"),t("wizard-container",[t("wizard-body",{scopedSlots:a._u([{key:"footer",fn:function(){return[t("div",{staticClass:"go-back"},[t("router-link",{staticClass:"no-underline",attrs:{to:a.getPrevLink}},[a._v("←")]),a._v(" "),t("router-link",{attrs:{to:a.getPrevLink}},[a._v(a._s(a.strings.goBack))])],1),t("div",{staticClass:"spacer"}),t("base-button",{attrs:{type:"blue",loading:a.loading},on:{click:a.saveAndContinue}},[a._v(a._s(a.strings.saveAndContinue)+" →")])]},proxy:!0}])},[t("wizard-steps"),t("div",{staticClass:"header"},[a._v(" "+a._s(a.strings.additionalSiteInformation)+" ")]),t("div",{staticClass:"person-or-organization aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.personOrOrganization))])]),t("base-radio-toggle",{attrs:{name:"siteRepresents",options:[{label:a.strings.person,value:"person"},{label:a.strings.organization,value:"organization"}]},model:{value:a.additionalInformation.siteRepresents,callback:function(i){a.$set(a.additionalInformation,"siteRepresents",i)},expression:"additionalInformation.siteRepresents"}}),t("div",{staticClass:"aioseo-description"},[a._v(" "+a._s(a.strings.personOrOrganizationDescription)+" ")])],1),a.additionalInformation.siteRepresents==="person"?t("div",{staticClass:"aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.choosePerson))])]),t("base-select",{staticClass:"person-chooser",attrs:{options:a.users,value:a.getPersonOptions(a.additionalInformation.person)},on:{input:i=>a.additionalInformation.person=i.value},scopedSlots:a._u([{key:"singleLabel",fn:function({option:i}){return[t("div",{staticClass:"person-label"},[i.gravatar?t("div",{staticClass:"person-avatar"},[t("img",{attrs:{alt:"User Gravatar",src:i.gravatar}})]):a._e(),t("div",{staticClass:"person-name"},[a._v(" "+a._s(i.label)+" ")])])]}},{key:"option",fn:function({option:i}){return[t("div",{staticClass:"person-label"},[i.gravatar?t("div",{staticClass:"person-avatar"},[t("img",{attrs:{alt:"User Gravatar",src:i.gravatar}})]):a._e(),t("div",{staticClass:"person-name"},[a._v(" "+a._s(i.label)+" ")])])]}}],null,!1,48911446)})],1):a._e(),a.additionalInformation.siteRepresents==="organization"?t("div",{staticClass:"schema-graph-name aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.organizationName))])]),t("base-input",{attrs:{size:"medium"},model:{value:a.additionalInformation.organizationName,callback:function(i){a.$set(a.additionalInformation,"organizationName",i)},expression:"additionalInformation.organizationName"}})],1):a._e(),a.additionalInformation.siteRepresents!=="organization"&&a.additionalInformation.person==="manual"?t("div",{staticClass:"schema-graph-name aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.name))])]),t("base-input",{attrs:{size:"medium"},model:{value:a.additionalInformation.personName,callback:function(i){a.$set(a.additionalInformation,"personName",i)},expression:"additionalInformation.personName"}})],1):a._e(),a.additionalInformation.siteRepresents==="organization"?t("div",{staticClass:"schema-graph-phone aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.phone))])]),t("base-phone",{model:{value:a.additionalInformation.phone,callback:function(i){a.$set(a.additionalInformation,"phone",i)},expression:"additionalInformation.phone"}})],1):a._e(),a.additionalInformation.siteRepresents==="organization"?t("div",{staticClass:"schema-graph-contact-type aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.contactType))])]),t("base-select",{attrs:{size:"medium",options:a.$constants.CONTACT_TYPES,placeholder:a.strings.chooseContactType,value:a.getContactTypeOptions(a.additionalInformation.contactType)},on:{input:i=>a.additionalInformation.contactType=i.value}}),t("div",{staticClass:"aioseo-description"},[a._v(" "+a._s(a.strings.contactTypeDescription)+" ")])],1):a._e(),a.additionalInformation.siteRepresents==="organization"&&a.additionalInformation.contactType==="manual"?t("div",{staticClass:"schema-graph-contact-type-manual aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.contactType))])]),t("base-input",{attrs:{size:"medium"},model:{value:a.additionalInformation.contactTypeManual,callback:function(i){a.$set(a.additionalInformation,"contactTypeManual",i)},expression:"additionalInformation.contactTypeManual"}})],1):a._e(),a.additionalInformation.siteRepresents==="organization"?t("div",{staticClass:"schema-graph-image aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.logo))])]),t("div",{staticClass:"image-upload"},[t("base-input",{attrs:{size:"medium",placeholder:a.strings.pasteYourImageUrl},model:{value:a.additionalInformation.organizationLogo,callback:function(i){a.$set(a.additionalInformation,"organizationLogo",i)},expression:"additionalInformation.organizationLogo"}}),t("base-button",{staticClass:"insert-image",attrs:{size:"medium",type:"black"},on:{click:function(i){a.openUploadModal("organizationLogo",s=>a.additionalInformation.organizationLogo=s)}}},[t("svg-circle-plus"),a._v(" "+a._s(a.strings.uploadOrSelectImage)+" ")],1),t("base-button",{staticClass:"remove-image",attrs:{size:"medium",type:"gray"},on:{click:function(i){a.additionalInformation.organizationLogo=null}}},[a._v(" "+a._s(a.strings.remove)+" ")])],1),t("div",{staticClass:"aioseo-description"},[a._v(" "+a._s(a.strings.minimumSize)+" ")]),t("base-img",{attrs:{src:a.additionalInformation.organizationLogo}})],1):a._e(),a.additionalInformation.siteRepresents!=="organization"&&a.additionalInformation.person==="manual"?t("div",{staticClass:"schema-graph-image aioseo-settings-row no-border no-margin"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.logo))])]),t("div",{staticClass:"image-upload"},[t("base-input",{attrs:{size:"medium",placeholder:a.strings.pasteYourImageUrl},model:{value:a.additionalInformation.personLogo,callback:function(i){a.$set(a.additionalInformation,"personLogo",i)},expression:"additionalInformation.personLogo"}}),t("base-button",{staticClass:"insert-image",attrs:{size:"medium",type:"black"},on:{click:function(i){a.openUploadModal("personLogo",s=>a.additionalInformation.personLogo=s)}}},[t("svg-circle-plus"),a._v(" "+a._s(a.strings.uploadOrSelectImage)+" ")],1),t("base-button",{staticClass:"remove-image",attrs:{size:"medium",type:"gray"},on:{click:function(i){a.additionalInformation.personLogo=null}}},[a._v(" "+a._s(a.strings.remove)+" ")])],1),t("div",{staticClass:"aioseo-description"},[a._v(" "+a._s(a.strings.minimumSize)+" ")]),t("base-img",{attrs:{src:a.additionalInformation.personLogo}})],1):a._e(),t("div",{staticClass:"schema-graph-image aioseo-settings-row"},[t("div",{staticClass:"settings-name"},[t("div",{staticClass:"name small-margin"},[a._v(a._s(a.strings.defaultSocialShareImage))])]),t("div",{staticClass:"image-upload"},[t("base-input",{attrs:{size:"medium",placeholder:a.strings.pasteYourImageUrl},model:{value:a.additionalInformation.socialShareImage,callback:function(i){a.$set(a.additionalInformation,"socialShareImage",i)},expression:"additionalInformation.socialShareImage"}}),t("base-button",{staticClass:"insert-image",attrs:{size:"medium",type:"black"},on:{click:function(i){a.openUploadModal("socialShareImage",s=>a.additionalInformation.socialShareImage=s)}}},[t("svg-circle-plus"),a._v(" "+a._s(a.strings.uploadOrSelectImage)+" ")],1),t("base-button",{staticClass:"remove-image",attrs:{size:"medium",type:"gray"},on:{click:function(i){a.additionalInformation.socialShareImage=null}}},[a._v(" "+a._s(a.strings.remove)+" ")])],1),t("div",{staticClass:"aioseo-description"},[a._v(" "+a._s(a.strings.minimumSize)+" ")]),t("base-img",{attrs:{src:a.additionalInformation.socialShareImage}})],1),t("div",{staticClass:"header social"},[a._v(" "+a._s(a.strings.yourSocialProfiles)+" ")]),a.loaded?t("div",{staticClass:"social-profiles"},[t("core-social-profiles",{attrs:{options:a.additionalInformation,leftSize:"4",rightSize:"8",sameUsernameWidth:"4",hideAdditionalProfiles:""}})],1):a._e()],1),t("wizard-close-and-exit")],1)],1)},$=[],y=r(b,z,$,!1,null,null,null,null);const ea=y.exports;export{ea as default};