https://www.softube.com/ui/es6/77.c93a9a67d848420d.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[77,800],{303:(e,t,a)=>{a.d(t,{A:()=>n});var l=a(3696),c=a(6800);const n=({name:e,id:t,type:a="text",value:n,minValue:r=null,maxValue:s=null,label:o,onChange:i,errors:d={},containerCssClass:m="",inputCssClass:u,labelCssClass:p="",autoComplete:g=null,placeholder:E=null,maxLength:h=200,required:_,disabled:b,checked:v,textInputPrefix:C,tooltip:x=null})=>l.createElement("label",{className:m,htmlFor:t},C?l.createElement(l.Fragment,null,o&&l.createElement("span",{className:`${p} ${_?"label-required":""}`},o),x&&l.createElement(c.default,{text:x}),l.createElement("div",{className:"form-input-prefix"},l.createElement("span",null,C),l.createElement("input",{className:`${u||""}${d[t]?" invalid":""}`,disabled:b,id:t,name:e,type:a,value:n??"",min:r,max:s,placeholder:E,autoComplete:g,onChange:e=>i(e.target.value),maxLength:h}))):l.createElement(l.Fragment,null,"checkbox"!==a&&"radio"!==a&&o&&l.createElement("span",{className:`${p} ${_?"label-required":""}`},o),x&&l.createElement(c.default,{text:x}),l.createElement("input",{className:`${u||""}${d[t]?" invalid":""}`,disabled:b,checked:v,id:t,name:e,type:a,value:n??"",min:r,max:s,placeholder:E,autoComplete:g,onChange:e=>i("checkbox"===a?e.target.checked:e.target.value),maxLength:h}),("checkbox"===a||"radio"===a)&&o&&l.createElement("span",{className:`${p} ${_?"label-required":""}`},o)),d[t]&&l.createElement("div",{className:"validation-message","data-error-for":t},d[t][0]))},4077:(e,t,a)=>{a.r(t),a.d(t,{default:()=>E});var l=a(3696),c=a(9400),n=a(7465),r=a(303),s=a(3939);const o=e=>({type:s.tK,payload:{error:e}});var i=a(9134),d=a(9520),m=a(6483);const u=({acceptTermsCheckboxText:e,acceptTermsText:t,errors:a,handleClose:s,licenseCode:u,productImageUrl:p,productName:g,redirectUrl:E})=>{const h=(0,n.wA)(),[_,b]=(0,l.useState)(!1),[v,C]=(0,l.useState)(!1),[x,f]=(0,l.useState)(!1),N=a?.modal?.[0]??void 0;stopBodyScroll();const w=void 0!==p||void 0!==g;return l.createElement("div",{className:"register-license-code-modal"},x&&!E?l.createElement(l.Fragment,null,l.createElement("div",{className:"register-license-code-modal__content register-license-code-modal__content--success"},l.createElement("i",{className:"icon-check_circle"}),l.createElement("div",null,(0,c.T)("js.registerlicensecode.success.text"))),l.createElement("div",{className:"register-license-code-modal__content register-license-code-modal__content--success-footer"},l.createElement("button",{className:"button button__outline button--full-width",onClick:()=>{const e=(e=>{const t=new URL(window.location.href);if(!t)return;const a=e?.toLowerCase();for(const[e,l]of t.searchParams?.entries())e?.toLowerCase()===a&&t.searchParams.delete(e);return t})("licenseCode");e?window.location.href=e?.href:window.location.reload()}},l.createElement("span",null,(0,c.T)("js.registerlicensecode.success.button.text"))))):l.createElement(l.Fragment,null,l.createElement("div",{className:"register-license-code-modal__head"},l.createElement("h5",null,(0,c.T)("js.registerlicensecode.heading.register"))),l.createElement("div",{className:"register-license-code-modal__content"},N&&!w?l.createElement(l.Fragment,null,l.createElement("h4",null,(0,c.T)("js.registerlicensecode.modal.error.title")),l.createElement("div",{className:"register-license-code-modal__error-text"},N)):l.createElement(l.Fragment,null,l.createElement("h4",null,N?(0,c.T)("js.registerlicensecode.modal.error.title"):(0,c.T)("js.registerlicensecode.modal.text")),l.createElement("div",{className:"register-license-code-modal__card"},p&&l.createElement("img",{src:p}),g&&l.createElement("div",null,g)),!N&&l.createElement("div",{className:"register-license-code-modal__content__terms-and-conditions"},l.createElement("div",{dangerouslySetInnerHTML:{__html:t.value}}),l.createElement("form",null,l.createElement(r.A,{id:"acceptTerms",name:"acceptTerms",type:"checkbox",value:"acceptTerms",checked:v,label:e,onChange:e=>C(e),errors:a,containerCssClass:"label-checkbox",labelCssClass:"label-checkbox__text",disabled:_}))),N?l.createElement("div",{className:"register-license-code-modal__error-text"},N):l.createElement("button",{className:`button button--full-width ${_&&"loading"}`,disabled:_||!v,onClick:async e=>{e.preventDefault(),b(!0);try{await(0,m.bE)("/api/products/licenseCode",{licenseCode:u,acceptsTerms:v}),f(!0),E&&(window.location.href=E)}catch(e){await h((0,i.WL)(e,e=>(0,d.K)(e,o))),s()}}},l.createElement("span",null,(0,c.T)("js.registerlicensecode.button.confirm.text")),l.createElement("span",{className:"spinner spinner--light spinner--small"}))),l.createElement("button",{className:"button button__outline button--full-width",disabled:_,onClick:s},l.createElement("span",null,(0,c.T)("js.registerlicensecode.button.cancel.text"))))))};a(3406);var p=a(9353);const g=(0,p.Ik)().shape({licenseCode:(0,p.Yj)().required((0,c.T)("js.registerlicensecode.validation.code.notempty"))}),E=()=>{const e=(e=>{const t=new URLSearchParams(e);return new Map([...t].map(([e,t])=>[e.toLowerCase(),t]))})(window.location.search),t=e?.get("licensecode"),a=e?.get("redirecturl"),p=(0,n.wA)(),{payload:E,errors:h,step:_}=(0,n.d4)(e=>e.registerLicenseCode),b=(0,l.useRef)(null),[v,C]=(0,l.useState)(!1),[x,f]=(0,l.useState)(t??""),[N,w]=(0,l.useState)(Boolean(x));(0,l.useEffect)(()=>{b&&(v&&!b.current?.open&&b.current.showModal(),!v&&b.current?.open&&b.current.close())},[v]),(0,l.useEffect)(()=>{"modalError"===_&&C(!0),"validationSuccess"===_&&C(!0)},[_]),(0,l.useEffect)(()=>{(async()=>{t&&x&&await T()})()},[t]);const T=async()=>{try{await(async e=>await g.validate({licenseCode:e}))(x);const e=await(0,m.bE)("/api/products/licenseCode/lookup",{licenseCode:x}

