https://www.storhub.com.hk/_next/static/chunks/5194.fa69f885d90114b0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5194],{25194:(e,l,t)=>{t.r(l),t.d(l,{ListItem:()=>_,default:()=>T});var i=t(10762),s=t(52162),n=t(80060),d=t.n(n),a=t(27620),o=t(85875),r=t(56423),c=t(73040);let x=e=>e?"".concat(Number((null==e?void 0:e.length)*(null==e?void 0:e.width)*(null==e?void 0:e.height)).toFixed(2)," m\xb3"):"";var m=t(53737),u=t(64393),v=t(47147),h=t(2255),j=t(54878),b=t(39379),f=t(75350),p=t(88769),y=t(62635),g=t(79799),N=t(14464),w=t(77260);let _=e=>{let{leadingText:l,trailingText:t,styles:s="text-xs gap-3"}=e;return(0,i.jsxs)("li",{className:(0,a.A)("flex justify-between",s),children:[(0,i.jsx)("div",{className:"text-lightGray font-semibold",children:l}),(0,i.jsx)("div",{children:t})]})},T=e=>{var l,t,n,T,A,M,G,P,S;let{onEditMoveInDate:F,onEditUserInfo:C}=e,k=(0,b.useTranslations)(),I=(0,s.useContext)(f.l),{user:O}=(0,p.A)(),E=(0,w.U)(),{activeOrder:Y,bookingPromotions:D,unitType:L,building:U,brand:B,unit:V,unitTypeGroup:H,bookingSetting:R}=(0,s.useContext)(y.g),{orderPromotion:J}=(0,h.Y$)({order:Y,taxMode:null==I?void 0:I.taxMode,promotions:D}),X=(null==H?void 0:H.image)&&"object"==typeof H.image&&"url"in H.image?H.image.url:"",$=null==R?void 0:R.enableNewBookingInterface;return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:(0,a.A)(" border-x border-x-lightGray-600 rounded-xl bg-white border-b border-b-lightGray-600 w-full md:w-[640px] text-sm mx-auto leading-4 mt-3 md:mt-[30px] overflow-hidden"),children:[!$&&(0,i.jsx)("div",{className:"h-1 w-full bg-primary"}),(0,i.jsxs)("div",{className:(0,a.A)("space-y-2.5 bg-white border-bw-full text-sm mx-auto leading-4 bg-transparent py-[12px] px-[10px] md:py-[24px] md:px-[30px] font-medium"),children:[(0,i.jsxs)("div",{children:[!$&&(0,i.jsx)("p",{className:"font-bold text-[14px] leading-[24px]",children:k("unit_and_location")}),(0,i.jsxs)("div",{className:(0,N.cn)($?"flex flex-row items-start":"mt-2 flex gap-3 items-center"),children:[(0,i.jsx)("div",{className:(0,N.cn)($?"relative w-[90px] h-[90px] md:w-[70px] md:h-[70px] overflow-hidden":"relative w-[46px] h-[46px]"),children:(0,i.jsx)(o.default,{src:X||"/assets/unit_types/locker.webp",alt:"thumbnail",fill:!0,className:(0,N.cn)($?"object-cover":"absolute top-0 left-0 object-contain"),priority:!0})}),(0,i.jsx)("div",{className:(0,N.cn)($?"flex-grow flex-1":"flex flex-col gap-1"),children:$?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"px-2.5 py-[5px]",children:(0,i.jsx)(g.A,{unitType:L,isPreview:!0})}),(0,i.jsx)("div",{className:"flex flex-row items-start align-middle md:mt-2.5",children:(0,i.jsxs)("div",{className:"flex flex-col ml-2.5 text-base",children:[(0,i.jsx)("div",{className:"flex-auto font-bold",children:null==U?void 0:U.name}),(0,i.jsx)("div",{className:"flex-auto mb-[2.5px]  ",children:"".concat(null==L?void 0:null===(l=L.title)||void 0===l?void 0:l.en)})]})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{className:"font-bold text-[16px]",children:null==L?void 0:null===(t=L.title)||void 0===t?void 0:t.en}),(0,i.jsx)("p",{className:"font-medium text-[#808080]",children:null==U?void 0:U.name}),(0,i.jsx)("p",{className:"font-medium text-[#808080]",children:null==U?void 0:U.address})]})})]})]}),(0,i.jsx)("div",{className:(0,a.A)("mt-3 md:mt-6 border-b border-dashed border-b-lightGray-600 h-1")}),(0,i.jsx)("div",{children:(0,i.jsxs)("div",{className:"flex justify-between",children:[(0,i.jsx)("p",{className:(0,N.cn)("font-bold  mb-3",$&&"text-[var(--storhub-blue)]"),children:k("your_details")}),C&&(0,i.jsx)("p",{className:"text-secondary font-medium cursor-pointer",onClick:()=>C(),children:k("edit")})]})}),(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("dt",{className:"text-lightGray",children:k("move_in_date")}),(null==Y?void 0:null===(n=Y.invoicePreview)||void 0===n?void 0:n.startDate)&&(0,i.jsxs)("dt",{children:[F&&(0,i.jsx)("p",{className:"text-[#004A98] justify-end text-right font-xs cursor-pointer",onClick:F,children:k("edit")}),(0,i.jsx)("span",{className:"font-bold",children:d()(null==Y?void 0:null===(T=Y.invoicePreview)||void 0===T?void 0:T.startDate).format("DD MMM YYYY")})]})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("dt",{className:"text-lightGray",children:k("your_name")}

