https://www.lotuss.com/_next/static/chunks/3613-6a7f088bffea09c3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3613,5044],{3613:(e,t,o)=>{o.r(t),o.d(t,{default:()=>ed});var n=o(37876),r=o(14232),i=o(35268),l=o(62034),s=o(19330),d=o(7227),a=o(57933),c=o(92003),u=o(52894),p=o(54364),m=o(31777),x=o(38833),h=o(84744),y=o(6128),g=o(93685),f=o(50248),b=o(41613),A=o(48948),j=o(13574),v=o(63110),S=o(68290),w=o(58291),P=o(49376),k=o(33455),C=o(16728),L=o(82851),R=o.n(L),I=o(61605),M=o(33268),O=o(67348),T=o(58823),B=o(65044);let W=(0,i.Ay)(B.default)(e=>{let{theme:t}=e;return{padding:"48px 24px",[t.breakpoints.only("mobile")]:{padding:"46px 24px",alignItems:"center","& > div":{alignItems:"center"},"& p":{textAlign:"center"}}}}),E=(0,i.Ay)(x.A)(e=>{let{theme:t}=e;return{height:44,width:"100%",backgroundColor:t.colors.green600,color:t.colors.white,...t.fonts.fontStyles.header6,"&:disabled":{backgroundColor:t.colors.green200,color:t.colors.white}}}),N=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{padding:"0px 48px 16px 48px",[t.breakpoints.down("sm")]:{padding:"0px 24px 16px 24px"}}}),D=(0,i.Ay)("div")(()=>({padding:"30px 48px 16px 48px",height:"380px",position:"relative"})),z=(0,i.Ay)("div")(()=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%"})),_=(0,i.Ay)(l.A)(()=>({display:"flex",flexDirection:"column",width:"100%"})),G=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{borderTop:"0.5px solid #E0E0E0",padding:"15px 48px",[t.breakpoints.down("sm")]:{padding:"13px 24px"}}}),H=(0,i.Ay)("div")(()=>({padding:"10px 48px"})),Q=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.header6,[t.breakpoints.down("sm")]:{...t.fonts.fontStyles.textS}}}),V=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textM,color:t.colors.grey550,[t.breakpoints.down("sm")]:{...t.fonts.fontStyles.textS,color:t.colors.grey550}}}),$=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textSS,color:t.colors.grey300}}),U=(0,i.Ay)("img")(()=>({width:"38px !important",height:"24px",borderRadius:4})),F=(0,i.Ay)("img")(()=>({width:"102px !important",height:"64px",borderRadius:8})),X=(0,i.Ay)("img")(()=>({width:"516px !important",height:"450px",position:"absolute",right:-140,top:-30,overflow:"hidden"})),Y=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.header2,[t.breakpoints.down("sm")]:{fontFamily:"LotusSmartHL",fontStyle:"normal",fontSize:"36px",fontWeight:"bold",lineHeight:"48px"}}}),K=(0,i.Ay)("div")(e=>{let{theme:t,disabled:o}=e;return{...t.fonts.fontStyles.textL,color:t.colors.green600,...o&&{color:t.colors.grey300},[t.breakpoints.down("sm")]:{...t.fonts.fontStyles.textM,...o&&{color:t.colors.grey300}}}}),q=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textS,color:t.colors.grey550,[t.breakpoints.down("sm")]:{...t.fonts.fontStyles.textSS,color:t.colors.grey550}}}),J=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textL,color:t.colors.white,whiteSpace:"pre-line",[t.breakpoints.down("sm")]:{...t.fonts.fontStyles.textM,color:t.colors.grey700,whiteSpace:"pre-line"}}}),Z=(0,i.Ay)("div")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.header4,color:t.colors.grey700,[t.breakpoints.down("sm")]:{...t.fonts.fontStyles.textL,color:t.colors.grey700}}}),ee=(0,i.Ay)("hr")(e=>{let{theme:t}=e;return{border:0,height:.5,background:t.colors.grey100}}),et=(0,i.Ay)("div")(()=>({fontSize:24,fontWeight:"bold",whiteSpace:"pre-line"})),eo=(0,i.Ay)(s.Ay)(()=>({"& .MuiSlider-thumb":{marginTop:"-11px",height:24,width:24,backgroundColor:"#ffffff",border:"1px solid #00BCB4",boxShadow:"0px 8px 28px rgba(0, 0, 0, 0.22)"}})),en=e=>{let{type:t,text:o}=e,r=(0,I.DP)(),i={root:{...r.fontStyles.textS,borderRadius:8,padding:8,marginBottom:8,backgroundColor:r.colors.yellow100,..."error"===t&&{backgroundColor:r.colors.red100}},icon:{fontSize:24,opacity:1,padding:0,marginRight:8,color:r.colors.yellow600,..."error"===t&&{color:r.colors.red600}},message:{padding:0,alignItems:"center",color:r.colors.grey550,..."error"===t&&{color:r.colors.red600}}};return(0,n.jsx)(u.A,{variant:"filled",severity:"info",classes:i,children:o})},er=(0,i.Ay)(l.A)(e=>{let{theme:t}=e;return{backgroundColor:t.colors.green100,width:278,whiteSpace:"pre-line",[t.breakpoints.down("sm")]:{width:156}}}),ei=(0,i.Ay)(e=>{let{className:t,...o}=e;return(0,n.jsx)(d.A,{...o,classes:{popper:t},arrow:!0})})(e=>{let{theme:t}=e;return{["& .".concat(a.A.tooltip)]:{backgroundColor:t.colors.green100,color:t.colors.grey550,maxWidth:"none",padding:12,marginTop:14,filter:"drop-shadow(0 0 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 -4px 32px rgba(0, 0, 0, 0.1))",...t.fonts.textS,...t.radius.m,[t.breakpoints.up("sm")]:{filter:"drop-shadow(0 0 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 6px 24px rgba(0, 0, 0, 0.1))"}},["& .".concat(a.A.arrow)]:{color:t.colors.green100,"&:before":{border:"1px solid #e6e8ed"}},["& .".concat(a.A.popper)]:{zIndex:1500}}}),el=(0,i.Ay)(c.A)(e=>{let{theme:t}=e;return{fontSize:14,color:t.colors.grey700,[t.breakpoints.down("sm")]:{fontSize:12}}}),es=(0,i.Ay)("img")(()=>

