https://attendar.com/_next/static/chunks/2379.f9cf91de7b9ef013.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ff844307-51c5-490f-b334-11758d390c77",e._sentryDebugIdIdentifier="sentry-dbid-ff844307-51c5-490f-b334-11758d390c77")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2379],{9953:e=>{e.exports={base:"style_base__jTmPX",inputField:"style_inputField__bTTdg",container:"style_container__NFJVP"}},12379:(e,t,n)=>{"use strict";n.r(t),n.d(t,{Template:()=>d});var r=n(37876),u=n(42380),o=n(34906),a=n.n(o),l=n(14232),i=function(e){return"object"==typeof e&&null!==e},c=function(e){var t=e.value,n=void 0===t?"":t,r=e.numInputs,u=void 0===r?4:r,o=e.onChange,a=e.onPaste,c=e.renderInput,s=e.shouldAutoFocus,f=void 0!==s&&s,p=e.inputType,d=void 0===p?"text":p,v=e.renderSeparator,y=e.placeholder,g=e.containerStyle,h=e.inputStyle,b=e.skipDefaultStyles,m=void 0!==b&&b,D=l.useState(0),_=D[0],w=D[1],N=l.useRef([]),k=function(){return n?n.toString().split(""):[]},I="number"===d||"tel"===d;l.useEffect(function(){N.current=N.current.slice(0,u)},[u]),l.useEffect(function(){var e;f&&(null==(e=N.current[0])||e.focus())},[f]);var x=function(){if("string"==typeof y){if(y.length===u)return y;y.length>0&&console.error("Length of the placeholder should be equal to the number of inputs.")}},S=function(e){return(I?!isNaN(Number(e)):"string"==typeof e)&&1===e.trim().length},T=function(e){var t=e.target.value;S(t)&&(F(t),A(_+1))},j=function(e){var t=e.nativeEvent,n=e.target.value;S(n)||(n.length===u&&(n.split("").some(function(e){return!S(e)})||(P(n.split("")),A(u-1))),null===t.data&&"deleteContentBackward"===t.inputType&&(e.preventDefault(),F(""),A(_-1)),e.target.value="")},C=function(){w(_-1)},E=function(e){var t=k();[e.code,e.key].includes("Backspace")?(e.preventDefault(),F(""),A(_-1)):"Delete"===e.code?(e.preventDefault(),F("")):"ArrowLeft"===e.code?(e.preventDefault(),A(_-1)):"ArrowRight"===e.code||e.key===t[_]?(e.preventDefault(),A(_+1)):("Spacebar"===e.code||"Space"===e.code||"ArrowUp"===e.code||"ArrowDown"===e.code)&&e.preventDefault()},A=function(e){var t,n,r=Math.max(Math.min(u-1,e),0);N.current[r]&&(null==(t=N.current[r])||t.focus(),null==(n=N.current[r])||n.select(),w(r))},F=function(e){var t=k();t[_]=e[0],P(t)},P=function(e){o(e.join(""))},M=function(e){e.preventDefault();var t,n=k(),r=_,o=e.clipboardData.getData("text/plain").slice(0,u-_).split("");if(!(I&&o.some(function(e){return isNaN(Number(e))}))){for(var a=0;a<u;++a)a>=_&&o.length>0&&(n[a]=null!=(t=o.shift())?t:"",r++);A(r),P(n)}};return l.createElement("div",{style:Object.assign({display:"flex",alignItems:"center"},i(g)&&g),className:"string"==typeof g?g:void 0,onPaste:a},Array.from({length:u},function(e,t){return t}).map(function(e){var t,n,r;return l.createElement(l.Fragment,{key:e},c({value:null!=(t=k()[e])?t:"",placeholder:null!=(r=null==(n=x())?void 0:n[e])?r:void 0,ref:function(t){return N.current[e]=t},onChange:T,onFocus:function(t){return function(e){w(e),t.target.select()}(e)},onBlur:C,onKeyDown:E,onPaste:M,autoComplete:"off","aria-label":"Please enter OTP character ".concat(e+1),style:Object.assign(m?{}:{width:"1em",textAlign:"center"},i(h)?h:{}),className:"string"==typeof h?h:void 0,type:d,inputMode:I?"numeric":"text",onInput:j},e),e<u-1&&("function"==typeof v?v(e):v))}))},s=n(9953),f=n.n(s);let p=a().bind(f()),d=e=>{let{value:t,onChange:n,length:o=u.GU}=e,{dataCy:a}=(e=>{let{type:t}=e;return{dataCy:(0,l.useMemo)(()=>t?`otp-${t}-input`:"otp-input",[t])}})(e),i=p(f().base),s=p(f().inputField),d=p(f().container);return(0,r.jsx)("div",{className:i,children:(0,r.jsx)(c,{value:t,onChange:n,numInputs:o,inputStyle:s,containerStyle:d,renderInput:e=>(0,r.jsx)("input",{...e,"data-cy":a})})})}}}]);