"use strict";(self.webpackChunkspayee_micro_frontend=self.webpackChunkspayee_micro_frontend||[]).push([[6785],{34037:function(e,t,a){t.A=void 0;var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==v(e)&&"function"!=typeof e)return{default:e};var a=l(t);if(a&&a.has(e))return a.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,a&&a.set(e,n),n}(a(96540)),r=["placeholder","separator","isLastChild","inputStyle","focus","isDisabled","hasErrored","errorStyle","focusStyle","disabledStyle","shouldAutoFocus","isInputNum","index","value","className","isInputSecure"];function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(l=function(e){return e?a:t})(e)}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},i.apply(this,arguments)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t,a){return t&&s(e.prototype,t),a&&s(e,a),e}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=m(e);if(t){var r=m(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return function(e,t){return!t||"object"!==v(t)&&"function"!=typeof t?f(e):t}(this,a)}}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function y(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}var h=function(e){return"object"===v(e)},g=function(e){c(a,e);var t=d(a);function a(e){var r;return o(this,a),y(f(r=t.call(this,e)),"getClasses",(function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((function(e){return!h(e)&&!1!==e})).join(" ")})),y(f(r),"getType",(function(){var e=r.props,t=e.isInputSecure,a=e.isInputNum;return t?"password":a?"tel":"text"})),r.input=n.default.createRef(),r}return u(a,[{key:"componentDidMount",value:function(){var e=this.props,t=e.focus,a=e.shouldAutoFocus,n=this.input.current;n&&t&&a&&n.focus()}},{key:"componentDidUpdate",value:function(e){var t=this.props.focus,a=this.input.current;e.focus!==t&&a&&t&&(a.focus(),a.select())}},{key:"render",value:function(){var e=this.props,t=e.placeholder,a=e.separator,l=e.isLastChild,o=e.inputStyle,s=e.focus,u=e.isDisabled,c=e.hasErrored,p=e.errorStyle,d=e.focusStyle,f=e.disabledStyle,m=(e.shouldAutoFocus,e.isInputNum),y=e.index,v=e.value,g=e.className,b=(e.isInputSecure,function(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}(e,r));return n.default.createElement("div",{className:g,style:{display:"flex",alignItems:"center"}},n.default.createElement("input",i({"aria-label":"".concat(0===y?"Please enter verification code. ":"").concat(m?"Digit":"Character"," ").concat(y+1),autoComplete:"off",style:Object.assign({width:"1em",textAlign:"center"},h(o)&&o,s&&h(d)&&d,u&&h(f)&&f,c&&h(p)&&p),placeholder:t,className:this.getClasses(o,s&&d,u&&f,c&&p),type:this.getType(),maxLength:"1",ref:this.input,disabled:u,value:v||""},b)),!l&&a)}}]),a}(n.PureComponent),b=function(e){c(a,e);var t=d(a);function a(){var e;o(this,a);for(var r=arguments.length,l=new Array(r),i=0;i<r;i++)l[i]=arguments[i];return y(f(e=t.call.apply(t,[this].concat(l))),"state",{activeInput:0}),y(f(e),"getOtpValue",(function(){return e.props.value?e.props.value.toString().split(""):[]})),y(f(e),"getPlaceholderValue",(function(){var t=e.props,a=t.placeholder,n=t.numInputs;if("string"==typeof a){if(a.length===n)return a;a.length>0&&console.error("Length of the placeholder should be equal to the number of inputs.")}})),y(f(e),"handleOtpChange",(function(t){(0,e.props.onChange)(t.join(""))})),y(f(e),"isInputValueValid",(function(t){return(e.props.isInputNum?!isNaN(parseInt(t,10)):"string"==typeof t)&&1===t.trim().length})),y(f(e),"focusInput",(function(t){var a=e.props.numInputs,n=Math.max(Math.min(a-1,t),0);e.setState({activeInput:n})})),y(f(e),"focusNextInput",(function(){var t=e.state.activeInput;e.focusInput(t+1)})),y(f(e),"focusPrevInput",(function(){var t=e.state.activeInput;e.focusInput(t-1)})),y(f(e),"changeCodeAtFocus",(function(t){var a=e.state.activeInput,n=e.getOtpValue();n[a]=t[0],e.handleOtpChange(n)})),y(f(e),"handleOnPaste",(function(t){t.preventDefault();var a=e.state.activeInput,n=e.props,r=n.numInputs;if(!n.isDisabled){for(var l=e.getOtpValue(),i=a,o=t.clipboardData.getData("text/plain").slice(0,r-a).split(""),s=0;s<r;++s)s>=a&&o.length>0&&(l[s]=o.shift(),i++);e.setState({activeInput:i},(function(){e.focusInput(i),e.handleOtpChange(l)}))}})),y(f(e),"handleOnChange",(function(t){var a=t.target.value;e.isInputValueValid(a)&&e.changeCodeAtFocus(a)})),y(f(e),"handleOnKeyDown",(function(t){8===t.keyCode||"Backspace"===t.key?(t.preventDefault(),e.changeCodeAtFocus(""),e.focusPrevInput()):46===t.keyCode||"Delete"===t.key?(t.preventDefault(),e.changeCodeAtFocus("")):37===t.keyCode||"ArrowLeft"===t.key?(t.preventDefault(),e.focusPrevInput()):39===t.keyCode||"ArrowRight"===t.key?(t.preventDefault(),e.focusNextInput()):32!==t.keyCode&&" "!==t.key&&"Spacebar"!==t.key&&"Space"!==t.key||t.preventDefault()})),y(f(e),"handleOnInput",(function(t){if(e.isInputValueValid(t.target.value))e.focusNextInput();else if(!e.props.isInputNum){var a=t.nativeEvent;null===a.data&&"deleteContentBackward"===a.inputType&&(t.preventDefault(),e.changeCodeAtFocus(""),e.focusPrevInput())}})),y(f(e),"renderInputs",(function(){for(var t=e.state.activeInput,a=e.props,r=a.numInputs,l=a.inputStyle,i=a.focusStyle,o=a.separator,s=a.isDisabled,u=a.disabledStyle,c=a.hasErrored,p=a.errorStyle,d=a.shouldAutoFocus,f=a.isInputNum,m=a.isInputSecure,y=a.className,v=[],h=e.getOtpValue(),b=e.getPlaceholderValue(),C=e.props["data-cy"],N=e.props["data-testid"],k=function(a){v.push(n.default.createElement(g,{placeholder:b&&b[a],key:a,index:a,focus:t===a,value:h&&h[a],onChange:e.handleOnChange,onKeyDown:e.handleOnKeyDown,onInput:e.handleOnInput,onPaste:e.handleOnPaste,onFocus:function(t){e.setState({activeInput:a}),t.target.select()},onBlur:function(){return e.setState({activeInput:-1})},separator:o,inputStyle:l,focusStyle:i,isLastChild:a===r-1,isDisabled:s,disabledStyle:u,hasErrored:c,errorStyle:p,shouldAutoFocus:d,isInputNum:f,isInputSecure:m,className:y,"data-cy":C&&"".concat(C,"-").concat(a),"data-testid":N&&"".concat(N,"-").concat(a)}))},w=0;w<r;w++)k(w);return v})),e}return u(a,[{key:"render",value:function(){var e=this.props.containerStyle;return n.default.createElement("div",{style:Object.assign({display:"flex"},h(e)&&e),className:h(e)?"":e},this.renderInputs())}}]),a}(n.Component);y(b,"defaultProps",{numInputs:4,onChange:function(e){return console.log(e)},isDisabled:!1,shouldAutoFocus:!1,value:"",isInputSecure:!1});var C=b;t.A=C},49689:function(e,t,a){var n=a(33919),r=a(96540),l=a(32035),i=a(16128),o=a(66189),s=a(74036),u=a(38080),c=a(55359),p=a(27893),d=a(76063),f=a(7331),m=a(68613),y=a(46942),v=a.n(y),h=a(90952),g=a(77399);function b(){return r.createElement("div",{className:v()("mr-3")},r.createElement("svg",{width:"66",height:"67",viewBox:"0 0 66 67",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M33 54.1328C30.8086 54.1328 28.7461 53.4883 26.9414 52.1992L0 32.6055V60.0625C0 63.543 2.70703 66.25 6.1875 66.25H59.8125C63.1641 66.25 66 63.543 66 60.0625V32.6055L38.9297 52.1992C37.125 53.4883 35.0625 54.1328 33 54.1328ZM63.5508 21.3906C62.3906 20.4883 61.3594 19.5859 59.8125 18.4258V12.7539C59.8125 9.27344 56.9766 6.56641 53.625 6.56641H43.5703C43.1836 6.17969 42.7969 5.92188 42.4102 5.66406C40.2188 4.11719 35.9648 0.25 33 0.378906C29.9062 0.25 25.6523 4.11719 23.4609 5.66406C23.0742 5.92188 22.6875 6.17969 22.3008 6.56641H12.375C8.89453 6.56641 6.1875 9.27344 6.1875 12.7539V18.4258C4.51172 19.5859 3.48047 20.4883 2.32031 21.3906C0.773438 22.5508 0 24.3555 0 26.1602V27.5781L12.375 36.4727V12.7539H53.625V36.4727L66 27.5781V26.1602C66 24.3555 65.0977 22.5508 63.5508 21.3906ZM22.6875 33.25H43.3125C44.3438 33.25 45.375 32.3477 45.375 31.1875C45.375 30.1562 44.3438 29.125 43.3125 29.125H22.6875C21.5273 29.125 20.625 30.1562 20.625 31.1875C20.625 32.3477 21.5273 33.25 22.6875 33.25ZM22.6875 25H43.3125C44.3438 25 45.375 24.0977 45.375 22.9375C45.375 21.9062 44.3438 20.875 43.3125 20.875H22.6875C21.5273 20.875 20.625 21.9062 20.625 22.9375C20.625 24.0977 21.5273 25 22.6875 25Z",fill:"black"})))}t.A=function({data:e,onClose:t}){const[a]=(0,u.P)(),y=a,v=new URLSearchParams(window.parent.location.search),C=new URLSearchParams(window.parent.location.hash),N=C.get("signupParams")||C.get("#state")?.split("||")?.[1],k=v.get("url"),w=y?.marketingConsentText||"I’d like to receive promotional and instructional emails";return r.createElement(h.lV,{onSubmit:a=>{a={...a,...e,agreeTC:!0};const n=localStorage.getItem("ipInfo");n&&(a.ipInfo=n),a.signupParams=window.parent.signupParams||(N&&"undefined"!==N&&"null"!==N?JSON.parse(N||"{}"):(0,m.j)());var r=i.F.account.create,l=(0,d.oT)(y.userProfileFields),o=!1;y.userMobileVerify&&l&&(o=!0,r=i.F.account.verify);const s=(0,c.Ri)("url");return(0,f.Yj)("url"),r({formData:JSON.stringify(a),url:s||k||(0,d.DX)()}).then((e=>{e.data.response?o?window.parent.location.href="/s/signup/verify?url="+(0,d.DX)():(window.parent.location.href=e.data.url?e.data.url:"/",t?.()):g.oR.error((0,p.U)(e.data),{autoClose:3e3,bodyClassName:"toastSpanContainer",position:g.oR.POSITION.TOP_CENTER})}),(e=>{g.oR.error((0,p.U)(e),{autoClose:3e3,bodyClassName:"toastSpanContainer",position:g.oR.POSITION.TOP_CENTER})}))},render:({handleSubmit:e,submitting:t})=>r.createElement("form",{onSubmit:e},r.createElement("div",{className:"justify-between"},r.createElement(b,null),r.createElement("div",{className:l.A.social_tnc_title},"Never miss an update!"),y?.marketingConsentRequired&&r.createElement("div",{className:"w-full"},r.createElement(o.A,{name:"provideMarketingConsent",label:w,suffix:!0,value:"true"}))),r.createElement("div",{className:"mt-2 mb-6"},r.createElement(n.A,{type:s.II.SUBMIT,disabled:t,isLoading:t,onClick:e,className:"w-full"}," ","Continue")))})}},62371:function(e,t,a){a.d(t,{A:function(){return r}});var n=a(96540);const r=({children:e,className:t,isCenter:a,color:r,style:l,weight:i})=>n.createElement("h1",{style:l,className:`text-title6 ${r?" "+r:""} ${i} `+(a?" text-center":"")+(t?" "+t:"")},null!=e?e:"");r.defaultProps={className:"mb-3",isCenter:!1,color:"text-black",weight:"font-semibold"},r.displayName="H6"},91943:function(e,t,a){var n=a(33919),r=a(96540),l=a(32035),i=a(16128),o=a(66189),s=a(50098),u=a(50772),c=a(6269),p=a(19195),d=a(82918),f=a(71639),m=a(3559),y=a(74036),v=a(55359),h=a(38080),g=a(71884),b=a(41999),C=a(86162),N=a(27893),k=a(76063),w=a(7331),I=a(68613),S=a(90952),O=a(77399);t.A=function({loginState:e,initialValue:t,manageState:a,onClose:E}){const[P]=(0,h.P)(),A=P,R=(0,b.A)((e=>e.publicCountryCode)),_=new URLSearchParams(window.parent.location.search),x="signupForm"===e.backState,j=new URLSearchParams(window.parent.location.hash),D=j.get("signupParams")||j.get("#state")?.split("||")?.[1],T=_.get("url");var V=(0,k.XL)(A.userProfileFields);return r.createElement(r.Fragment,null,r.createElement("div",{className:l.A.signup_get_started_hint},"Fields marked * are mandatory"),r.createElement(S.lV,{initialValues:t,validate:e=>{let t={};return A.userProfileFields.forEach((a=>{a.isPartOfSignup&&!e[a.key]&&a.isRequired&&(t[a.key]=a.displayName+" field is required")})),t},onSubmit:e=>{e={...e,...t,agreeTC:!0};const n=localStorage.getItem("ipInfo");n&&(e.ipInfo=n);var r=(0,k.oT)(A.userProfileFields);delete e.newAccount,delete e.response;var l=i.F.account.create,o=!1;A.userMobileVerify&&r&&(o=!0,l=i.F.account.verify),(new C.Ay).sendEvent({type:g.j.GETSTARTED_SIGNUP,properties:{custom_fields_exist:!0}});let s=(0,v.Ri)("url");(0,w.Yj)("url");const u={...e,signupParams:window.parent.signupParams||(D&&"undefined"!==D&&"null"!==D?JSON.parse(D||"{}"):(0,I.j)())};return"/t/public/google/success"!==location.pathname||s||(s="/"),l({formData:JSON.stringify(u),url:s||T||(0,k.DX)()}).then((e=>{e.data.response?o?window.parent.location.href="/s/signup/verify?url="+(0,k.DX)():(window.parent.location.href=e.data.url?e.data.url:"/",E?.()):(O.oR.error((0,N.U)(e.data),{autoClose:3e3,position:O.oR.POSITION.TOP_CENTER}),e.data.alreadyExist&&a({state:"email",title:"Log in into "+A.name,backState:(0,k.gl)(A,R)}))}),(e=>{O.oR.error((0,N.U)(e),{autoClose:3e3,position:O.oR.POSITION.TOP_CENTER})}))}},(({handleSubmit:e,submitting:a,dirty:v})=>r.createElement("form",{onSubmit:e},r.createElement("div",{className:"justify-between"},A&&A.marketingConsentRequired&&["fb","google"].includes(t.type)&&A.learnerWallet&&A.referralMarketing&&r.createElement("div",{className:"w-full"},r.createElement(f.A,{name:"referralCode",placeholder:"Referral code (optional)",label:"Got a referral code?",className:l.A.edge_corner,validate:void 0,hint:void 0,prefix:void 0,checked:void 0,suffix:void 0,labelCss:l.A.lable_css})),A.userProfileFields.map((e=>{return r.createElement("div",{key:e.key},e.isPartOfSignup&&r.createElement(r.Fragment,null,"text"===e.type&&r.createElement("div",{className:"w-full",key:e.key},r.createElement(f.A,{isRequired:e.isRequired,name:e.key,placeholder:e.displayName,label:e.isRequired?e.displayName+"*":e.displayName,className:l.A.edge_corner,validate:void 0,hint:void 0,prefix:void 0,checked:void 0,suffix:void 0,labelCss:l.A.lable_css})),"number"===e.type&&"phone"===e.key&&!x&&r.createElement("div",{className:"w-full",key:e.key},r.createElement(u.Ay,{isRequired:e.isRequired,name:e.key,placeholder:e.displayName,label:e.isRequired?e.displayName+"*":e.displayName,className:l.A.edge_corner,validate:void 0,hint:void 0,prefix:void 0,checked:void 0,suffix:void 0,labelCss:l.A.lable_css,countryCode:R})),"number"===e.type&&"phone"!==e.key&&r.createElement("div",{className:"w-full",key:e.key},r.createElement(c.A,{isRequired:e.isRequired,name:e.key,placeholder:e.displayName,label:e.isRequired?e.displayName+"*":e.displayName,className:l.A.edge_corner,validate:void 0,hint:void 0,prefix:void 0,checked:void 0,suffix:void 0,labelCss:l.A.lable_css})),"date"===e.type&&r.createElement("div",{className:"w-full",key:e.key},r.createElement(s.A,{isRequired:e.isRequired,name:e.key,placeholder:e.displayName,label:e.isRequired?e.displayName+"*":e.displayName,className:l.A.edge_corner,validate:void 0,hint:void 0,prefix:void 0,checked:void 0,suffix:void 0,maxDate:new Date,labelCss:l.A.lable_css})),"radio"===e.type&&r.createElement("div",{className:"form-group",key:e.key},r.createElement(p.A,{data:e.listValues,name:e.key,placeholder:e.displayName,label:e.isRequired?e.displayName+"*":e.displayName,hint:void 0,validate:void 0,labelCss:l.A.lable_css})),"list"===e.type&&r.createElement("div",{className:"w-full",key:e.key},r.createElement(d.A,{data:(0,k.L_)(e.listValues),name:e.key,placeholder:e.displayName,className:l.A.edge_corner,label:e.isRequired?e.displayName+"*":e.displayName,hint:void 0,validate:void 0,labelCss:l.A.lable_css})),"file"===e.type&&r.createElement("div",{className:"w-full",key:e.key},r.createElement(m.A,{accept:"image/png",name:e.key,single:!0,placeholder:e.displayName,className:l.A.edge_corner,label:e.isRequired?e.displayName+"*":e.displayName,update:!0,request:(t=i.F.account.upload,a={name:e.key+".png"},e=>(a&&Object.entries(a).forEach((([t,a])=>{e.append(`${t}`,`${a}`)})),t(e))),validate:void 0,localPreview:!0,labelCss:l.A.lable_css}))));var t,a})),A&&A.marketingConsentRequired&&["fb","google"].includes(t.type)&&r.createElement("div",{className:"w-full"},r.createElement(o.A,{name:"provideMarketingConsent",label:A?.marketingConsentText||"I’d like to receive promotional and instructional emails",suffix:!0,value:void 0,checked:!0}))),r.createElement("div",{className:"mt-2 mb-6"},r.createElement(n.A,{type:y.II.BUTTON,disabled:a||!!V&&!v,isLoading:a,onClick:e,className:"w-full"},"Get Started"))))))}}}]);