https://glotdojo.com/_next/static/chunks/1309.7018ca496345448a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1309],{2106:function(e,o,t){t.d(o,{Z:function(){return y}});var r=t(59499),n=t(4730),i=t(67294),l=t(42283),c=t(70643),a=t(50056),p=t(67211),s=c.default.div.withConfig({displayName:"inputstyle__InputField",componentId:"sc-10i3djc-0"})(["position:relative;.field-wrapper{position:relative;}&.icon-left,&.icon-right{.field-wrapper{display:flex;align-items:center;> .input-icon{position:absolute;top:0;bottom:auto;display:flex;align-items:center;justify-content:center;width:34px;height:40px;}}}&.icon-left{.field-wrapper{> .input-icon{left:0;right:auto;}> input{padding-left:34px;}}}&.icon-right{.field-wrapper{> .input-icon{left:auto;right:0;}> input{padding-right:34px;}}}label{display:block;color:",";font-size:",";font-weight:normal;margin-bottom:",";transition:0.2s ease all;}textarea,input{font-size:16px;padding:11px;display:block;width:100%;box-shadow:none;border-radius:4px;box-sizing:border-box;border:",";transition:border-color 0.2s ease;background-color:",";color:",";border-color:",";&:focus{outline:none;border-color:",";}&:disabled{color:",";}::placeholder{color:",";opacity:1;}:-ms-input-placeholder{color:",";}::-ms-input-placeholder{color:",";}}textarea{min-height:150px;}&.is-material{label{position:absolute;left:0;top:10px;}input,textarea{border-radius:0;border-top:0;border-left:0;border-right:0;padding-left:0;padding-right:0;}textarea{min-height:40px;padding-bottom:0;}.highlight{position:absolute;height:1px;top:auto;left:50%;bottom:0;width:0;pointer-events:none;transition:all 0.2s ease;}&.icon-left,&.icon-right{.field-wrapper{flex-direction:row-reverse;> .input-icon{width:auto;}> input{flex:1;}}}&.icon-left{.field-wrapper{> input{padding-left:20px;}}label{top:-15px;font-size:12px;}}&.icon-right{.field-wrapper{> input{padding-right:20px;}}}&.is-focus{input{border-color:",";}label{top:-16px;font-size:12px;color:",";}.highlight{width:100%;height:2px;background-color:",";left:0;}}}",""],(0,a.R)("colors.labelColor","#767676"),(0,a.R)("fontSizes.16","16px"),(0,a.R)("space.3","8px"),(function(e){return e.showBorder?"solid 1px":"none"}),(0,a.R)("colors.inputBackground","var(--color-21)"),(0,a.R)("colors.inputColor","var(--color-EB)"),(0,a.R)("colors.inputBorderColor","#028489"),(0,a.R)("colors.primary","#028489"),(0,a.R)("colors.inActiveColor","#808080"),(0,a.R)("colors.placeholderColor","var(--color-41)"),(0,a.R)("colors.placeholderColor","var(--color-41)"),(0,a.R)("colors.placeholderColor","var(--color-41)"),(0,a.R)("colors.inactiveIcon","#ebebeb"),(0,a.R)("colors.textColor","#484848"),(0,a.R)("colors.primary","#028489"),p.hG),u=c.default.button.withConfig({displayName:"inputstyle__EyeButton",componentId:"sc-10i3djc-1"})(["width:43px;height:40px;border:0;padding:0;margin:0;top:0;right:0;position:absolute;outline:none;cursor:pointer;box-shadow:none;display:flex;align-items:center;justify-content:center;background-color:transparent;> span{width:12px;height:12px;display:block;border:solid 1px ",";border-radius:75% 15%;transform:rotate(45deg);position:relative;&:before{content:'';display:block;width:4px;height:4px;border-radius:50%;left:3px;top:3px;position:absolute;border:solid 1px ",";}}&.eye-closed{> span{&:after{content:'';display:block;width:1px;height:20px;left:calc(50% - 1px / 2);top:-4px;position:absolute;background-color:",";transform:rotate(-12deg);}}}"],(0,a.R)("colors.textColor","#484848"),(0,a.R)("colors.textColor","#484848"),(0,a.R)("colors.textColor","#484848")),d=s,h=t(85893),f=["label","value","onBlur","onFocus","onChange","inputType","isMaterial","icon","iconPosition","passwordShowHide","className","placeholder","controlOuter","nameValidate","rules","showBorder"];function b(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function g(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?b(Object(t),!0).forEach((function(o){(0,r.Z)(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEac

