https://mox.com/component---src-pages-contact-us-zh-tsx-7da422f32188e2b8430e.js

1"use strict";(self.webpackChunkcorp_website_frontend=self.webpackChunkcorp_website_frontend||[]).push([[5661],{6130:function(e,t,a){a.d(t,{$F:function(){return l},$x:function(){return r}});var n=a(96540),s=a(44162);const c=({children:e,language:t})=>{const a=(0,s.S)(t);return n.cloneElement(e,{errorStrings:a})},r=n.memo(c),l=({language:e,httpStatusCode:t,errorCode:a,redirectWhen404:c})=>{const r=(0,s.S)(e);return(0,n.useEffect)((()=>{404==t&&c&&(window.location.href="/404")}),[t,c]),n.createElement("section",{className:"section p-v-largex bg-color-light __misc-zindex-110 w-100"},n.createElement("div",{className:"text-center wrap"},r[a]))}},18542:function(e,t,a){a.d(t,{Z:function(){return f}});var n=a(73872),s=a(96540),c=a(8867),r=a(65460),l=a(14317),o=a(79579),i=a(6130),m=a(67294),u=a(11635),g=a(50837),p=a(45055),d=a(68500);const h=({data:e,location:t,errorStrings:a,translations:i,initData:p})=>{const{0:h,1:f}=(0,s.useState)(!1),{0:E,1:b}=(0,s.useState)(!1),{0:v,1:N}=(0,s.useState)(""),{0:C,1:_}=(0,s.useState)(""),{0:w,1:k}

1=(0,s.useState)(""),{0:I,1:x}=(0,s.useState)(""),{0:M,1:S}=(0,s.useState)(!1),{0:y,1:R}=(0,s.useState)({nameInput:!1,emailInput:!1,messageInput:!1,confirmationInput:!1}),{0:L,1:O}=(0,s.useState)(!1),U=(0,s.useRef)(null),$=(0,r.Z0)(t.pathname);(0,s.useEffect)((()=>{!L&&(C||w||I)&&(O(!0),d.P.push(u.U.ContactUsTyping))}),[C,w,I,L]);const z=(0,s.useCallback)((e=>{(0,r.oR)("error",e,{closeButton:!1,position:"bottom-center",autoClose:3e3,hideProgressBar:!1,closeOnClick:!0,pauseOnHover:!0,draggable:!0})}),[]),P=(0,s.useCallback)((e=>t=>{let{value:a}=t.target;switch("nameInput"===e&&(a=a.replace(/[^\u4e00-\u9fa5_a-zA-Z\s]/gi,"")),R({...y,[e]:!a}),e){case"nameInput":return void _(a);case"emailInput":return void k(a);case"messageInput":return void x(a)}}),[y]),T=(0,s.useCallback)((e=>{const{checked:t}=e.target;S(t),R({...y,confirmationInput:!1})}),[y]),H=(0,s.useCallback)((e=>{N(e)}),[]),{allContentfulMetaTag:Z}=e,{settingNodes:j}=(0,g.G)(p),A=Z?Z.edges:[],B=j.contentContactHeader.childMarkdownRemark.html.replace(/(<([^>]+)>)/gi,"").split("\n"),G=(0,s.useCallback)((async()=>{if(R({nameInput:!C,messageInput:!I,emailInput:!w||!(0,r.is)("email",w),confirmationInput:!M}),C&&w&&(0,r.is)("email",w)&&I&&M&&v){f(!0);try{await(0,n.A)({method:"post",url:`${m.$.api.url}api/post-contact`,data:{name:C,email:w,message:I,recaptcha:v}}),(0,r.oR)("success",i.successMessage,{closeButton:!1,position:"bottom-center",autoClose:3e3,hideProgressBar:!1,closeOnClick:!0,pauseOnHover:!0,draggable:!0}),b(!0),d.P.push(u.U.ContactUsSuccess),U.current.enterprise.reset(),N("")}catch(e){const{response:{status:t=null,data:{errorCode:n="GENERIC_ERROR"}={}}={}}=e;d.P.push(u.U.ContactUsError),z(a[n]||i.defaultErrorMessage),U.current.enterprise.reset(),N("")}finally{f(!1)}}else z(a.ERR_FORM_INCOMPLETE)}),[C,I,w,M,z,a,v,i.successMessage,i.defaultErrorMessage]);return s.createElement(l.A,{location:t,metaTags:A.length?A[0].node:null},s.createElement("section",{className:"__misc-subpage-title section align-column align-v-center __misc-zindex-110"},s.createElement("div",{className:"header_ghost"}),s.createElement("div",{className:"wrap w-100"},s.createElement("div",{className:"align-column align-h-center w-100 text-center"},s.createElement("div",null,s.createElement("h4",{className:"d-inline font-weight-light text-center color-black __misc_a_title"},B[0]||"")),s.createElement("div",{className:"sep sep-size-large"}),s.createElement("h1",{className:"font-weight-light lineheight-large",dangerouslySetInnerHTML:{__html:(B[1]||"").replace(/---/g,"<br/>")}}),s.createElement("div",{className:"sep sep-size-large"}),s.createElement("div",{className:"w-55_sm-false m-h-auto font-size-large font-weight-light text-center lineheight-largex color-black",dangerouslySetInnerHTML:{__html:(B[2]||"").replace(/---/g,"<br/>")}})))),s.createElement("section",{className:"section"},s.createElement("div",{className:"wrap"},s.createElement("div",{className:"w-50_sm-false m-h-auto p-v-large3x"},s.createElement("div",{className:"row row-gap-h-large row-gap-v-large"},s.createElement("div",{className:"col-12_sm-12"},s.createElement("label",{className:"input-label"},i.nameLabel),s.createElement("input",{onChange:P("nameInput"),className:"input "+(y.nameInput?"error":""),value:C,name:"form-contact-name",id:"form-contact-name","data-type":"name"})),s.createElement("div",{className:"col-12_sm-12"},s.createElement("label",{className:"input-label"},i.emailLabel),s.createElement("input",{onChange:P("emailInput"),className:"input "+(y.emailInput?"error":""),value:w,name:"form-contact-email",id:"form-contact-email","data-type":"email"})),s.createElement("div",{className:"col-12"},s.createElement("label",{className:"input-label"},i.messageLabel),s.createElement("textarea",{onChange:P("messageInput"),className:"input "+(y.messageInput?"error":""),value:I,name:"form-contact-message",id:"form-contact-message",maxLength:1e3}),s.createElement("p",{className:"text-right m-top-small"},I.length," / ",1e3)),s.createElement("div",{className:"col-12"},s.createElement("label",{className:"input_checkbox"},s.createElement("input",{type:"checkbox",onChange:T,name:"form-contact-confirm",checked:M,className:y.confirmationInput?"error":"",id:"form-contact-confirm"}),s.createElement("div",{className:"input_checkbox-content"}),s.createElement("span",null,i.confirmationMessage))),s.createElement("div",{id:"form-contact-recaptcha",className:"col-6_sm-12 al

1ign-h-center_sm-true align-v-center"},!!(C&&w&&(0,r.is)("email",w)&&I&&M)&&s.createElement(o.J,{ref:U,language:$,action:m.$.reCaptcha.actions.contactUs,onChange:H})),s.createElement("div",{className:"col-6_sm-12 align-h-right align-v-center"},s.createElement("a",{role:"button",onClick:G,className:"button button-wide button-block_sm-true fx-shadow"+(h?" disabled":""),id:"form-contact-submit"},E&&!h&&s.createElement(c.A,{src:"/asset/img/icon/ui/check.svg"}),h&&s.createElement("div",{className:"preloader"}),!h&&s.createElement("span",null,i.submitCta))))))))},f=({location:e,...t})=>{const a=(0,r.Z0)(e.pathname),n=(0,s.useMemo)((()=>p.Uj[a]),[a]);return s.createElement(i.$x,{language:n},s.createElement(h,Object.assign({},t,{location:e})))}},50837:function(e,t,a){a.d(t,{G:function(){return n}});const n=e=>{const{allContentfulSettings:t,site:{siteMetadata:a}}=e,n=t?t.edges:[];return{siteMetadata:a,settingNodes:n[0]?n[0].node:{}}}},67140:function(e,t,a){a.r(t);var n=a(96540),s=a(48705),c=a(18542);t.default=(0,s.z5)((e=>n.createElement(c.Z,Object.assign({},e,{translations:{successMessage:"你的訊息已成功發送。我們會盡快回覆你。",defaultErrorMessage:"出了點問題。請再試一遍。",nameLabel:"姓名",emailLabel:"電郵",messageLabel:"訊息",confirmationMessage:"我同意Mox可以使用我上述提供的聯絡資料回覆我的訊息。",submitCta:"發送"}}))))},79579:function(e,t,a){a.d(t,{J:function(){return c}});var n=a(96540),s=a(67294);const c=n.forwardRef((({language:e,action:t,onChange:a},c)=>{const r=()=>{const e=window.grecaptcha;c.current=e,e.enterprise.ready((async()=>{e.enterprise.render("recaptcha",{sitekey:s.$.reCaptcha.siteKey,action:t,callback:e=>{a&&a(e)},"expired-callback":()=>{a&&a(void 0)}})}))};return(0,n.useEffect)((()=>{const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/enterprise.js?render=explicit&lang=${null!=e?e:"en"}`,t.async=!0,t.defer=!0,t.addEventListener("load",r),document.body.appendChild(t)}),[e]),n.createElement("div",{className:"g-recaptcha",id:"recaptcha"})}))}}]);