https://www.mannings.com.hk/57.ae964fe639d79076a60e.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.3.0, @magento/upward-security-headers: ~1.0.14, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.3, @magento/peregrine: ~14.2.1, @magento/pagebuilder: ~9.2.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[57],{"4weY":function(e,t,n){"use strict"
3var a=n("JPst"),r=n.n(a)()(function(e){return e[1]})
4r.push([e.i,".createAccountPage-root-dW3 {\n}\n",""]),r.locals={root:"createAccountPage-root-dW3 gap-y-md grid max-w-[1208px] m-auto"},t.a=r},Q84e:function(e,t,n){"use strict"
5var a=n("q1tI"),r=n.n(a),c=n("y1Xp"),o=n("LboF"),i=n.n(o),l=n("Z1Wd"),s={injectType:"singletonStyleTag",insert:"head",singleton:!0},u=(i()(l.a,s),l.a.locals||{})
6t.a=function PageContent(e){var t=e.children,n=Object(c.a)(u,e.classes)
7return r.a.createElement("div",{className:n.root},t)}},QHFe:function(e,t,n){"use strict"
8var a=n("JPst"),r=n.n(a),c=n("q8oi"),o=n("0tS+"),i=r()(function(e){return e[1]})
9i.i(c.a,"",!0),i.i(o.a,"",!0),i.push([e.i,".createAccount-root-AfY {\n}\n\n.createAccount-banner-9z2 {\n    border-color: #f2f0ed;\n}\n\n.createAccount-banner-9z2 [class^='cmsBlock-root'] {\n    margin: 0;\n}\n\n.createAccount-createAccount-emc {\n}\n\n.createAccount-title-lrw {\n    font-size: 18px;\n    /* display: flex;\n    justify-content: center;

9\n    align-items: center;\n    margin-bottom: 16px; */\n}\n\n.createAccount-tip-ZIh {\n}\n\n.createAccount-form-G8f {\n}\n\n.createAccount-phonePickerContainer-gwX {\n}\n\n.createAccount-countryCode-LEN {\n}\n\n.createAccount-telephone-VBO {\n}\n\n.createAccount-message-mV7 {\n}\n\n/* TODO @TW: cannot compose */\n.createAccount-message-mV7:empty {\n    display: none;\n}\n\n.createAccount-actions-V-A {\n}\n\n.createAccount-submitButton-FmC {\n}\n\n.createAccount-subscribe-ZgR {\n}\n\n.createAccount-subscribe-ZgR .global-links,\n.createAccount-tip-ZIh .global-links {\n    font-weight: bold;\n}\n\n.createAccount-subscribeText-dHv {\n    align-items: flex-start;\n}\n\n.createAccount-confirmContent-WQn {\n}\n\n.createAccount-confirmIcon-2ep {\n    font-size: 48px;\n    color: #f26522;\n}\n\n.createAccount-confirmTitle-Mj9 {\n    font-size: 16px;\n}\n\n.createAccount-confirmDesc-u1K {\n    font-size: 14px;\n    line-height: 18px;\n}\n\n.createAccount-confirmFieldValue-yQh {\n}\n\n.createAccount-block_wrapper-KXF {\n    height: 60vh;\n    overflow: auto;\n}\n\n/* 隐藏密码字段 */\n.createAccount-form-G8f [class^='password-root'] {\n    display: none !important;\n}\n\n.createAccount-account-oF9{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color:   #FF8200;\n    font-family: --Noto-Sans, \"Noto Sans\";\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n    cursor: pointer;\n}\n",""]),i.locals={root:"createAccount-root-AfY grid grid-cols-1 sm_grid-cols-12 pt-4 px-4 md_pt-0 md_px-10",banner:"createAccount-banner-9z2 col-span-12 sm_col-span-6 border-r-0 pb-4 md_pb-0 md_mb-10 border-r-0 border-b-[1px] md_border-r-[1px] md_border-b-0 -mx-4 md_mx-0",createAccount:"createAccount-createAccount-emc col-span-12 sm_col-span-5 sm_col-start-8 pt-4 mb-10",title:"createAccount-title-lrw pt-2xs font-bold",tip:"createAccount-tip-ZIh mt-2 text-[13px] mb-6",form:"createAccount-form-G8f gap-y-6 grid justify-items-stretch w-full sm_w-4/5",phonePickerContainer:"createAccount-phonePickerContainer-gwX grid grid-cols-12 gap-2",countryCode:"createAccount-countryCode-LEN col-span-5",telephone:"createAccount-telephone-VBO col-span-7",message:"createAccount-message-mV7 bg-subtle leading-tight p-xs rounded text-sm",actions:"createAccount-actions-V-A gap-xs grid grid-flow-row",submitButton:"createAccount-submitButton-FmC "+c.a.locals.root_highPriority,subscribe:"createAccount-subscribe-ZgR grid gap-y-6 text-[13px] font-medium",subscribeText:"createAccount-subscribeText-dHv "+o.a.locals.root,confirmContent:"createAccount-confirmContent-WQn grid gap-y-2 justify-items-center text-center",confirmIcon:"createAccount-confirmIcon-2ep",confirmTitle:"createAccount-confirmTitle-Mj9 lead-5 font-bold",confirmDesc:"createAccount-confirmDesc-u1K font-medium",confirmFieldValue:"createAccount-confirmFieldValue-yQh createAccount-confirmTitle-Mj9 lead-5 font-bold p-2",block_wrapper:"createAccount-block_wrapper-KXF",account:"createAccount-account-oF9 gap-xs grid grid-flow-row"},t.a=i},Qazu:function(e,t,n){"use strict"
10var a=n("yXPU"),r=n.n(a),c=n("lSNA"),l=n.n(c),s=n("J4zp"),u=n.n(s),m=n("q1tI"),d=n.n(m),p=n("dDsW"),b=n("kriW"),g=n("55Ip"),y=n("8UhI"),h=n("17x9"),v=n("Hlis"),A=n("L/g/"),O=n("J3e4"),E=n("y1Xp"),w=n("/MDx"),j=n("M1fz"),P=n("UZ/M"),C=n("X5qW"),k=n("oZtK"),x=n("z8z7"),_=n("ZLnw"),N=n("1Aku"),T=n("LboF"),D=n.n(T),F=n("QHFe"),M={injectType:"singletonStyleTag",insert:"head",singleton:!0},S=(D()(F.a,M),F.a.locals||{}),B=n("JdYP"),G=n("HiI3"),I=n("mDtJ"),V=n("FB2Q"),z=n("Pqt/")
11function _regenerator(){var e,t,n="function"==typeof Symbol?Symbol:{},a=n.iterator||"@@iterator",r=n.toStringTag||"@@toStringTag"
12function i(n,a,r,o){var i=a&&a.prototype instanceof Generator?a:Generator,l=Object.create(i.prototype)
13return _regeneratorDefine2(l,"_invoke",function(n,a,r){var o,i,l,s=0,u=r||[],m=!1,f={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function d(t,n){return o=t,i=0,l=e,f.n=n,c}}
14function d(n,a){for(i=n,l=a,t=0;!m&&s&&!r&&t<u.length;t++){var r,o=u[t],d=f.p,p=o[2]
15n>3?(r=p===a)&&(l=o[(i=o[4])?5:(i=3,3)],o[4]=o[5]=e):o[0]<=d&&((r=n<2&&d<o[1])?(i=0,f.v=a,f.n=o[1]):d<p&&(r=n<3||o[0]>a||a>p)&&(o[4]=n,o[5]=a,f.n=p,i=0))}if(r||n>1)return c
16throw m=!0,a}return function(r,u,p){if(s>1)throw TypeError("Generator is already running")
17for(m&&1===u&&d(u,p),i=u,l=p;(t=i<2?e:l)||!m;){o||(i?i<3?(i>1&&(f.n=-1),d(i,l)):f.n=l:f.v=l)
18try{if(s=2,o){if(i||(r="next"),t=o[r]){if(!(t=t.call(o,l)))throw TypeError("iterator result is not an object")
19if(!t.done)return t
20l=t.value,i<2&&(i=0)}else 1===i&&(t=o.return)&&t.call(o),i<2&&(l=TypeError("The iterator does not provide a '"+r+"' method"),i=1)
21o=e}else if((t=(m=f.n<0)?l:n.call(a,f))!==c)break}catch(t){o=e,i=1,l=t}finally{s=1}}return{value:t,done:m}}}(n,r,o),!0),l}var c={}
22function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf
23var o=[][a]?t(t([][a]())):(_regeneratorDefine2(t={},a,function(){return this}),t),l=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(o)
24function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,GeneratorFunctionPrototype):(e.__proto__=GeneratorFunctionPrototype,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(l),e}return GeneratorFunction.prototype=GeneratorFunctionPrototype,_regeneratorDefine2(l,"constructor",GeneratorFunctionPrototype),_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",_regeneratorDefine2(GeneratorFunctionPrototype,r,"GeneratorFunction"),_regeneratorDefine2(l),_regeneratorDefine2(l,r,"Generator"),_regeneratorDefine2(l,a,function(){return this}),_regeneratorDefine2(l,"toString",function(){return"[object Generator]"}),(_regenerator=function _regenerator(){return{w:i,m:f}})()}function _regeneratorDefine2(e,t,n,a){var r=Object.defineProperty
25try{r({},"",{})}catch(e){r=0}(_regeneratorDefine2=function _regeneratorDefine(e,t,n,a){function o(t,n){_regeneratorDefine2(e,t,function(e){return this._invoke(t,n,e)})}t?r?r(e,t,{value:n,enumerable:!a,configurable:!a,writable:!a}):e[t]=n:(o("next",0),o("throw",1),o("return",2))})(e,t,n,a)}function ownKeys(e,t){var n=Object.keys(e)
26if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e)
27t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{}

28t%2?ownKeys(Object(n),!0).forEach(function(t){l()(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var K=function CreateAccount(e){var t,n,a,c,o=Object(z.a)().isPhone,i=Object(m.useState)(!1),l=u()(i,2),s=l[0],f=l[1],h=Object(m.useState)(!1),T=u()(h,2),D=T[0],F=T[1],M=Object(m.useState)(""),K=u()(M,2),L=K[0],Q=K[1],R=Object(m.useState)(null),U=u()(R,2),W=U[0],Z=U[1],J=function generatePassword(){for(var e=Math.floor(15*Math.random())+6,t="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",n="",a=0;a<e;a++)n+=t.charAt(Math.floor(Math.random()*t.length))
29return n}(),X=Object(v.b)({initialValues:_objectSpread(_objectSpread({},e.initialValues),{},{password:J,confirmPassword:J}),onSubmit:e.onSubmit,onCancel:e.onCancel}),q=X.errors,H=X.handleSubmit,Y=(X.dynamicText,X.handleEnterKeyPress),$=X.isDisabled,ee=X.initialValues,te=X.customAttributes,ne=X.mtCaptchaWidgetProps,ae=X.generateMTCaptchaData,re=Object(p.a)().formatMessage,ce=Object(E.a)(S,e.classes),oe=Object(O.a)(),ie=u()(oe,2)[1].addToast,le=d.a.createElement(C.a,{className:ce.submitButton,disabled:$,type:"submit",priority:"high",onKeyDown:Y},d.a.createElement(b.a,{id:"createAccount.createAccountText",defaultMessage:"Create an Account"})),se=function(){var e=r()(_regenerator().m(function _callee(e){var t
30return _regenerator().w(function(n){for(;;)switch(n.n){case 0:return n.n=1,ae()
31case 1:if(t=n.v,null==ne||!ne.shouldRender||t.context.headers["X-MTCaptcha"]){n.n=2
32break}return n.a(2)
33case 2:Z(e),f(!0)
34case 3:return n.a(2)}},_callee)}))
35return function handleFormSubmit(t){return e.apply(this,arguments)}}()
36Object(m.useEffect)(function(){var e,t=null===(e=q.get("createAccountQuery"))||void 0===e?void 0:e.message
37t&&ie({type:"error",message:t})},[ie,q])
38var ue=function handlePopupOpen(e,t){e.stopPropagation(),e.preventDefault(),F(!0),Q(t)}
39return d.a.createElement("div",{className:ce.root},d.a.createElement("div",{className:ce.banner},d.a.createElement(P.a,{identifiers:["register-leftside"]})),d.a.createElement("div",{className:ce.createAccount},d.a.createElement("span",{className:ce.title},d.a.createElement(b.a,{id:"createAccount.registerText",defaultMessage:"Register"})),d.a.createElement("p",{className:ce.tip},d.a.createElement(b.a,{id:"createAccount.createAccountTipText",values:{login:d.a.createElement(g.b,{className:"global-links",to:Object(A.a)("/login"),onClick:function onClick(){var t
40null===(t=e.setIsOpen)||void 0===t||t.call(e,!1),localStorage.setItem("signUp","open")}},d.a.createElement(b.a,{id:"createAccount.toLoginText"}))}})),d.a.createElement(y.b,{className:ce.form,initialValues:ee,onSubmit:se},d.a.createElement(x.a,{id:"title",label:re({id:"createAccount.title",defaultMessage:"Title*"})},d.a.createElement(N.a,{id:"title",field:"customer.title",items:(null==te?void 0:null===(t=te.title)||void 0===t?void 0:t.options)||[],validate:Object(w.a)([w.b],{id:"global.titleRequired"}),validateOnChange:!0})),d.a.createElement(x.a,{id:"firstName",label:re({id:"createAccount.firstNameText",defaultMessage:"First Name*"})},d.a.createElement(_.a,{id:"firstName",field:"customer.firstname",autoComplete:"given-name",validate:Object(w.a)([w.b,w.c],{id:"global.fieldRequired"}),validateOnBlur:!0,mask:function mask(e){return e&&e.trim()},maskOnBlur:!0})),d.a.createElement(x.a,{id:"lastName",label:re({id:"createAccount.lastNameText",defaultMessage:"Last Name*"})},d.a.createElement(_.a,{id:"lastName",field:"customer.lastname",autoComplete:"family-name",validate:Object(w.a)([w.b,w.c],{id:"global.fieldRequired"}),validateOnBlur:!0,mask:function mask(e){return e&&e.trim()},maskOnBlur:!0})),d.a.createElement(x.a,{id:"Email",label:re({id:"createAccount.emailText",defaultMessage:"Email address*"})},d.a.createElement(_.a,{id:"Email",field:"customer.email",autoComplete:"email",validate:w.e,validateOnBlur:!0,mask:function mask(e){return e&&e.trim()},maskOnBlur:!0})),d.a.createElement("div",{className:ce.phonePickerContainer},d.a.createElement("div",{className:ce.countryCode},d.a.createElement(x.a,{id:"phoneId",label:re({id:"createAccount.countryCodeText",defaultMessage:"Country code*"})},d.a.createElement(N.a,{id:"countryCode",field:"customer.area_code",items:(null==te?void 0:null===(n=te.area_code)||void 0===n?void 0:n.options)||[],validate:w.b,validateOnChange:!0}))),d.a.createElement("div",{className:ce.telephone},d.a.createElement(x.a,{className:ce.telephone,id:"phoneId",label:re({id:"createAccount.phoneText",defaultMessage:"Mobile number*"})},d.a.createElement(_.a,{id:"telephone",field:"customer.telephone",autoComplete:"telephone",validate:function validate(e,t){return Object(w.i)(e,t.customer)},validateOnBlur:!0,mask:function mask(e){return e&&e.trim()},maskOnBlur:!0})))),d.a.createElement(G.a,{id:"Password",autoComplete:"new-password",fieldName:"password",isToggleButtonHidden:!1,label:re({id:"createAccount.passwordText",defaultMessage:"Password (6-20 alphanumeric characters)*"}),validate:w.h,validateOnBlur:!0,mask:function mask(e){return e&&e.trim()},maskOnBlur:!0}),d.a.createElement(G.a,{id:"ConfirmPassword",autoComplete:"new-password",fieldName:"

40confirmPassword",isToggleButtonHidden:!1,label:re({id:"createAccount.confirmPasswordText",defaultMessage:"Confirm Password*"}),validate:w.d,validateOnBlur:!0,mask:function mask(e){return e&&e.trim()},maskOnBlur:!0}),d.a.createElement("div",{className:ce.subscribe},d.a.createElement("p",{className:ce.subscribeName},d.a.createElement(b.a,{id:"createAccount.guideNameText"})),d.a.createElement("p",{className:ce.subscribeDesc},d.a.createElement(b.a,{id:"createAccount.guideDescText",values:{terms:d.a.createElement("span",{className:"global-links",onClick:function onClick(e){return ue(e,"terms_and_conditions")}},d.a.createElement(b.a,{id:"createAccount.terms"})),pics:d.a.createElement("span",{className:"global-links",onClick:function onClick(e){return ue(e,"pics")}},d.a.createElement(b.a,{id:"createAccount.pics"})),privacyPolicy:d.a.createElement("span",{className:"global-links",onClick:function onClick(e){return ue(e,"privacy_policy")}},d.a.createElement(b.a,{id:"createAccount.privacyPolicy"}))}})),d.a.createElement(k.a,{field:"subscribe",id:"subscribe",classes:{root:ce.subscribeText},label:re({id:"createAccount.subscribeText",defaultMessage:"Subscribe to news and updates"},{directMarketingPurposes:d.a.createElement("span",{className:"global-links",onClick:function onClick(e){return ue(e,"direct_marketing_purposes")}},d.a.createElement(b.a,{id:"createAccount.directMarketingPurposes"})),privacyPolicy:d.a.createElement("span",{className:"global-links",onClick:function onClick(e){return ue(e,"privacy_policy")}},d.a.createElement(b.a,{id:"createAccount.privacyPolicy"}))})})),d.a.createElement(V.a,ne),d.a.createElement("div",{className:ce.actions},le))),d.a.createElement(B.a,{isOpen:s,width:"300px",cancelText:re({id:"global.back",defaultMessage:"Back"}),onCancel:function handleCancel(){f(!1)},onConfirm:function handleConfirm(){f(!1),H(W)}},d.a.createElement("div",{className:ce.confirmContent},d.a.createElement(I.a,{className:ce.confirmIcon}),d.a.createElement("h3",{className:ce.confirmTitle},d.a.createElement(b.a,{id:"createAccount.pleaseConfirm",defaultMessage:"Please Confirm"})),d.a.createElement("div",{className:ce.confirmDesc},d.a.createElement(b.a,{id:"createAccount.pleaseConfirmDesc",defaultMessage:"Please double check that the email address and phone number you entered are correct. Once confirmed, your email and phone number cannot be changed."})),d.a.createElement("div",{className:ce.confirmField},d.a.createElement("div",{className:ce.confirmFieldValue},null==W?void 0:null===(a=W.customer)||void 0===a?void 0:a.email),d.a.createElement("div",{className:ce.confirmFieldValue},null==W?void 0:null===(c=W.customer)||void 0===c?void 0:c.telephone)))),d.a.createElement(j.a,{isOpen:D,onClose:function onClose(){return F(!1)},closeable:!0,title:" ",style:{width:o?"90vw":"600px"}},d.a.createElement("div",{className:ce.block_wrapper},d.a.createElement(P.a,{identifiers:[L]}))))}
41K.propTypes={classes:Object(h.shape)({actions:h.string,lead:h.string,root:h.string,subscribe:h.string}),initialValues:Object(h.shape)({email:h.string,firstName:h.string,lastName:h.string}),onSubmit:h.func}
42t.a=K},Z1Wd:function(e,t,n){"use strict"
43var a=n("JPst"),r=n.n(a)()(function(e){return e[1]})

44r.push([e.i,".PageContent-root-MwL {\n}\n\n\n",""]),r.locals={root:"PageContent-root-MwL max-w-site mx-auto"},t.a=r},fBUs:function(e,t,n){"use strict"
45n.r(t),n.d(t,"default",function(){return k})
46var a=n("q1tI"),r=n.n(a),c=n("17x9"),o=n("dDsW"),i=n("J4zp"),l=n.n(i),s=n("lSNA"),u=n.n(s),m=n("Ty5D"),d=n("znku")
47function ownKeys(e,t){var n=Object.keys(e)
48if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e)
49t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{}
50t%2?ownKeys(Object(n),!0).forEach(function(t){u()(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var f=["email","firstName","lastName"],p=function useCreateAccountPage(e){var t=e.signedInRedirectUrl,n=e.signInPageUrl,r=Object(m.g)(),c=Object(d.b)(),o=l()(c,1)[0].isSignedIn,i=Object(m.h)().search,s=Object(a.useMemo)(function(){return r&&r.location.state?r.location.state:{}},[r]),p=s.from||null
51Object(a.useEffect)(function(){o&&(p||t)&&r.push(p||t)},[p,r,o,t])
52var b=Object(a.useCallback)(function(){n&&r.push(n,s)},[r,s,n])
53return{createAccountProps:{initialValues:Object(a.useMemo)(function(){return function getCreateAccountInitialValues(e){var t=new URLSearchParams(e)
54return f.reduce(function(e,n){return _objectSpread(_objectSpread({},e),{},u()({},n,t.get(n)))},{})}(i)},[i]),isCancelButtonHidden:!1,onCancel:b}}},b=n("y1Xp"),g=n("Qazu"),y=n("lcLu"),h=n("BBzE"),v=n("Q84e"),A=n("LboF"),O=n.n(A),E=n("4weY"),w={injectType:"singletonStyleTag",insert:"head",singleton:!0},j=(O()(E.a,w),E.a.locals||{}),P=n("z6rQ"),C=function CreateAccountPage(e){var t=Object(b.a)(j,e.classes),n=p(e).createAccountProps,c=Object(o.a)().formatMessage,i=[{text:c({id:"createAccount.registerText"})}]
55return Object(a.useEffect)(function(){Object(P.b)()},[]),r.a.createElement(v.a,null,r.a.createElement(h.a,{pathMap:i}),r.a.createElement("div",{className:t.root},r.a.createElement(y.b,null,c({id:"createAccountPage.title",defaultMessage:"Create an Account"})),r.a.createElement(g.a,n)))}
56C.defaultProps={signedInRedirectUrl:"/my-account",signInPageUrl:"/login"},C.propTypes={classes:Object(c.shape)({root:c.string,header:c.string,contentContainer:c.string}

56),signedInRedirectUrl:c.string,signInPageUrl:c.string}
57var k=C}}])