https://www.wizconnected.com/etc.clientlibs/signify-brand-wiz/clie…up-module.039f78dcbe0e94140285.chunk.min.js

1"use strict";(self.webpackChunk_signify_wiz=self.webpackChunk_signify_wiz||[]).push([[553],{9741:function(o,e,t){t.r(e),t.d(e,{default:function(){return V}});var r=t(7607),i=t(6066),a=t(7239),n=t(6112),s=t(4865),l=t(836),p=t(4658),u=t(1268),d=t(5136),c=t(7168),m=t(3807),f=t(3040),h=t(6706),g=t(3777),b=function(o,e,t,r){var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,e,t,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(n=(a<3?i(n):a>3?i(e,t,n):i(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let v=class extends((0,d.mixins)(u.A)){constructor(){super(...arguments),this.buttonTheme=p.Ox,this.formUID=this.uid,this.isOpen=this.openModal,this.showModal=!1,this.icons=f.$M,this.promotionalConfigData=this.configuration.config.promotionalConfig,this.popupPhoneValid=!1,this.promotionalPopupFormData={userName:"",email:"",mobileNumber:"",countryCode:"",consent:null}}created(){(0,i.kg)({en:{fields:{userName:{required:this.promotionalConfigData.nameField.errorMessages.required},userEmail:{required:this.promotionalConfigData.emailField.errorMessages.required,email:this.promotionalConfigData.emailField.errorMessages.invalid},userTelephone:{required:this.promotionalConfigData.mobileNumberField?.errorMessages?.required,tel:this.promotionalConfigData.mobileNumberField?.errorMessages.invalid}}}}),(0,i.jK)({classes:{valid:"is-valid",invalid:"is-invalid",dirty:["is-dirty"]}}),(0,i.X$)("email",{...a.email}),(0,i.X$)("required",{...a.required}),this.isPopupMobileEnabled&&(0,i.X$)("tel",()=>this.popupPhoneValid)}mounted(){setTimeout(()=>{this.showModal=!0},5e3)}onSubmit(){const o=this.promotionalPopupFormData.countryCode??"",e=this.promotionalPopupFormData.mobileNumber??"";this.$emit("onSubmit",this.promotionalPopupFormData.email,this.promotionalPopupFormData.userName,e,o)}onSelectCountry(o){this.$emit("onSelectCountry",o)}onInput(o){this.promotionalPopupFormData.countryCode=o?.countryCallingCode,this.promotionalPopupFormData.mobileNumber=o?.nationalNumber}toggleModal(){this.isOpen=!this.isOpen}get isPopupMobileEnabled(){return!!this.promotionalConfigData?.mobileNumberField?.mobileInfoEnabled}get userNameValidationRules(){return`required${(0,g.t)(this.promotionalConfigData?.nameField?.invalidWordsValidation,this.promotionalConfigData?.nameField?.errorMessages?.invalidWordsErrorMessage)}`}get emailValidationRules(){return`required${(0,g.t)(this.promotionalConfigData?.emailField?.invalidWordsValidation,this.promotionalConfigData?.emailField?.errorMessages?.invalidWordsErrorMessage)}|email`}};b([(0,r.kv)({required:!0})],v.prototype,"configuration",void 0),b([(0,r.kv)({default:!1})],v.prototype,"showErrorMessage",void 0),b([(0,r.kv)({default:!0})],v.prototype,"openModal",void 0),b([(0,r.kv)({default:!0})],v.prototype,"isSubmitted",void 0),b([(0,r.kv)()],v.prototype,"errorMessage",void 0),v=b([(0,r.uA)({name:"promotional-popup-form",components:{ErrorMessage:l.A,FormField:s.A,VButton:n.default,ValidationObserver:i.Ce,ValidationProvider:i.LW,Modal:c.A,Icon:m.default,HueTelInput:h.A}})],v);var _=v,y=t(2881),C=(0,y.A)(_,function(){var o=this,e=o._self._c;o._self._setupProxy;return o.showModal?e("div",[o.isSubmitted?[e("Modal",{staticClass:"promotional-popup",attrs:{"is-open":o.isOpen},on:{close:o.toggleModal},scopedSlots:o._u([{key:"body",fn:function(){return[e("div",{staticClass:"promotional-popup__subscribed-modal-body"},[e("div",{staticClass:"promotional-popup__header-content"},[e("div",{staticClass:"promotional-popup__header-content-left"},[e("Icon",{staticClass:"promotional-popup__subscribed-modal-icon",attrs:{"icon-name":o.icons.filamentBulbRoundedCorner}})],1)]),o._v(" "),e("div",{staticClass:"promotional-popup__modal-wrapper promotional-popup__subscribed-modal-wrapper"},[e("h2",{staticClass:"heading-4 promotional-popup__title"},[o._v("\n                            "+o._s(o.promotionalConfigData.confirmation.title)+"\n                        ")]),o._v(" "),e("div",{staticClass:"promotional-popup__text promotional-popup__subscribed-text",domProps:{innerHTML:o._s(o.promotionalConfigData.confirmation.text)}})]),o._v(" "),e("VButton",{staticClass:"promotional-popup__button promotional-popup__subscribed-button",attrs:{label:o.promotionalConfigData.confirmation.ctaLabel,"button-theme":o.buttonTheme.primary,type:"button"},on:{onClick:o.toggleModal}})],1)]},proxy:!0}],null,!1,1807567398)})]:[e("Modal",{staticClass:"promotional-popup",attrs:{"is-open":o.isOpen},on:{close:o.toggleModal},scopedSlots:o._u([{key:"body",fn:function(){return[e("div",{staticClass:"promotional-popup__header-content"},[e("div",{staticClass:"promotional-popup__header-content-left"},[e("Icon",{staticClass:"promotional-popup__subscribed-modal-icon",attrs:{"icon-name":o.icons.filamentBulbRoundedCorner}})],1),o._v(" "),e("div",{staticClass:"promotional-popup__header-content-right"},[e("div",{staticClass:"promotional-popup__title"},[o._t("title")],2),o._v(" "),e("div",{staticClass:"promotional-popup__text"},[o._t("text")],2)])]),o._v(" "),e("div",{staticClass:"promotional-popup__modal-wrapper"},[e("ValidationObserver",{scopedSlots:o._u([{key:"default",fn:function({handleSubmit:t,invali

1d:r}){return[e("form",{on:{submit:function(e){return e.preventDefault(),t(o.onSubmit)}}},[e("ValidationProvider",{staticClass:"promotional-popup__form-group promotional-popup__form-group--name",attrs:{name:"userName",rules:o.userNameValidationRules,mode:"passive"},scopedSlots:o._u([{key:"default",fn:function({classes:t,errors:r,validate:i}){return[e("label",{staticClass:"promotional-popup__form-group-label",attrs:{for:`popupName-${o.formUID}`}},[o._v(o._s(o.promotionalConfigData.nameField.label))]),o._v(" "),e("FormField",{class:t,attrs:{id:`popupName-${o.formUID}`,type:"text",name:o.promotionalConfigData.nameField.label},on:{input:i},model:{value:o.promotionalPopupFormData.userName,callback:function(e){o.$set(o.promotionalPopupFormData,"userName",e)},expression:"promotionalPopupFormData.userName"}}),o._v(" "),e("ErrorMessage",[o._v(o._s(r[0]))])]}}],null,!0)}),o._v(" "),e("ValidationProvider",{staticClass:"promotional-popup__form-group",class:[o.isPopupMobileEnabled?"promotional-popup__form-group--name":"promotional-popup__form-group--email"],attrs:{name:"userEmail",rules:o.emailValidationRules,mode:"passive"},scopedSlots:o._u([{key:"default",fn:function({classes:t,errors:r,validate:i}){return[e("label",{staticClass:"promotional-popup__form-group-label",attrs:{for:`popupEmail-${o.formUID}`}},[o._v(o._s(o.promotionalConfigData.emailField.label))]),o._v(" "),e("FormField",{class:t,attrs:{id:`popupEmail-${o.formUID}`,type:"email",name:o.promotionalConfigData.emailField.label},on:{input:i},model:{value:o.promotionalPopupFormData.email,callback:function(e){o.$set(o.promotionalPopupFormData,"email",e)},expression:"promotionalPopupFormData.email"}}),o._v(" "),e("ErrorMessage",[o._v(o._s(r[0]))])]}}],null,!0)}),o._v(" "),o.isPopupMobileEnabled?e("ValidationProvider",{staticClass:"promotional-popup__form-group promotional-popup__form-group--mobile",attrs:{mode:"lazy",name:"userTelephone",rules:"required|tel"},scopedSlots:o._u([{key:"default",fn:function({classes:t,errors:r,validate:i}){return[e("label",{staticClass:"promotional-popup__form-group-label",attrs:{for:`popupMobile-${o.formUID}`}},[o._v(o._s(o.promotionalConfigData.mobileNumberField.label))]),o._v(" "),e("HueTelInput",{staticClass:"promotional-popup__form-group--mobile",class:t,attrs:{id:`popupMobile-${o.formUID}`,value:o.promotionalPopupFormData.mobileNumber,"data-hj-suppress":"","default-country":o.country,"error-message":r[0],name:"userTelephone"},on:{blur:function(o){return i()},onSelectCountry:o.onSelectCountry,input:o.onInput,validate:e=>{o.popupPhoneValid=e}}})]}}],null,!0)}):o._e(),o._v(" "),e("div",{domProps:{innerHTML:o._s(o.promotionalConfigData.checkBox.label)}}),o._v(" "),e("VButton",{staticClass:"promotional-popup__button",attrs:{label:o.promotionalConfigData.submitButton.label,type:"submit","is-disabled":r,"button-theme":o.buttonTheme.primary,"ignore-tracking":!0}}),o._v(" "),o.showErrorMessage?e("ErrorMessage",{staticClass:"promotional-popup__error-message"},[o._v("\n                                "+o._s(o.errorMessage)+"\n                            ")]):o._e()],1)]}}],null,!1,998693085)})],1)]},proxy:!0}],null,!0)})]],2):o._e()},[],!1,null,null,null).exports,w=t(5623),D=t(6660),M=t.n(D),F=t(2656);const P=new class{constructor(){this.subscribe=async(o,e)=>{const t={url:o,method:"POST",data:e,headers:await(0,F.$)()};return(await M().request(t)).data}}getOrigin(){return new URLSearchParams(window.location.search).get("origin")}getCampaignUrl(){return window.location.href}};var S=t(2289),k=t(5805),x=function(o,e,t,r){var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,e,t,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(n=(a<3?i(n):a>3?i(e,t,n):i(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};const A="promotional_popup";let O=class extends r.lD{constructor(){super(...arguments),this.isSubmitted=!1,this.showErrorMessage=!1,this.errorMessage="",this.openModal=!0}async onSubmit(o,e,t,r){try{let i;try{i=await(S.c?.getGUUID())}catch(o){w.A.warn("Promotional popup container","onSubmit","Error while loading guuid",o)}const a=await(0,k.h)(this.configuration.config.recaptchaKey,A,this.configuration.config.recaptchaEnabled),n={email:o,userName:e,mobileNumber:t,countryCode:r,brand:this.configuration.config.promotionalConfig.brand,action:A,...a&&{token:a},...i&&{guuid:i}},s=this.buildRequest(n),l=await P.subscribe(this.configuration.config.promotionalConfig.endpoint,s);return w.A.info("Promotional popup subscription submitted:",s),w.A.info("Promotional popup subscription response:",l),this.isSubmitted=!0,void(this.showErrorMessage=!1)}catch(o){return this.errorMessage=o.response?.data?.translation,void(this.showErrorMessage=!0)}}buildRequest(o){const{email:e,userName:t,mobileNumber:r,countryCode:i,brand:a,action:n,token:s,guuid:l}=o,p=P.getCampaignUrl(),u=P.getOrigin();return{email:e,userName:t,mobileNumber:r,countryCode:i,campaignUrl:p,brand:a,...this.configuration.config.promotionalConfig.formName&&{formName:this.configuration.config.promotionalConfig.formName},...u&&{origin:u},...s&&{token:s,action:n},...l&&{guuid:l}}}};x([(0,r.kv)({required:!0})],O.prototype,"configuration",void 0),O=x([(0,r.uA)({name:"promotional-popup-container",components:{PromotionalPopupForm:C}})],O);var $=O,E=(0,y.A)($,function(){var o=this,e=o._self._c;o._self._setupProxy;return e("PromotionalPopupForm",{attrs:{configuration:o.configuration,"show-error-message":o.showErrorMessage,"error-message":o.errorMessage,"is-submitted":o.isSubmitted,"open-modal":o.openModal},on:{onSubmit:o.onSubmit},scopedSlots:o._u([{key:"title",fn:function(){return[o._t("title")]},proxy:!0},{key:"text",fn:function(){return[o._t("text")]},proxy:!0}],null,!0)})},[],!1,null,null,null).exports;var V={getComponentDefinition:()=>E}},3777:function(o,e,t){t.d(e,{t:function(){return a}});var r=t(6066);const i=(o,{config:e})=>

1{const{invalidWords:t,rule:r,invalidWordsErrorMessage:i}=JSON.parse(e),a=o.toLowerCase().trimEnd().trimStart(),n=t.map(o=>o.toLowerCase()),s={starts(o){return a.startsWith(`${o} `)},ends(o){return a.endsWith(` ${o}`)},contains(o){return a.includes(o)}};return 0===t.length||!s[r]||(!n.some(s[r])||i)},a=(o,e="")=>{if((o?.invalidWords||[]).length>0){(0,r.X$)("invalidWords",{params:["config"],validate:i});const t={...o,invalidWordsErrorMessage:e};return`|invalidWords:${JSON.stringify(t)}`}return""}},2656:function(o,e,t){t.d(e,{$:function(){return n}});var r=t(6660),i=t.n(r),a=t(5623);async function n(){const o=await async function(){try{const o=await i().get("/libs/granite/csrf/token.json");return o.data?.token}catch(o){return void a.A.error("Failed to fetch CSRF token:",o)}}();return o?{"CSRF-Token":o}:{}}},5805:function(o,e,t){t.d(e,{h:function(){return i}});var r=t(5623);const i=async(o,e,t)=>{if(t&&o){if(window.grecaptcha?.enterprise)return a(o,e);r.A.warn("recaptchaUtils","getRecaptchaToken","reCAPTCHA enterprise not loaded")}},a=(o,e)=>new Promise(t=>{window.grecaptcha.enterprise.ready(async()=>{try{const r=await window.grecaptcha.enterprise.execute(o,{action:e});t(r)}catch(o){r.A.warn("recaptchaUtils","executeRecaptcha","Failed to execute reCAPTCHA",o),t(void 0)}})})},6706:function(o,e,t){t.d(e,{A:function(){return p}});var r=t(7607),i=t(9777),a=t(7436),n=function(o,e,t,r){var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,e,t,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(n=(a<3?i(n):a>3?i(e,t,n):i(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let s=class extends r.lD{constructor(){super(...arguments),this.modelValue="",this.styleClasses=["input__input","tel-input"],this.isDropdownOpen=!1,this.isFocused=!1}created(){this.onValueChange(this.value)}mounted(){this.syncAriaAttributes()}updated(){this.syncAriaAttributes()}syncAriaAttributes(){const o=this.$refs.telephone,e=o?.$refs.input;e&&(this.describedBy?e.setAttribute("aria-describedby",this.describedBy):e.removeAttribute("aria-describedby"),this.hasError?(e.setAttribute("aria-invalid","true"),e.setAttribute("aria-errormessage",this.errorId)):(e.removeAttribute("aria-invalid"),e.removeAttribute("aria-errormessage")))}onValueChange(o){this.modelValue=o}get hasError(){return Boolean(this.errorMessage)}get errorId(){return`${this.id}-error`}get describedBy(){return this.hasError?this.errorId:void 0}get dropdownOptions(){return{disabled:this.disabled,showDialCodeInList:!0,showDialCodeInSelection:!1,showFlags:!0,showSearchBox:!1,tabindex:-1,width:"390px"}}get inputOptions(){return{autocomplete:"tel",autofocus:!1,ariaDescribedby:this.describedBy??"",id:this.id,maxlength:25,name:this.name,showDialCode:!0,placeholder:this.placeholder,readonly:!1,required:!1,tabindex:0,type:"tel",styleClasses:"tel-input__input",invalidMsg:""}}onInput(o,e){const t=this.$refs.telephone.$refs.input;this.$emit("input",e,t)}onBlur(){this.isFocused=!1}onFocus(){this.$emit("focus",this.$el),this.isFocused=!0}onDropdownOpen(){this.isDropdownOpen=!0}onDropdownClose(){this.isDropdownOpen=!1;const o=this.$refs.telephone.$refs.input;this.$emit("onSelectCountry",o);const e=o.value.length;o.focus(),o.setSelectionRange(e,e)}onValidate({valid:o}){return o}};n([(0,r.kv)({type:String})],s.prototype,"value",void 0),n([(0,r.kv)({type:String})],s.prototype,"label",void 0),n([(0,r.kv)({type:String,required:!0})],s.prototype,"id",void 0),n([(0,r.kv)({type:String,required:!0})],s.prototype,"name",void 0),n([(0,r.kv)({type:Boolean,default:!1})],s.prototype,"disabled",void 0),n([(0,r.kv)({type:String})],s.prototype,"errorMessage",void 0),n([(0,r.kv)({type:String})],s.prototype,"defaultCountry",void 0),n([(0,r.kv)({type:String,default:""})],s.prototype,"placeholder",void 0),n([(0,r.ox)("value")],s.prototype,"onValueChange",null),n([(0,r.O5)("blur")],s.prototype,"onBlur",null),n([(0,r.O5)("validate")],s.prototype,"onValidate",null),s=n([(0,r.uA)({name:"hue-tel-input",components:{HueFormErrorMessage:i.A,VueTelInput:()=>Promise.all([t.e(402).then(t.t.bind(t,411,23)),t.e(402).then(t.bind(t,3568))]).then(([{VueTelInput:o}])=>o),HueIcon:a.A}})],s);var l=s,p=(0,t(2881).A)(l,function(){var o=this,e=o._self._c;o._self._setupProxy;return e("div",{staticClass:"input input--tel",class:{disabled:o.disabled}},[o.label?e("label",{staticClass:"input__label label",attrs:{for:o.id}},[o._v(o._s(o.label))]):o._e(),o._v(" "),e("VueTelInput",{ref:"telep

1hone",attrs:{"default-country":o.defaultCountry,"dropdown-options":o.dropdownOptions,"input-options":o.inputOptions,"style-classes":o.styleClasses,disabled:o.disabled},on:{input:o.onInput,validate:o.onValidate,blur:o.onBlur,focus:o.onFocus,open:o.onDropdownOpen,close:o.onDropdownClose},scopedSlots:o._u([{key:"arrow-icon",fn:function(){return[e("HueIcon",{attrs:{name:o.isDropdownOpen?"up":"down",size:"sm"}})]},proxy:!0}]),model:{value:o.modelValue,callback:function(e){o.modelValue=e},expression:"modelValue"}}),o._v(" "),e("div",{staticClass:"input__error-region",attrs:{id:o.errorId,"aria-live":"polite","aria-atomic":"true"}},[o.hasError?e("HueFormErrorMessage",{staticClass:"input__error-message",attrs:{message:o.errorMessage}}):o._e()],1)],1)},[],!1,null,"0ebebb7a",null).exports}}]);