1),t=await e.json();p((e=>({type:s.NP,payload:{...e}}))(t))}catch(e){await p((0,i.WL)(e,e=>(0,d.K)(e,o)))}};return l.createElement(l.Fragment,null,l.createElement("div",{className:"register-license-code"},l.createElement("div",{onClick:()=>{N&&p({type:s.R7,payload:{errors:[]}}),w(e=>!e)},className:"register-license-code__head"},N?l.createElement("i",{className:"icon-cancel_circle register-license-code__head__icon__close"}):l.createElement("i",{className:"icon-plus_circle register-license-code__head__icon__open"}),l.createElement("span",null,(0,c.T)("js.registerlicensecode.heading.register"))),N&&l.createElement("div",{className:"register-license-code__content"},l.createElement("p",null,(0,c.T)("js.registerlicensecode.text")),l.createElement("form",{onSubmit:async e=>{e.preventDefault(),await T()}},l.createElement(r.A,{id:"licenseCode",name:"licenseCode",type:"text",value:x,required:!0,onChange:e=>{const t=e.replace(/-/g,"")?.slice(0,16);f(t?.match(/.{1,4}/g)?.join("-")??"")},errors:h,placeholder:(0,c.T)("js.registerlicensecode.input.placeholdertext")}),l.createElement("button",{className:"button button-primary"},(0,c.T)("js.registerlicensecode.button.confirm.text"))))),v&&l.createElement("dialog",{ref:b,className:"dialog"},l.createElement(u,{acceptTermsCheckboxText:E?.acceptTermsCheckboxText,acceptTermsText:E?.acceptTermsText,errors:h,handleClose:()=>{p({type:s.Eh}),C(!1),enableBodyScroll()},licenseCode:x,productImageUrl:E?.productImageUrl??h.productImageUrl,productName:E?.productName??h.productName,redirectUrl:a})))}},6800:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var l=a(3696);const c=({text:e})=>l.createElement(l.Fragment,null,e&&l.createElement("div",{className:"tool-tip"},l.createElement("i",{className:"icon-info_circle"}),l.createElement("div",{className:"tool-tip__content",dangerouslySetInnerHTML:{__html:e}})))},9520:(e,t,a)=>{a.d(t,{K:()=>c});var l=a(9134);const c=(e,t=null)=>a=>{if(Object.hasOwn(e,"general")){const t={errors:e.general?.map(e=>({messageText:e,messageType:"Pink",dismissible:!0,timeToLive:10,messageId:crypto.randomUUID()}))};a((0,l.OV)(t))}t&&a(t(e))}}}]);
2//# sourceMappingURL=77.c93a9a67d848420d.js.map