(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[725],{dii3:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>oe});var i=t("tlru"),l=t("fl6W"),a=t("zQc0"),o=t("bme3"),r=t("G5ZP"),s=t("hQi4"),u=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)n.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(t[i[l]]=e[i[l]])}return t};const d=l.createContext(void 0),c=l.createContext(void 0),m=function(e){var{LoadingComponent:n}=e,t=u(e,["LoadingComponent"]);const{selectedChannel:i}=l.useContext(o.Z),[c,m]=l.useState(!1);(0,r.Z)(!i,"Must be wrapped in ChannelContext Provider");const[p,v]=l.useState(i.country),{countrySettings:f,loading:g}=(0,s.f)(),y=f&&f.find((e=>e.countryCode===p.code)),{allFields:b,billingAddressFields:E,loginFields:S}=g?{allFields:null,billingAddressFields:null,loginFields:null}:(0,a.UR)(y,c),h=l.useMemo((()=>({billingAddressFields:E,loginFields:S,allFields:b,selectedCountry:p,countries:i.countries,setCountry:v,loading:g,isUserTypeBusiness:c,setIsUserTypeBusiness:m})),[E,S,b,p,i.countries,g,c]);return g?n||null:l.createElement(d.Provider,Object.assign({value:h},t))};var p=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)n.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(t[i[l]]=e[i[l]])}return t};function v(e,n){let{userType:t}=n;const{emailAddress:i,password:l,pid:a,organizationNumber:o,country:r,externalId:s="",externalAttributes:u,priceListAccessCode:d,dynamicContent:c,preferences:m,consents:v=[]}=e,f=p(e,["emailAddress","password","pid","organizationNumber","country","externalId","externalAttributes","priceListAccessCode","dynamicContent","preferences","consents"]),[g,y]=r.split(":"),b={countryCode:{value:g}},E=Object.entries(f);for(const[p,S]of E)b[p]={value:"country"===p?y:S};return{type:t,billingAddress:b,emailAddress:i,password:l,pid:a,organizationNumber:o,priceListAccessCode:d,externalAttributes:u,externalId:s,dynamicContent:c,preferences:m,consents:v}}var f=t("Nplt"),g=t.n(f),y=t("rY0h"),b=t("XKc7"),E=t("5sAQ"),S=t("qVIM"),h=t("1M8X"),x=t("c0RB"),C=t("yCxt");function k(){const[e]=(0,b.D)(g()),n=(0,E.x)(),{loginMutation:t}=(0,x.Y)(),{cartId:i}=(0,C.cF)(),{isUserTypeBusiness:a}=(0,l.useContext)(d),o=(0,h.Q)();return function(l){let{values:r,actions:s}=l;s.setSubmitting(!0),e({variables:{input:v(r,{userType:a?"COMPANY":"PRIVATE"})}}).then((()=>{s.setSubmitting(!1),o((0,S.vC)()),t({variables:{email:r.emailAddress,password:r.password,cartId:i}}).then(n.resetStore)}),(e=>{const n=function(e){const[n]=Object.keys(e.data[0]),[t]=e.data[0][n];return[n,t]}((0,y.Z)(e));s.setSubmitting(!1),s.setStatus({validationDetails:n,isSignupError:!0})})).catch((e=>{console.log(e),s.setSubmitting(!1)}))}}var O=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)n.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(t[i[l]]=e[i[l]])}return t};function P(e,n){if(!n)return e;const t=Object.assign({externalId:String(null===n||void 0===n?void 0:n.externalId)},e);return Object.keys(t).forEach((e=>{var i,l;t[e]===(null===(i=n[e])||void 0===i?void 0:i.masked)&&(t[e]=null===(l=n[e])||void 0===l?void 0:l.encrypted)})),t}function N(e){const n=null===e||void 0===e?void 0:e.lookupData,t=null===e||void 0===e?void 0:e.additionalFormatter,{allFields:o,selectedCountry:r}=(0,l.useContext)(d),s=(0,a.mC)(o),u=k(),c=(0,l.useMemo)((()=>{var t;const i=null!==(t=null===e||void 0===e?void 0:e.additionalInitialValues)&&void 0!==t?t:{};return Object.assign(Object.assign(Object.assign({},function(e,n){const t={};return n?e.forEach((e=>{var i;t[e.name]=null===(i=null===n||void 0===n?void 0:n[e.name])||void 0===i?void 0:i.masked})):e.forEach((e=>{t[e.name]=""})),t}(o,n)),i),{country:r.code})}),[o,n,null===e||void 0===e?void 0:e.additionalInitialValues,r.code]);return l.createElement(i.J9,{enableReinitialize:!0,validateOnChange:!0,onSubmit:(n,i)=>{u({values:P(t?t(n):n,e.lookupData),actions:i})},validate:s,initialValues:c},(n=>e.children({formik:n})))}const F=function(e){var{LoadingComponent:n}=e,t=O(e,["LoadingComponent"]);return l.createElement(m,{LoadingComponent:n},l.createElement(N,Object.assign({},t),(e=>{let{formik:n}=e;return l.createElement(i.l0,null,l.createElement(c.Provider,Object.assign({value:{formik:n}},t)))})))};var w=t("sk9/"),A=t("bZ+K"),Z=t("zN6b"),T=t("sMNr"),j=t("C/t1"),D=t("kfu2"),I=t("UKna"),L=t("S/To");var _=t("RVF/");function M(){const{allFields:e}=(0,l.useContext)(d),n=e.find((e=>"pid"===e.id||"organizationNumber"===e.id));return n?l.createElement(_.ZP,{type:n.type,name:n.name,label:n.label,required:n.required}):null}const U=(0,Z.z)("h3")({name:"SmallCaps",class:"swcfrhp"});t("41y3");const V=[1,2];function z(e){let{title:n}=e;const{fields:t}=function(){const e=l.useContext(d);(0,r.Z)("undefined"===typeof e,"useAddressFields can only be used from inside `SignupFormContainer`");const{billingAddressFields:n,countries:t,setCountry:i}=e,a=l.useCallback((e=>{const n=t.find((n=>n.code===e));n&&i(n)}),[t,i]);return{fields:n.filter((e=>"country"!==e.name)).map((e=>Object.assign(Object.assign({},e),{inputProps:{key:e.id,type:e.type,name:e.name,label:e.label,required:e.required}}))),countries:t,setCountryByCode:a}}(),{selectedChannel:i}=(0,l.useContext)(o.Z);return l.createElement("section",null,l.createElement(U,{className:"heading"},n||(0,A.ZP)("Contact Details")),l.createElement("div",{className:"inputs"},V.includes(i.id)&&l.createElement(M,null),t.map((e=>l.createElement(_.ZP,e.inputProps)))))}var q=t("+9dH");var H=t("D0JI"),B=t("hwyE"),K=(t("awTl"),t("D8y/"));const R=(0,Z.z)("div")({name:"ConsentWrapper",class:"c1x2ofuk"});function Q(e){let{consentText:n,agree:t,agreed:i}=e;return l.createElement(R,null,l.createElement(K.Z,{checked:i,onChange:()=>t((e=>!e)),name:"consent",id:"consent",label:null}),l.createElement("label",{htmlFor:"consent",id:"consent",dangerouslySetInnerHTML:{__html:null===n||void 0===n?void 0:n.value}}))}const W=e=>{let{state:n}=e;return l.createElement(B.AuthContentRenderer,{categoryContentId:3924,components:{consents:e=>l.createElement(Q,(0,q.Z)({},e,n))}})};t("PxFV");var J=t("lvE8"),Y=t("JaJs");const $="i1pdwgwi";function G(e){let{title:n}=e;const{fields:t}=function(){const e=l.useContext(d);(0,r.Z)("undefined"===typeof e,"useLoginFields can only be used from inside `SignupFormContainer`");const{loginFields:n}=e;return{fields:n.map((e=>Object.assign(Object.assign({},e),{inputProps:{key:e.id,type:e.type,name:e.name,label:e.label,required:e.required}})))}}(),{isSignupError:i,validationDetails:a,isSubmitting:o}=function(){var e,n;const{formik:t}=l.useContext(c),i=null===(e=null===t||void 0===t?void 0:t.status)||void 0===e?void 0:e.isSignupError,a=null===(n=null===t||void 0===t?void 0:t.status)||void 0===n?void 0:n.validationDetails;return(0,l.useMemo)((()=>({isSignupError:i,validationDetails:a,isSubmitting:t.isSubmitting,handleSubmit:t.handleSubmit})),[t.handleSubmit,t.isSubmitting,i,a])}(),[s,u]=(0,l.useState)(!1),m=(0,Y.J$)(a);return l.createElement(l.Fragment,null,l.createElement(U,{className:"heading"},n||(0,A.ZP)("Email & Password")),i&&l.createElement(H.g,{style:{marginBottom:"2em"}},m),l.createElement("div",{className:"inputs"},t.map((e=>{let{inputProps:n}=e;return l.createElement(_.ZP,(0,q.Z)({inputStyle:$},n,{inputMode:n.type,type:n.type}))}))),l.createElement(W,{state:{agreed:s,agree:u}}),l.createElement(J.KM,{className:"uppercase purple sign-up","data-testid":"sign-up-button",type:"submit",disabled:o||!s},o?(0,A.ZP)("Hold on a moment\u2026"):(0,A.ZP)("Create Profile")))}t("l01h");var X=t("525e"),ee=t("Td2a"),ne=t.n(ee),te=t("VoNp");const ie=(0,Z.z)(I.ZP)({name:"MaxWidth",class:"mm6oww5"}),le=(0,Z.z)("section")({name:"Section",class:"s16jwesj"});function ae(e){let{status:n,defaultText:t,nonExistingEmailText:i,additionalDataText:a}=e;return n?n.isAdditionalDataRequired?l.createElement(l.Fragment,null,a?l.createElement("div",{className:"signup-description",htmlFor:"signup-status",id:"signup-status",dangerouslySetInnerHTML:{__html:a}}):l.createElement("div",{className:"signup-description"},l.createElement("p",null,(0,A.ZP)("We're missing some key information.")),l.createElement("p",null,(0,A.ZP)("Please fill in required fields to continue.")))):n.isNonExistingCustomer?l.createElement(l.Fragment,null,i?l.createElement("div",{className:"signup-description",htmlFor:"signup-status",id:"signup-status",dangerouslySetInnerHTML:{__html:i}}):l.createElement("div",{className:"signup-description"},l.createElement("p",null,(0,A.ZP)("No customer found with entered { lookupKey }.",{lookupKey:"e-mail"}),"\xa0",(0,A.ZP)("Please fill in your contact details for shipping and communication.")))):null:l.createElement(l.Fragment,null,t?l.createElement("div",{className:"signup-description",htmlFor:"signup-status",id:"signup-status",dangerouslySetInnerHTML:{__html:t}}):l.createElement(l.Fragment,null,l.createElement("p",null,(0,A.ZP)("Welcome to our online store! We need to create a profile before you continue.")),l.createElement("p",null,(0,A.ZP)("Please fill in your contact details for shipping and communication."))))}const oe=function(){var e,n,t,i,a,o,r,s,u;const{loggedIn:d}=(0,w.Z)(),{routes:c}=(0,j.Z)(),{state:m}=(0,T.TH)(),{data:p}=(0,te.a)(ne(),{variables:{id:3924}});if(d)return l.createElement(T.l_,{to:c.myPages.path});var v=null===p||void 0===p||null===(e=p.category)||void 0===e||null===(e=e.data)||void 0===e||null===(e=e.items)||void 0===e?void 0:e.filter((e=>"SignUpContent"===e.type))[0];const f=(null===v||void 0===v||null===(n=v.properties)||void 0===n||null===(n=n.find((e=>"title"===e.name)))||void 0===n||null===(n=n.value)||void 0===n?void 0:n.value)||(null===v||void 0===v||null===(t=v.properties)||void 0===t||null===(t=t.find((e=>"title"===e.name)))||void 0===t?void 0:t.value),g=(null===v||void 0===v||null===(i=v.properties)||void 0===i||null===(i=i.find((e=>"text"===e.name)))||void 0===i||null===(i=i.value)||void 0===i?void 0:i.value)||(null===v||void 0===v||null===(a=v.properties)||void 0===a||null===(a=a.find((e=>"text"===e.name)))||void 0===a?void 0:a.value),y=(null===v||void 0===v||null===(o=v.properties)||void 0===o||null===(o=o.find((e=>"nonExistingEmailText"===e.name)))||void 0===o||null===(o=o.value)||void 0===o?void 0:o.value)||(null===v||void 0===v||null===(r=v.properties)||void 0===r||null===(r=r.find((e=>"nonExistingEmailText"===e.name)))||void 0===r?void 0:r.value),b=(null===v||void 0===v||null===(s=v.properties)||void 0===s||null===(s=s.find((e=>"additionalDataText"===e.name)))||void 0===s||null===(s=s.value)||void 0===s?void 0:s.value)||(null===v||void 0===v||null===(u=v.properties)||void 0===u||null===(u=u.find((e=>"additionalDataText"===e.name)))||void 0===u?void 0:u.value);return l.createElement(F,{LoadingComponent:l.createElement(L.Z,null),lookupData:null===m||void 0===m?void 0:m.customer,additionalFormatter:function(e){const n=Object.entries(null===e||void 0===e?void 0:e.externalAttributes).map((e=>{let[n,t]=e;return{name:n,value:t}}));return{...e,externalAttributes:n}},additionalInitialValues:{externalAttributes:{hasMyPages:"true"}}},l.createElement(ie,{style:{marginTop:"2em"},className:(0,X.Z)("w119gefk")},l.createElement(le,null,l.createElement(A.RW,null,(e=>l.createElement(D.Z,{data:{head:{title:f||"".concat(e("Sign up")," | Cellbes")}}}))),l.createElement("header",null,l.createElement(B.Title,{style:{textAlign:"left"}},f||(0,A.ZP)("Sign up")),l.createElement(ae,{status:null===m||void 0===m?void 0:m.status,defaultText:g,nonExistingEmailText:y,additionalDataText:b})),l.createElement("div",{className:"register-form"},l.createElement(z,{title:(0,A.ZP)("Contact details")})),l.createElement("div",{className:"register-form purple"},l.createElement(G,{title:(0,A.ZP)("Email & Password")}))),l.createElement("input",{type:"hidden",name:"externalAttributes.hasMyPages",value:"true"})))};t("bQUn")},Nplt:e=>{var n={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"SignUp"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"input"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"SignUpInput"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"signUp"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"input"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"token"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"value"},arguments:[],directives:[]}]}}]}}]}}],loc:{start:0,end:102}};n.loc.source={body:"mutation SignUp($input: SignUpInput!) {\n  signUp(input: $input) {\n    token {\n      value\n    }\n  }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}};function t(e,n){if("FragmentSpread"===e.kind)n.add(e.name.value);else if("VariableDefinition"===e.kind){var i=e.type;"NamedType"===i.kind&&n.add(i.name.value)}e.selectionSet&&e.selectionSet.selections.forEach((function(e){t(e,n)})),e.variableDefinitions&&e.variableDefinitions.forEach((function(e){t(e,n)})),e.definitions&&e.definitions.forEach((function(e){t(e,n)}))}var i={};function l(e,n){for(var t=0;t<e.definitions.length;t++){var i=e.definitions[t];if(i.name&&i.name.value==n)return i}}n.definitions.forEach((function(e){if(e.name){var n=new Set;t(e,n),i[e.name.value]=n}})),e.exports=n,e.exports.SignUp=function(e,n){var t={kind:e.kind,definitions:[l(e,n)]};e.hasOwnProperty("loc")&&(t.loc=e.loc);var a=i[n]||new Set,o=new Set,r=new Set;for(a.forEach((function(e){r.add(e)}));r.size>0;){var s=r;r=new Set,s.forEach((function(e){o.has(e)||(o.add(e),(i[e]||new Set).forEach((function(e){r.add(e)})))}))}return o.forEach((function(n){var i=l(e,n);i&&t.definitions.push(i)})),t}(n,"SignUp")},PxFV:(e,n,t)=>{"use strict";t.r(n)},l01h:(e,n,t)=>{"use strict";t.r(n)},bQUn:(e,n,t)=>{"use strict";t.r(n)},"41y3":(e,n,t)=>{"use strict";t.r(n)}}]);