1({cursor:"pointer",width:15,height:15})),ed=function(e){var t,o,i,s,d,a,c,u,L,I,B,ed,ea,ec,eu,ep,em,ex,eh;let{totalLotusPointsUsed:ey,onClose:eg,setTotalLotusPointsUsed:ef,totalItemPrice:eb,maxPoint:eA,balance:ej,selectedPointsToRedeem:ev}=e,eS=(0,m.wA)(),{pathName:ew,lang:eP}=(0,g.Ay)(),ek=(0,A.ok)(),{getCartSummary:eC,redeemLotusPoints:eL,resetRedeemLotusPoint:eR}=(0,y.GI)(),{isLoyalty:eI,isLoggedIn:eM}=(0,m.d4)(e=>e.authentication),[eO]=(0,r.useState)(eA),[eT,eB]=(0,r.useState)(eA),[eW,eE]=(0,r.useState)(),[eN,eD]=(0,r.useState)(!1),ez=(0,m.d4)(j.jM),e_=(0,m.d4)(j.nL),eG=(0,m.d4)(j.KV),eH=(0,m.d4)(e=>e.cart.redeemPoints),[eQ,eV]=(0,r.useState)(!1),e$=ek("OrderSummary.Lotus'sPoints.PointAvailable"),eU=ek("OrderSummary.Lotus'sPoints.UsePoint"),eF=ek("General.Points"),eX=R().get(ej,"summary.totalPoints",0),eY=eX>1?"other":"one",eK=eT>1?"other":"one",[eq,eJ]=(0,r.useState)(!1),{isMobile:eZ}=(0,O.A)(),{isMaintenanceMode:e0}=(0,T.$3)(),e4=eO<=1?ek("OrderSummary.Lotus'sPoints.MaxPoint").one:ek("OrderSummary.Lotus'sPoints.MaxPoint").other,e1=async()=>{eJ(!0),(0,k.rH)(eT),await eL({selectedPointsToRedeem:{amount:eT}})};(0,r.useEffect)(()=>{(null==eH?void 0:eH.isSuccess)&&(eC(),ef(eT),eg(),eR(),eJ(!1))},[eH]),(0,r.useEffect)(()=>{(null==eH?void 0:eH.isFailed)&&(eD(!0),eE(null==eH?void 0:eH.payload.error))},[eH]);let e2=e=>{eS((0,h.CT)({path:ew})),eM||(0,g.p0)((0,f.Ay)(e))};return((0,r.useEffect)(()=>{var e;eT/(null==ej||null==(e=ej.redemptionRate)?void 0:e.redemptionPoint)>eb+(null==ev?void 0:ev.discount)&&eB(eb+(null==ev?void 0:ev.discount))},[]),(0,r.useEffect)(()=>{if(ey){var e;eT/(null==ej||null==(e=ej.redemptionRate)?void 0:e.redemptionPoint)>eb+(null==ev?void 0:ev.discount)?eB(eb+(null==ev?void 0:ev.discount)):eB(ey)}},[ey]),e0)?(0,n.jsx)(W,{}):(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(p.A,{active:eq,spinner:!0,children:eI&&eM&&ej?(0,n.jsxs)("div",{children:[(0,n.jsxs)(N,{children:[(0,n.jsxs)(z,{children:[(0,n.jsxs)(_,{children:[(0,n.jsx)(Q,{children:ek("OrderSummary.Lotus'sPoints.UsePointToSaveMore")}),(0,n.jsx)(V,{children:null==(t=e$[eY])?void 0:t.replace("%s",(0,C.p)(eX))}),(0,n.jsx)($,{children:ek("OrderSummary.Lotus'sPoints.PointConversion").replace("%d",(0,C.p)(null==ej||null==(o=ej.redemptionRate)?void 0:o.redemptionPoint)).replace("%.2f",(0,b.tQ)(null==ej||null==(i=ej.redemptionRate)?void 0:i.redemptionValue))})]}),(0,n.jsx)(U,{src:S.A.siteCode===w.b.THAILAND_SITE?(0,P.b)(M.N.LotusClubcardIcon):(0,P.b)(M.N.LotusClubcardIconMY)})]}),(0,n.jsxs)(_,{mt:3,children:[eN&&(0,n.jsx)(en,{type:(null==eW?void 0:eW.code)===40047?"warning":"error",text:(null==eW?void 0:eW.code)===40047?ek("Lotus'sPoints.Error.BelowMin"):ek("General.Error.Common").replace(/%d/g,(null==eW?void 0:eW.code)||400)}),(0,n.jsx)(Y,{children:null==(s=eU[eK])?void 0:s.replace("%s",(0,b.$R)(eT))}),(0,n.jsx)(l.A,{mb:"12px",children:(0,n.jsx)(K,{disabled:0===eX,children:ek("OrderSummary.Lotus'sPoints.Worth").replace("%d",(null==ej||null==(d=ej.summary)?void 0:d.totalPoints)===0?(0,b.tQ)(0):(0,b.$R)((0,b.tQ)(eT/(null==ej||null==(a=ej.redemptionRate)?void 0:a.redemptionPoint)*(null==ej||null==(c=ej.redemptionRate)?void 0:c.redemptionValue))))})}),(0,n.jsxs)(l.A,{mb:"12px",display:"flex",flexDirection:"row",alignItems:"center",children:[(0,n.jsx)(l.A,{mr:"6px",children:(0,n.jsx)(q,{children:null==e4?void 0:e4.replace("%s",(null==ej||null==(u=ej.summary)?void 0:u.totalPoints)===0?0:(0,C.p)(eO))})}),(0,n.jsx)(ei,{open:eQ,arrow:!0,title:(0,n.jsx)(er,{children:(0,n.jsxs)(el,{children:[ek("OrderSummary.Lotus'sPoints.MinPurchase"),"\n",ek("OrderSummary.Lotus'sPoints.RestrictItems")]})}),placement:"bottom-start",children:(0,n.jsx)(es,{src:(0,P.b)(M.N.InfomationLightgray),onMouseOver:e=>eV(!0),onMouseOut:e=>eV(!1),onClick:e=>eV(!0)})})]})]}),(0,n.jsx)(z,{children:(0,n.jsx)(eo,{color:"secondary",value:0===eX?0:eT,onChange:(e,t)=>

1{eB(parseInt(t))},"aria-labelledby":"continuous-slider",min:0,max:eO,step:null!=(eh=null==ej||null==(L=ej.redemptionRate)?void 0:L.redemptionPoint)?eh:1,disabled:0===eX,style:{height:24}})}),(0,n.jsxs)(z,{children:[(0,n.jsx)(J,{children:"0 ".concat("th"===eP?eF.other:eF.zero)}),0!==eX&&(0,n.jsx)(J,{children:"".concat((0,b.$R)(eO)," ").concat(eF.other)})]}),(0,n.jsxs)(z,{style:{marginTop:eZ?66:40},children:[(0,n.jsx)(J,{children:ek("OrderSummary.OrderTotal")}),(0,n.jsxs)(J,{children:[(0,b.mX)(null==ej||null==(I=ej.redemptionRate)?void 0:I.redemptionCurrency),(0,b.tQ)(eb+(null==ev?void 0:ev.discount))]})]}),(0,n.jsxs)(z,{children:[(0,n.jsx)(K,{disabled:0===eX,children:ek("OrderSummary.PayWithLotusPoints")}),(0,n.jsxs)(K,{disabled:0===eX,children:[(0,b.mX)(null==ej||null==(B=ej.redemptionRate)?void 0:B.redemptionCurrency),(0,b.tQ)(0===eX?0:eT/(null==ej||null==(ed=ej.redemptionRate)?void 0:ed.redemptionPoint)*(null==ej||null==(ea=ej.redemptionRate)?void 0:ea.redemptionValue))]})]}),(0,n.jsx)(ee,{}),(0,n.jsxs)(z,{children:[(0,n.jsx)(Z,{children:ek("OrderSummary.Lotus'sPoints.TotalPayment")}),(0,n.jsxs)(Z,{children:[(0,b.mX)(null==ej||null==(ec=ej.redemptionRate)?void 0:ec.redemptionCurrency),(0,b.tQ)(eb+(null==ev?void 0:ev.discount)-(0===eX?0:eT/(null==ej||null==(eu=ej.redemptionRate)?void 0:eu.redemptionPoint)*(null==ej||null==(ep=ej.redemptionRate)?void 0:ep.redemptionValue)))]})]})]}),(0,n.jsx)(G,{children:(0,n.jsx)(E,{id:"use-points-coupon","data-cta-name-en":"Use","data-cta-name-th":"ใช้","data-cta-type":"Button",onClick:e1,fullWidth:!0,disabled:eT>eA||eT>eX||0===eX||eT/(null==ej||null==(em=ej.redemptionRate)?void 0:em.redemptionPoint)>eb+(null==ev?void 0:ev.discount),children:(0,n.jsx)(J,{children:null==(ex=eU[eK])?void 0:ex.replace("%s",(0,b.$R)(eT))})})})]}):(0,n.jsxs)("div",{children:[(0,n.jsxs)(D,{children:[(0,n.jsxs)(z,{children:[(0,n.jsx)(_,{children:(0,n.jsx)(et,{children:ek("OrderSummary.Lotus'sPoints.Title")})}),(0,n.jsx)(F,{src:S.A.siteCode===w.b.THAILAND_SITE?(0,P.b)(M.N.LotusClubcardIcon):(0,P.b)(M.N.LotusClubcardIconMY)})]}),(0,n.jsx)(z,{style:{marginTop:36},children:(0,n.jsx)(J,{children:ek(eM?"OrderSummary.Lotus'sPoints.NotLoyalty.Description":"OrderSummary.Lotus'sPoints.Guest.Description")})}),(0,n.jsx)(l.A,{children:(0,n.jsx)(X,{src:(0,P.b)(M.N.LotusGraphic)})})]}),(0,n.jsx)(H,{children:eM?(0,n.jsx)(l.A,{marginTop:6,children:(0,n.jsx)(x.A,{id:"active-lotus-point-btn","data-cta-name-en":"Active","data-cta-name-th":"คล่องแคล่ว","data-cta-type":"Button",fullWidth:!0,onClick:()=>{"ONLINE"===ez&&"loyalty"!==e_?(eS(v._.actions.saveCurrentPath({path:ew})),(0,g.p0)((0,f.Ay)("formRegisterInformation"))):eG||(eS(v._.actions.saveCurrentPath({path:ew})),(0,g.p0)((0,f.Ay)("myLotusUpdate")))},children:(0,n.jsx)(J,{children:ek("General.Activate")})})}):(0,n.jsxs)(l.A,{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",children:[(0,n.jsx)(l.A,{marginBottom:1,width:"100%",children:(0,n.jsx)(x.A,{id:"login-lotus-point-btn","data-cta-name-en":"Login","data-cta-name-th":"เข้าสู่ระบบ","data-cta-type":"Button",fullWidth:!0,onClick:e2.bind("","login"),children:(0,n.jsx)(J,{children:ek("General.LogIn")})})}),(0,n.jsx)(x.A,{id:"register-lotus-point-btn","data-cta-name-en":"Register","data-cta-name-th":"ลงทะเบียน","data-cta-type":"Button",fullWidth:!0,white:!0,onClick:e2.bind("","register"),children:(0,n.jsx)(K,{children:ek("General.Register")})})]})})]})})})}},65044:(e,t,o)=>{o.r(t),o.d(t,{default:()=>g});var n=o(37876),r=o(35268),i=o(62034),l=o(92003),s=o(38833),d=o(49376),a=o(48948);let c=(0,d.b)("/images/clm_maintenance.svg"),u=(0,r.Ay)(i.A)(e=>{let{theme:t}=e;return{width:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",[t.breakpoints.only("mobile")]:{justifyContent:"start",alignItems:"start"}}}),p=(0,r.Ay)("img")(e=>{let{theme:t}=e;return{width:160,height:160,marginBottom:24,[t.breakpoints.only("mobile")]:{marginBottom:16}}}),m=(0,r.Ay)(i.A)(e=>{let{theme:t}=e;return{display:"flex",flexDirection:"column",gap:12,alignItems:"center",marginBottom:48,maxWidth:569,[t.breakpoints.only("mobile")]:{ga

1p:16,alignItems:"start",marginBottom:24}}}),x=(0,r.Ay)(l.A)(e=>{let{theme:t}=e;return{fontSize:27,lineHeight:"41px",fontWeight:700,color:"#424242",textAlign:"center",[t.breakpoints.only("mobile")]:{textAlign:"start"}}}),h=(0,r.Ay)(l.A)(e=>{let{theme:t}=e;return{fontSize:18,lineHeight:"28px",fontWeight:500,color:"#6B6B6B",textAlign:"center",[t.breakpoints.only("mobile")]:{textAlign:"start"}}}),y=(0,r.Ay)(s.A)(e=>{let{theme:t}=e;return{minWidth:280,fontSize:18,lineHeight:"28px",fontWeight:700,[t.breakpoints.only("mobile")]:{minWidth:"100%"}}}),g=e=>{let{textButton:t=null,onClickButton:o,className:r,style:i,buttonStyle:l}=e,s=(0,a.ok)();return(0,n.jsxs)(u,{style:i,className:r,children:[(0,n.jsx)(p,{src:c,alt:"Maintenance Mode"}),(0,n.jsxs)(m,{children:[(0,n.jsx)(x,{children:s("MA.Title")}),(0,n.jsx)(h,{children:s("MA.Mordal.Cart.Description")})]}),t&&o&&(0,n.jsx)(y,{align:"center",onClick:o,style:l,children:t})]})}}}]);