https://cdn.peatix.com/assets/production/static/peaz-frontend/js/CodeVerificationForm-BEN3ZaV9.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`6ceb2079-0497-4cf4-bc11-f8aa0ecaf8f0`,e._sentryDebugIdIdentifier=`sentry-dbid-6ceb2079-0497-4cf4-bc11-f8aa0ecaf8f0`)}catch{}})();import{C as e,Ct as t,D as n,E as r,G as i,H as a,J as o,O as s,S as c,U as l,Wt as u,Y as d,Yt as f,_t as p,at as m,b as h,f as g,h as _,it as v,l as y,nt as b,p as x,q as S,x as C,y as w}from"./route-CITprrr5.js";import{jn as T}from"./useProfileStore-CBaVsqDc.js";import{t as E}from"./BaseButton-DYUX4Air.js";import{t as D}from"./_plugin-vue_export-helper-CdgHZ22j.js";import{n as O}from"./useIconColor-B7ofuTEq.js";import{n as k,t as A}from"./AlertCircleIcon-BC8ICiCf.js";import{_ as ee,b as j,f as M,g as te,n as N}from"./validator-Desoxqwk.js";var P={class:`content`},F={class:`instruction-list`},I=D(s({__name:`AppleLoginFailByPopupBlockDialog`,props:{isShow:{type:Boolean,default:!1,required:!0}},emits:[`onClose`,`onConfirm`],setup(a){let o=[{name:`Safari`,url:`https://support.apple.com/en-us/102524`},{name:`Google Chrome`,url:`https://support.google.com/chrome/answer/95472?hl=en&co=GENIE.Platform%3DDesktop&oco=1`},{name:`Microsoft Edge`,url:`https://support.microsoft.com/en-us/microsoft-edge/block-pop-ups-in-microsoft-edge-1d8ba4f8-f385-9a0b-e944-aa47339b6bb5`},{name:`Firefox`,url:`https://support.mozilla.org/en-US/kb/pop-blocker-settings-exceptions-troubleshooting`}];function s(e){T(e.url)}return(c,l)=>{let u=A,d=E,p=k;return i(),C(p,{"is-show":a.isShow,"confirm-button-name":`Ok, I got it`,"hide-cancel-button":``,onOnClose:l[0]||=e=>c.$emit(`onClose`),onOnConfirm:l[1]||=e=>c.$emit(`onConfirm`)},{header:v(()=>[n(u,{class:`icon-header-confirm-dlg icon-error`,color:(`ICON_COLOR`in c?c.ICON_COLOR:t(O)).ERROR},null,8,[`color`])]),title:v(()=>[...l[2]||=[r(` Cannot proceed with Apple because the browser’s pop-up blocker is enabled. `,-1)]]),content:v(()=>[h(`div`,P,[l[4]||=h(`p`,{class:`text-sm text-regular`},` Please allow pop-ups and redirects on your browser in order to continue successfully. `,-1),h(`div`,F,[l[3]||=h(`p`,{class:`text-sm text-regular`},` Here are some instructions for each browser: `,-1),(i(),e(_,null,S(o,e=>n(d,{key:e.name,class:`link`,variant:`link`,color:`primary`,href:e.url,onClick:t=>s(e)},{default:v(()=>[r(f(e.name),1)]),_:2},1032,[`href`,`onClick`])),64))])])]),_:1},8,[`is-show`])}}}),[[`__scopeId`,`data-v-84fad2e6`]]),L=[`width`,`height`],R=s({__name:`AppleCircleIcon`,props:{width:{type:String,default:`24`},height:{type:String,default:`24`}},setup(t){return(n,r)=>(i(),e(`svg`,{width:t.width,height:t.height,viewBox:`0 0 48 48`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[...r[0]||=[h(`g`,{id:`apple`},[h(`path`,{id:`bg`,d:`M45.25 24C45.25 35.592 35.8525 45 24.25 45C12.6475 45 3.25 35.592 3.25 24C3.25 12.3975 12.6475 3 24.25 3C35.8525 3 45.25 12.3975 45.25 24Z`,fill:`#283544`}),h(`path`,{id:`apple_2`,d:`M34.0932 18.6861C33.9786 18.7529 31.2506 20.1637 31.2506 23.2918C31.3792 26.8591 34.6932 28.1102 34.75 28.1102C34.6932 28.177 34.2497 29.8144 32.936 31.5308C31.8935 33.0093 30.7363 34.5 28.9792 34.5C27.3077 34.5 26.7077 33.5146 24.7792 33.5146C22.708 33.5146 22.122 34.5 20.5363 34.5C18.7792 34.5 17.5363 32.9295 16.4369 31.4648C15.0086 29.5479 13.7947 26.5396 13.7518 23.6512C13.7229 22.1206 14.0378 20.616 14.8372 19.3381C15.9655 17.554 17.9798 16.3429 20.1795 16.3029C21.8649 16.25 23.3649 17.3812 24.3935 17.3812C25.3792 17.3812 27.222 16.3029 29.3071 16.3029C30.2071 16.3038 32.6071 16.5564 34.0932 18.6861ZM24.2509 15.9973C23.9509 14.5996 24.7792 13.2018 25.5506 12.3102C26.5363 11.2319 28.0932 10.5 29.4357 10.5C29.5214 11.8978 28.9782 13.2686 28.0074 14.267C27.1363 15.3453 25.6363 16.1571 24.2509 15.9973Z`,fill:`white`})],-1)]],8,L))}}),z=s({name:`SingleOtpInput`,props:{inputType:{type:String,validator:e=>[`number`,`tel`,`letter-numeric`,`password`].includes(e),default:`tel`},inputmode:{type:String,default:`numeric`},value:{type:[String,Number]},separator:{type:String},focus:{type:Boolean},inputClasses:{type:[String,Array]},conditionalClass:{type:String},shouldAutoFocus:{type:Boolean},isLastChild:{type:Boolean},placeholder:{type:String},isDisabled:{type:Boolean}},emits:[`on-change`,`on-keydown`,`on-paste`,`on-focus`,`on-blur`],setup(e,t){let{emit:n}=t,r=p(e.value||``),i=p(null),o=()=>(r.value=r.value.toString(),r.value.length>1&&(r.value=r.value.slice(0,1)),n(`on-change`,r.value)),s=e=>e>=65&&e<=90,c=e=>e>=48&&e<=57||e>=96&&e<=105;return b(()=>e.value,(e,t)=>{e!==t&&(r.value=e)}),b(()=>e.focus,(t,n)=>{n!==t&&i.value&&e.focus&&(i.value.focus(),i.value.select())}),a(()=>{i.value&&e.focus&&e.shouldAutoFocus&&(i.value.focus(),i.value.select())}),{handleOnChange:o,handleOnKeyDown:t=>{e.isDisabled&&t.preventDefault();let r=t||window.event,i=r.which?r.which:r.keyCode;c(i)||e.inputType===`letter-numeric`&&s(i)||[8,9,13,37,39,46,86].includes(i)?n(`on-keydown`,t):r.preventDefault()},handleOnPaste:e=>n(`on-paste`,e),handleOnFocus:()=>(i.value.select(),n(`on-focus`)),handleOnBlur:()=>n(`on-blur`),input:i,model:r,inputTypeValue:e.inputType===`letter-numeric`?`text`:e.inputType}}}),B={style:{display:`flex`,"align-items":`center`}},V=[`type`,`inputmode`,`placeholder`,`disabled`],H={key:0},U=[`innerHTML`];function W(t,n,r,a,o,s){return i(),e(`div`,B,[m(h(`input`,{"data-test":`single-input`,type:t.inputTypeValue,inputmode:t.inputmode,placeholder:t.placeholder,disabled:t.isDisabled,ref:`input`,min:`0`,max:`9`,maxlength:`1`,pattern:`[0-9]`,"onUpdate:modelValue":n[0]||=e=>t.model=e,class:u([t.inputClasses,t.conditionalClass,{"is-complete":t.model}]),onInput:n[1]||=function(){return t.handleOnChange&&t.handleOnChange(...arguments)},onKeydown:n[2]||=function(){return t.handleOnKeyDown&&t.handleOnKeyDown(...arguments)},onPaste:n[3]||=function(){return t.handleOnPaste&&t.handleOnPaste(...arguments)},onFocus:n[4]||=function(){return t.handleOnFocus&&t.handleOnFocus(...arguments)},onBlur:n[5]||=function(){return t.handleOnBlur&&t.handleOnBlur(...arguments)}},null,42,V),[[y,t.model]]),!t.isLastChild&&t.separator?(i(),e(`span`,H,[h(`span`,{innerHTML:t.separator},null,8,U)])):c(``,!0)])}z.render=W;var G=8,K=37,q=39,J=46,Y=s({name:`Vue3OtpInput`,components:{SingleOtpInput:z},props:{value:{type:String,default:``,required:!0},numInputs:{default:4},separator:{type:String,default:`**`},inputClasses:{type:[String,Array]},conditionalClass:{type:Array,default:[]},inputType:{type:String,validator:e=>[`number`,`tel`,`letter-numeric`,`password`].includes(e)},inputmode:{type:String,validator:e=>[`numeric`,`text`,`tel`,`none`].includes(e),default:`numeric`},shouldAutoFocus:{type:Boolean,default:!1},placeholder:{type:Array,default:[]},isDisabled:{type:Boolean,default:!1},shouldFocusOrder:{type:Boolean,default:!1}},setup(e,n){let{emit:r}=n,i=p(0),a=p([]),o=p([]);b(()=>e.value,e=>{a.value=t(e).split(``)},{immediate:!0});let s=e=>{i.value=e},c=()=>{i.value=-1},l=()=>a.value.join(``).length===e.numInputs?(r(`update:value`,a.value.join(``)),r(`on-complete`,a.value.join(``))):`Wait until the user enters the required number of characters`,u=t=>{i.value=Math.max(Math.min(e.numInputs-1,t),0)},d=()=>{u(i.value+1)},f=()=>{u(i.value-1)},m=e=>{o.value=Object.assign([],a.value),a.value[i.value]=e,o.value.join(``)!==a.value.join(``)&&(r(`update:value`,a.value.join(``)),r(`on-change`,a.value.join(``)),l())},h=t=>{t.preventDefault();let n=t.clipboardData.getData(`text/plain`).slice(0,e.numInputs-i.value).split(``);if(e.inputType===`number`&&!n.join(``).match(/^\d+$/)||e.inputType===`letter-numeric`&&!n.join(``).match(/^\w+$/))return`Invalid pasted data`;let r=a.value.slice(0,i.value).concat(n);