1h((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}var x=function(e){var o=e.label,t=e.value,r=e.onBlur,c=e.onFocus,a=e.onChange,p=e.inputType,s=e.isMaterial,b=e.icon,x=e.iconPosition,y=e.passwordShowHide,m=e.className,v=e.placeholder,w=e.controlOuter,j=e.nameValidate,O=e.rules,P=e.showBorder,C=(0,n.Z)(e,f),k=(0,i.useState)({toggle:!0,focus:!1,value:t}),R=k[0],B=k[1];(0,i.useEffect)((function(){B(g(g({},R),{},{value:t}))}),[t]);var N,S,E=function(e){B(g(g({},R),{},{focus:!0})),c(e)},_=function(e){B(g(g({},R),{},{focus:!1})),r(e)},z=function(e){B(g(g({},R),{},{value:e.target.value})),a(e.target.value)},D=["reusecore__input"];s&&D.push("is-material"),b&&x&&D.push("icon-".concat(x)),m&&D.push(m),o&&(S=o.replace(/\s+/g,"_").toLowerCase());var T=!0===s?"bottom":"top",Z=o&&(0,h.jsx)("label",{htmlFor:S,children:o});switch(p){case"textarea":N=(0,h.jsx)("textarea",g(g({},C),{},{id:S,name:S,value:R.value,onChange:z,onBlur:_,onFocus:E}));break;case"password":N=(0,h.jsxs)("div",{className:"field-wrapper",children:[(0,h.jsx)("input",g(g({},C),{},{id:S,name:S,type:R.toggle?"password":"text",value:R.value,onChange:z,onBlur:_,onFocus:E,placeholder:v})),y&&(0,h.jsx)(u,{onClick:function(){B(g(g({},R),{},{toggle:!R.toggle}))},className:R.toggle?"eye":"eye-closed",children:(0,h.jsx)("span",{})})]});break;default:N=(0,h.jsxs)("div",{className:"field-wrapper",children:[(0,h.jsx)("input",g(g({},C),{},{id:S,name:S,type:p,value:R.value,onChange:z,onBlur:_,onFocus:E,placeholder:v})),b&&(0,h.jsx)("span",{className:"input-icon",children:b})]})}return(0,h.jsxs)(d,g(g({className:"".concat(D.join(" ")," ").concat(!0===R.focus||""!==R.value?"is-focus":""),showBorder:P},C),{},{children:["top"===T&&Z,w&&j?(0,h.jsx)(l.Qr,{defaultValue:R.value,as:N,name:j||"",control:w,rules:O}):N,s&&(0,h.jsx)("span",{className:"highlight"}),"bottom"===T&&Z]}))};x.defaultProps={inputType:"text",isMaterial:!1,iconPosition:"left",onBlur:function(){},onFocus:function(){},onChange:function(){},placeholder:""};var y=x},67211:function(e,o,t){t.d(o,{Tq:function(){return l},hG:function(){return c},jn:function(){return n},ui:function(){return i}});var r=t(16678),n=(0,r.variant)({key:"buttonStyles"}),i=(0,r.variant)({key:"colorStyles",prop:"colors"}),l=(0,r.variant)({key:"sizeStyles",prop:"size"}),c=(0,r.variant)({key:"inputStyles",prop:"inputstyle"});(0,r.variant)({key:"cards"})},11309:function(e,o,t){t.r(o),t.d(o,{default:function(){return _}});var r=t(59499),n=t(4730),i=t(67294),l=t(99547),c=t(55558),a=t(70643),p=t(50056),s=t(14416),u=t(8083),d=t(78561),h=t(60419),f=t(2534),b=t(19861),g=t(2106),x=t(42283),y=t(37642),m=t(45697),v=t.n(m),w=t(19710),j=t(99476);function O(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?O(Object(t),!0).forEach((function(o){(0,r.Z)(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}v().shape(P(P({},w.p6),{},{title:w.TX,button:j.W,hotline:w.TX}));var C={style:{},title:{style:{},content:"Insert your phone number so that we can reach you in case of any unexpected events occurred."},hotline:{style:{},content:"HOTLINE: (+84)93 446 3969"},button:j.R},k=(0,a.default)(d.Flex).withConfig({displayName:"phonePopupstyle__PhonePopupWrapper",componentId:"sc-6hwruj-0"})(["flex-direction:column;justify-content:space-between;align-items:center;height:100%;"]),R=t(85893),B=["item","user","t","onClick","updatePhoneAct"];function N(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};

1o%2?N(Object(t),!0).forEach((function(o){(0,r.Z)(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}var E=function(e){var o,t,r=e.item,c=(r.style,r.hotline),a=r.button,s=e.user,u=e.t,m=e.onClick,v=e.updatePhoneAct,w=(0,n.Z)(e,B),j=(0,i.useState)(s.phoneNumber||""),O=j[0],P=j[1],C=(0,x.cI)({}),N=C.errors,E=C.trigger,_=C.control,z=(0,p.R)("colors.modalInputBG")(w),D=(0,p.R)("colors.modalInputBorderColor")(w),T=(0,p.R)("colors.phonePopupButtonBG")(w),Z=(0,p.R)("colors.phonePopupButtonColor")(w);return a.style=S(S({},a.style),{},{color:Z,background:T,fontSize:16,fontWeight:600}),(0,R.jsxs)(k,{textAlign:"center",children:[(0,R.jsx)(f.Z,{textAlign:"center",color:"phonePopupTitleColor",fontSize:18,content:u("phonePopup.title")}),(0,R.jsxs)(d.Box,{textAlign:"center",mt:36,minWidth:["90%",383,393,383],children:[(0,R.jsx)(g.Z,{value:O,onChange:P,placeholder:u("phonePopup.placeholder"),rules:{required:"true",validate:{validPhoneNumber:function(e){return l.PHONE_NUMBER_REGEX.test(e)}}},style:{background:z,borderColor:D,borderRadius:"5px"},controlOuter:_,nameValidate:"registerPhone",showBorder:!0}),(0,R.jsxs)(h.xv,{color:"danger",fontSize:14,children:["required"===(null===(o=N.registerPhone)||void 0===o?void 0:o.type)&&"(*)".concat((0,y.g)(u,"phonePopup.validate.required")),"validPhoneNumber"===(null===(t=N.registerPhone)||void 0===t?void 0:t.type)&&"(*)".concat((0,y.g)(u,"phonePopup.validate.invali

1d"))]})]}),(0,R.jsx)(b.Z,S({minWidth:207,minHeight:40,onClick:function(){E(["registerPhone"]).then((function(e){e&&(O!==s.phoneNumber&&v({phoneNumber:O}),m())}))}},a)),(0,R.jsxs)(d.Flex,{justifyContent:"center",flexDirection:["column","row","row","row"],children:[(0,R.jsx)(f.Z,S(S({textAlign:"center",color:"phonePopupHotlineColor"},c),{},{fontSize:16})),"\xa0",(0,R.jsx)(f.Z,{textAlign:"center",color:"phonePopupContactTextColor",fontSize:16,content:u("phonePopup.contactUs")})]})]})};E.defaultProps={item:C,onClick:function(){return null}};var _=(0,c.withTranslation)("pricing")((0,s.$j)((function(e){return{user:e.data.user}}),(function(e){return{updatePhoneAct:function(o){return e(u.Nw.changePhone(o))}}}))((0,a.withTheme)(E)))}}]);