1),(0,i.jsx)("dd",{className:"font-bold",children:null==O?void 0:O.name})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("dt",{className:"text-lightGray",children:k("email_address")}),(0,i.jsx)("dd",{className:"font-bold",children:(null==O?void 0:O.email)||""})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("dt",{className:"text-lightGray",children:k("contact_number")}),(0,i.jsx)("dd",{className:"font-bold",children:(null==O?void 0:O.phone)?null==O?void 0:O.phone:""})]}),(0,i.jsx)("div",{className:(0,a.A)("mt-3 md:mt-6 border-b border-dashed border-b-lightGray-600",V&&"pb-3"),children:(0,i.jsx)("ul",{className:"slide-in-top space-y-1 mt-2",children:V&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{leadingText:k("room_number"),trailingText:null==V?void 0:V.name,styles:"text-sm !mt-2.5"}),(0,i.jsx)(_,{leadingText:k("unit_type"),trailingText:null==L?void 0:null===(A=L.title)||void 0===A?void 0:A.en,styles:"text-sm !mt-2.5"}),(0,i.jsx)(_,{leadingText:k("floor"),trailingText:"".concat(null==V?void 0:V.floor,"F"),styles:"text-sm !mt-2.5"}),(0,i.jsx)(_,{leadingText:k("dimension"),trailingText:"".concat(null==V?void 0:V.length," x ").concat(null==V?void 0:V.width," x ").concat(null==V?void 0:V.height),styles:"text-sm !mt-2.5"}),(0,i.jsx)(_,{leadingText:k("volume"),trailingText:x(V),styles:"text-sm !mt-2.5"})]})})}),(0,i.jsx)("div",{className:"flex items-center justify-between ",children:(0,i.jsx)("p",{className:(0,N.cn)("font-bold text-[14px] leading-[24px]",$&&"text-[var(--storhub-blue)]"),children:k("payment")})}),null===(M=(0,u.Jr)(null==Y?void 0:Y.invoicePreview))||void 0===M?void 0:M.map(e=>{let l=(null==I?void 0:I.taxMode)===r.O4.INCLUSIVE?null==e?void 0:e.total:null==e?void 0:e.subtotal,t=-1===Math.sign(l);return t?null:(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("dt",{className:t?"text-primary":"text-lightGray",children:"".concat(m.yu[null==e?void 0:e.desc]?k(m.yu[null==e?void 0:e.desc]):null==e?void 0:e.desc," ").concat((null==I?void 0:I.taxMode)===r.O4.INCLUSIVE&&(null==e?void 0:e.desc)==="Rent"&&"(".concat(k("including_10_GST"),")")||"")}),(0,i.jsx)("dd",{className:(0,a.A)({"text-primary":t}),children:(0,c.ej)({amount:l,currencySymbol:null==B?void 0:B.currencySymbol})})]},e.id)}),(null==I?void 0:I.taxMode)===r.O4.EXCLUSIVE&&[(null==Y?void 0:null===(P=Y.invoicePreview)||void 0===P?void 0:null===(G=P.entries)||void 0===G?void 0:G.reduce((e,l)=>{let{tax:t}=l;return e+t},0))||0].map(e=>(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("dt",{className:"text-lightGray",children:k("GST")}),(0,i.jsx)("dd",{children:(0,c.ej)({amount:e,currencySymbol:null==B?void 0:B.currencySymbol})})]},e)),(0,i.jsx)(v.A,{orderPromotion:J,taxMode:null==I?void 0:I.taxMode}),Y&&(0,i.jsxs)("div",{className:(0,a.A)("items-center border-lightBlue-200  justify-between font-bold leading-3 md:leading-4","flex"),children:[(0,i.jsxs)("dt",{className:"text-sm md:text-base",children:[k("total_estimated_cost"),(null==Y?void 0:Y.prepayPeriods)!==j.p.MONTH_TO_MONTH&&" (".concat(null==Y?void 0:Y.prepayPeriods," months)")]}),(0,i.jsx)("dd",{className:"text-sm md:text-base",children:E(null==Y?void 0:null===(S=Y.invoicePreview)||void 0===S?void 0:S.total)})]})]})]})})}},47147:(e,l,t)=>{t.d(l,{A:()=>x});var i=t(10762),s=t(52162),n=t(27620),d=t(73040),a=t(64393),o=t(39379),r=t(62635),c=t(33694);let x=e=>{var l,t,x,m,u,v,h;let{orderPromotion:j,taxMode:b,isReceipt:f=!1,storagePrice:p}=e,y=(0,o.useTranslations)(),{activeOrder:g,brand:N,selectedPromotion:w,bookingSetting:_}=(0,s.useContext)(r.g),T=null==_?void 0:_.enableNewBookingInterface;return(0,i.jsx)(i.Fragment,{children:T&&(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:(0,n.A)(f&&"space-y-1"),children:[(0,i.jsx)("p",{className:(0,n.A)("font-bold",f?"text-xs":"text-sm"),children:y("promotion")}),(0,i.jsx)("div",{className:(0,n.A)("flex items-center font-medium justify-between leading-3 md:leading-4",f?"text-xs":"text-sm"),children:j&&g?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("dt",{children:null==j?void 0:null===(t=j.json)||void 0===t?void 0:null===(l=t.title)||void 0===l?void 0:l.en}),(0,i.jsx)("dd",{className:(0,n.A)("font-bold text-[var(--storhub-orange)] font-sans"),children:(0,d.ej)({amount:(0,a.Fe)({invoicePreview:null==g?void 0:g.invoicePreview,taxMode:b}),currencySymbol:N.currencySymbol})})]}):w?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("dt",{children:null!==(h=null==w?void 0:null===(m=w.json)||void 0===m?void 0:null===(x=m.title)||void 0===x?void 0:x.en)&&void 0!==h?h:""}),(0,i.jsxs)("dd",{className:(0,n.A)("font-bold text-[var(--storhub-orange)] font-sans"),children:["-",(0,d.ej)({amount:(0,

1c.s)({promotionRules:null==w?void 0:null===(u=w.json)||void 0===u?void 0:u.rules,originalPrice:Number(p),prepayMonths:null==w?void 0:null===(v=w.json)||void 0===v?void 0:v.paymentPeriod}),currencySymbol:N.currencySymbol})]})]}):""})]})})})}}}]);