1return r.slice(0,e.numInputs).forEach(function(e,t){a.value[t]=e}),u(r.slice(0,e.numInputs).length),l()},g=e=>{m(e),d()},_=()=>{a.value.length>0&&(r(`update:value`,``),r(`on-change`,``)),a.value=[],i.value=0},v=t=>{let n=t.split(``);n.length===e.numInputs&&(a.value=n,r(`update:value`,a.value.join(``)),r(`on-complete`,a.value.join(``)))},y=(e,t)=>{switch(e.keyCode){case G:e.preventDefault(),m(``),f();break;case J:e.preventDefault(),m(``);break;case K:e.preventDefault(),f();break;case q:e.preventDefault(),d();break;default:x(t);break}},x=t=>{e.shouldFocusOrder&&setTimeout(()=>{let e=a.value.join(``).length;t-e>=0&&(i.value=e,a.value[t]=``)},100)};return{activeInput:i,otp:a,oldOtp:o,clearInput:_,handleOnPaste:h,handleOnKeyDown:y,handleOnBlur:c,changeCodeAtFocus:m,focusInput:u,focusNextInput:d,focusPrevInput:f,handleOnFocus:s,checkFilledAllInputs:l,handleOnChange:g,fillInput:v}}}),X={style:{display:`flex`},class:`otp-input-container`},Z={key:0,autocomplete:`off`,name:`hidden`,type:`text`,style:{display:`none`}};function ne(t,n,r,a,o,s){let l=d(`SingleOtpInput`);return i(),e(`div`,X,[t.inputType===`password`?(i(),e(`input`,Z)):c(``,!0),(i(!0),e(_,null,S(t.numInputs,(e,n)=>(i(),C(l,{key:n,focus:t.activeInput===n,value:t.otp[n],separator:t.separator,"input-type":t.inputType,inputmode:t.inputmode,"input-classes":t.inputClasses,conditionalClass:t.conditionalClass[n],"is-last-child":n===t.numInputs-1,"should-auto-focus":t.shouldAutoFocus,placeholder:t.placeholder[n],"is-disabled":t.isDisabled,onOnChange:t.handleOnChange,onOnKeydown:e=>t.handleOnKeyDown(e,n),onOnPaste:t.handleOnPaste,onOnFocus:e=>t.handleOnFocus(n),onOnBlur:t.handleOnBlur},null,8,[`focus`,`value`,`separator`,`input-type`,`inputmode`,`input-classes`,`conditionalClass`,`is-last-child`,`should-auto-focus`,`placeholder`,`is-disabled`,`onOnChange`,`onOnKeydown`,`onOnPaste`,`onOnFocus`,`onOnBlur`]))),128))])}Y.render=ne;var Q=(()=>{let e=Y;return e.install=t=>{t.component(`Vue3OtpInput`,e)},e})(),re={class:`auth-page-container`},ie={class:`instruction`},ae={class:`otp-container`},oe={key:0,class:`error-message text-sm text-regular text-align-center`},se={class:`btn-wrapper`},$=`Please enter your 6-digit code.`,ce=D(s({__name:`CodeVerificationForm`,props:{confirmButtonName:{type:String,default:null},serverError:{type:String,default:null},isLoading:{type:Boolean,default:!1}},emits:[`onResendCode`,`onSubmitCode`],setup(a,{emit:s}){let u=a,d={code:{required:M.withMessage($,ee),minLength:M.withMessage($,te(6))}},m=s,_=p(null),y=p(``),S=p(``),C=j(d,{code:y}),T=p(!1);function D(){if(C.value.$touch(),C.value.$error){S.value=N(C.value.code.$errors);return}m(`onSubmitCode`,y.value)}function O(e){S.value=``,y.value=e}function k(e){C.value.code.$error&&C.value.code.$reset(),y.value=e}function A(){T.value=!0,_.value?.clearInput(),m(`onResendCode`)}let P=w(()=>{let e=[`otp-input`];return S.value&&e.push(`error`),e}),F=w(()=>u.isLoading?`Resending`:!u.isLoading&&T.value?(setTimeout(()=>{T.value=!1},2e3),`Sent!`):`Resend Code`),I=w(()=>u.isLoading||T.value);return l(()=>{C.value.$reset()}),b(()=>u.serverError,e=>{S.value=e}),(s,l)=>{let u=E;return i(),e(`div`,re,[h(`div`,ie,[o(s.$slots,`header`,{},void 0,!0),o(s.$slots,`content`,{},void 0,!0)]),h(`form`,{class:`form-container`,onSubmit:x(D,[`prevent`])},[h(`div`,ae,[n(t(Q),{ref_key:`otpInput`,ref:_,"input-classes":t(P),"input-type":`number`,separator:``,"num-inputs":6,"should-auto-focus":!0,onOnComplete:O,onOnChange:k,onKeydown:g(D,[`enter`])},null,8,[`input-classes`])]),t(S)?(i(),e(`p`,oe,f(t(S)),1)):c(``,!0),h(`div`,se,[n(u,{variant:`solid`,color:`primary`,size:`lg`,type:`submit`,disabled:t(I)},{default:v(()=>[r(f(a.confirmButtonName||`Continue`),1)]),_:1},8,[`disabled`]),n(u,{variant:`outlined`,color:`gray`,size:`lg`,disabled:t(I),onClick:A},{default:v(()=>[r(f(t(F)),1)]),_:1},8,[`disabled`]),o(s.$slots,`action`,{},void 0,!0)])],32),o(s.$slots,`footer`,{},void 0,!0)])}}}),[[`__scopeId`,`data-v-ff637fe6`]]);export{R as n,I as r,ce as t};
2//# sourceMappingURL=CodeVerificationForm-BEN3ZaV9.js.map