{"version":3,"sources":["CustomerInformation/GetCustomerInformation.ts","OrderHistory/OrderInformationMobile.tsx","OrderHistory/OrderInformation.tsx","OrderConfirmation/OrderConfirmationPage.tsx","Cart/Cart.ts","Shared/Icons/ArrowLeftIconPrimary.tsx"],"names":["abortController","AbortController","GetMyInformation","channelId","requestToken","url","a","abort","signal","litiumContext","JSON","stringify","channelSystemId","Fetcher","data","resolve","OrderHistoryComponentWrapper","styled","div","backgroundColor","theme","primaryBackground","borderRadius","BackLinkWrapper","display","BackLink","span","fontSize","gamma","color","linkColor","cursor","textDecoration","paddingLeft","ArrowLeftIcon","ArrowLeftIconPrimary","TrackingLink","KexLink","beta","marginBottom","overflowWrap","CustomerInformationComponent","padding","xy","huge","marginTop","border","style","width","tiny","grayLine","productHeading","Heading","h2","larger","black","margin","bottom","ItemHeading","h3","delta","fontWeight","Item","p","breadText","pseudo","OrderItemsTable","y","spacing","borderTopColor","borderTopStyle","borderTopWidth","Array","justifyContent","alignItems","lineHeight","x","white","ArrayItem","textAlign","wordBreak","whiteSpace","overflow","textOverflow","ProductLink","ArrayItemHeading","marginRight","TotalSumArea","paddingTop","borderTop","BottomSection","top","BottomSectionTop","BottomSectionLeft","flexDirection","BottomSectionRight","ItemLabel","TotalSum","epsilon","TotalSumValue","OrderInformationMobile","onClick","order","orderConfirmation","useAppSettingsData","translations","orderDateLabel","orderNumberLabel","statusLabel","totalSumLabel","freightCosLabel","informationHeadingLabel","backLinkLabel","quantityLabel","totalLabel","priceLabel","productsLabel","trackingLinkLabel","languageRoute","customerId","useUserStateData","useCurrentPage","useState","customerInformation","setCustomerInformation","useEffect","then","companyName","deliveryAddress","street","data-large","postalCode","city","externalOrderID","orderDate","status","trackingLink","href","orderRows","map","orderRow","key","name","data-whitebackground","link","quantity","unitPrice","totalPrice","orderGrandTotal","orderTotalDeliveryCost","maxWidth","theta","fill","zeta","LeftSection","paddingBottom","RightSection","borderCollapse","large","tableLayout","ArrayDesktopHeading","borderBottomColor","borderBottomStyle","borderBottomWidth","ArrayDesktopItems","StyledDivider","Divider","OrderInformation","data-orderconfirmation","OrderConfirmationPage","pageHeading","subHeading","GetCart","isDesktop","useMedia","mediaQuery","mediaMinLarge","PageWrapper","Intro","dangerouslySetInnerHTML","__html","media","h1","font","size","psi","weight","bold","hasMounted","cartUrl","requestVerificationToken","cart","setCart","pageCacheTime","isLoading","setIsLoading","fectchedCart","useSWR","FetchCart","initialData","undefined","revalidateOnFocus","IS_PRODUCTION_ENV","dedupingInterval","RemoveFromCart","productCode","fetch","method","headers","RequestVerificationToken","res","ok","json","notification","EventDispatcher","dispatch","NOTIFY_ACTION","mutate","UpdateCart","bookingNumber","updateQuantity","SetQuantity","EmptyCart","compose","Svg","height","css","xmlns","viewBox","d","transform"],"mappings":"wLAGIA,EAAmC,IAAIC,gBAEpC,SAAeC,EAAtB,sC,4CAAO,WACLC,EACAC,EACAC,GAHK,iBAAAC,EAAA,6DAKLN,EAAgBO,QAChBP,EAAkB,IAAIC,gBAChBO,EAASR,EAAgBQ,OAEzBC,EAAgBC,KAAKC,UAAU,CACnCC,gBAAiBT,IAVd,kBAYEU,YACLR,EACAG,GACA,SAACM,EAAMC,GACLA,EAAQD,KAEVL,EACAL,IAnBG,4C,0JCkIP,IAAMY,EAA+BC,IAAOC,IAAI,CAC9CC,gBAAiBC,IAAMC,kBACvBC,aAAc,SAGVC,EAAkBN,IAAOC,IAAI,CACjCM,QAAS,SAGLC,EAAWR,IAAOS,KAAK,CAC3BC,SAAUP,IAAMQ,MAChBC,MAAOT,IAAMU,UACbC,OAAQ,UACRC,eAAgB,YAChBC,YAAa,SAGTC,EAAgBjB,YAAOkB,IAAsB,CACjDN,MAAOT,IAAMU,YAGTM,EAAenB,YAAOoB,IAAS,CACnCR,MAAOT,IAAMU,UACbC,OAAQ,UACRJ,SAAUP,IAAMkB,KAChBC,aAAc,OACdP,eAAgB,YAChBQ,aAAc,eAGVC,EAA+BxB,IAAOC,IAAI,CAC9CwB,QAAS,CAAEC,GAAIvB,IAAMwB,MACrBtB,aAAc,OACduB,UAAW,OACXC,OAAQ,CACNH,GAAI,CACFI,MAAO,QACPC,MAAO5B,IAAM6B,KACbpB,MAAOT,IAAM8B,WAGjBX,aAAcnB,IAAM+B,iBAGhBC,EAAUnC,IAAOoC,GAAG,CACxB1B,SAAUP,IAAMkC,OAChBzB,MAAOT,IAAMmC,MACbC,OAAQ,CAAEC,OAAQ,UAGdC,EAAczC,IAAO0C,GAAG,CAC5B9B,MAAOT,IAAMmC,MACb5B,SAAUP,IAAMwC,MAChBC,WAAY,IACZtB,aAAc,QAGVuB,EAAO7C,IAAO8C,EAAP,aACXlC,MAAOT,IAAM4C,UACbrC,SAAUP,IAAMkB,KAChBC,aAAc,QACX0B,YAAO,CAAC,oCAAqC,CAC9C1B,aAAc,WAIZ2B,EAAkBjD,IAAOC,IAAI,CACjC8B,MAAO,OACPN,QAAS,CAAEyB,EAAG/C,IAAMgD,QAAQ,IAC5BC,eAAgBjD,IAAM8B,SACtBoB,eAAgB,QAChBC,eAAgB,QAGZC,EAAQvD,IAAOC,IAAP,aACZM,QAAS,OACTiD,eAAgB,gBAChBC,WAAY,SACZC,WAAY,SACZjC,QAAS,CAAEkC,EAAGxD,IAAMgD,QAAQ,GAAID,EAAG,SAChCF,YAAO,CAAC,8CAA+C,CACxD9C,gBAAiBC,IAAMyD,UAIrBC,EAAY7D,IAAOS,KAAK,CAC5BC,SAAUP,IAAMQ,MAChBmD,UAAW,QACXC,UAAW,aACXC,WAAY,SACZC,SAAU,SACVC,aAAc,WACdtD,MAAOT,IAAMmC,QAGT6B,EAAcnE,IAAOX,EAAE,CAC3BqB,SAAUP,IAAMQ,MAChBmD,UAAW,QACXC,UAAW,aACXC,WAAY,SACZC,SAAU,SACVC,aAAc,WACdtD,MAAOT,IAAMU,UACbC,OAAQ,UACRC,eAAgB,cAGZqD,EAAmBpE,IAAOS,KAAK,CACnCG,MAAOT,IAAM4C,UACbrC,SAAUP,IAAMkB,KAChBgD,YAAa,SAGTC,EAAetE,IAAOC,IAAI,CAC9BW,MAAOT,IAAMmC,MACb/B,QAAS,OACTiD,eAAgB,gBAChBe,WAAYpE,IAAMgD,QAAQ,GAC1BqB,UAAW,CACT1C,MAAO,QACPC,MAAO5B,IAAM6B,KACbpB,MAAOT,IAAM8B,YAIXwC,EAAgBzE,IAAOC,IAAI,CAC/BC,gBAAiBC,IAAMyD,MACvBnC,QAAS,CACPkC,EAAGxD,IAAMgD,QAAQ,GACjBuB,IAAKvE,IAAMgD,QAAQ,GACnBX,OAAQrC,IAAMgD,QAAQ,IAExB9C,aAAc,SAGVsE,EAAmB3E,IAAOC,IAAI,CAClCM,QAAS,OACTiD,eAAgB,kBAGZoB,EAAoB5E,IAAOC,IAAI,CACnCM,QAAS,OACTsE,cAAe,WAGXC,EAAqB9E,IAAOC,IAAI,CACpCM,QAAS,OACTsE,cAAe,SACfpB,WAAY,aAGRsB,EAAY/E,IAAOS,KAAK,CAC5Ba,aAAcnB,IAAMgD,QAAQ,GAC5BzC,SAAUP,IAAMQ,QAGZqE,EAAWhF,IAAOS,KAAK,CAC3BC,SAAUP,IAAM8E,QAChBrC,WAAY,MAGRsC,EAAgBlF,IAAOS,KAAK,CAChCC,SAAUP,IAAMwC,MAChBC,WAAY,MAGCuC,IA1Rf,YAIc,IAAD,MAHXC,EAGW,EAHXA,QACAC,EAEW,EAFXA,MACAC,EACW,EADXA,kBACW,EAkBPC,cAlBO,IAETC,aAC8BC,EAHrB,EAGP,4BAC8BC,EAJvB,EAIP,8BACyBC,EALlB,EAKP,yBACqBC,EANd,EAMP,qBACkCC,EAP3B,EAOP,kCACsBC,EARf,EAQP,sBACmBC,EATZ,EASP,mBACmBC,EAVZ,EAUP,mBACgBC,EAXT,EAWP,gBACgBC,EAZT,EAYP,gBACuBC,EAbhB,EAaP,uBAC+BC,EAdxB,EAcP,+BAEFC,EAhBS,EAgBTA,cACAlH,EAjBS,EAiBTA,aAGMmH,EAAeC,cAAfD,WACApH,EAAcsH,cAAdtH,UACFE,GAAG,eAAWiH,EAAX,iDAAiEC,GAtB/D,GAuB2CG,qBAvB3C,qBAuBJC,GAvBI,MAuBiBC,GAvBjB,MAkCX,OAPAC,qBAAU,WACRN,GACErH,YAAiBC,EAAWC,EAAcC,IAAKyH,MAC7C,SAAAhH,GAAI,OAAIA,GAAQ8G,GAAuB9G,QAE1C,CAACX,IAGF,oCACE,kBAACa,EAAD,MACIuF,GACA,kBAAChF,EAAD,KACE,kBAACW,EAAD,MACA,kBAACT,EAAD,CAAU4E,QAASA,GAAUW,IAGjC,kBAACvE,EAAD,KACE,kBAACW,EAAD,KAAU2D,GACV,kBAACjD,EAAD,YAAO6D,SAAP,IAAOA,QAAP,EAAOA,GAAqBI,aAC5B,kBAACjE,EAAD,YAAO6D,SAAP,IAAOA,IAAP,UAAOA,GAAqBK,uBAA5B,aAAO,EAAsCC,QAC7C,kBAACnE,EAAD,CAAMoE,aAAW,QAAjB,OACGP,SADH,IACGA,IADH,UACGA,GAAqBK,uBADxB,aACG,EAAsCG,WADzC,WAEGR,SAFH,IAEGA,IAFH,UAEGA,GAAqBK,uBAFxB,aAEG,EAAsCI,MAGzC,kBAAC1E,EAAD,KAAciD,GACd,kBAAC7C,EAAD,KAAOwC,EAAM+B,iBACb,kBAAC3E,EAAD,KAAcgD,GACd,kBAAC5C,EAAD,KAAOwC,EAAMgC,WACb,kBAAC5E,EAAD,KAAckD,GACd,kBAAC9C,EAAD,KAAOwC,EAAMiC,QACZjC,EAAMkC,cACL,oCACE,kBAAC9E,EAAD,KAAc2D,GACd,kBAACjF,EAAD,CAAcqG,KAAMnC,EAAMkC,cACvBlC,EAAMkC,gBAMdlC,EAAMoC,UAAUC,KAAI,SAACC,GAAD,aACnB,kBAAC1E,EAAD,CAAiB2E,IAAKD,EAASE,MAC7B,kBAACtE,EAAD,CAAOuE,uBAAqB,QAC1B,kBAAC1D,EAAD,KAAmB+B,GACnB,kBAAChC,EAAD,CAAaqD,KAAI,UAAEG,EAASI,YAAX,aAAE,EAAeP,MAC/BG,EAASE,OAGd,kBAACtE,EAAD,KACE,kBAACa,EAAD,KAAmB4B,GACnB,kBAACnC,EAAD,KAAY8D,EAASK,WAEvB,kBAACzE,EAAD,CAAOuE,uBAAqB,QAC1B,kBAAC1D,EAAD,KAAmB8B,GACnB,kBAACrC,EAAD,KAAY8D,EAASM,YAEvB,kBAAC1E,EAAD,KACE,kBAACa,EAAD,KAAmB6B,GACnB,kBAACpC,EAAD,KAAY8D,EAASO,iBAK3B,kBAACzD,EAAD,KACE,kBAACE,EAAD,KACE,kBAACC,EAAD,KACE,kBAACG,EAAD,KAAYa,GACZ,kBAACb,EAAD,KAAYc,EAAZ,MAEF,kBAACf,EAAD,KACE,kBAACC,EAAD,KAAYM,EAAM8C,iBAClB,kBAACpD,EAAD,KAAYM,EAAM+C,0BAGtB,kBAAC9D,EAAD,KACE,kBAACU,EAAD,KAAWY,GACX,kBAACV,EAAD,KAAgBG,EAAM8C,uB,0ICKlC,IAAMpI,EAA+BC,IAAOC,IAAP,aACnCC,gBAAiBC,IAAMC,kBACvBC,aAAc,OACdgI,SAAU,SACPrF,YAAO,CAAC,gDAAiD,CAC1DqF,SAAU,QACV9F,OAAQ,CAAEoB,EAAG,YAIXnC,EAA+BxB,IAAOC,IAAI,CAC9CM,QAAS,OACTiD,eAAgB,gBAChB/B,QAAS,CAAEC,GAAIvB,IAAMmI,OACrBjI,aAAc,OACduB,UAAW,OACXC,OAAQ,CACNH,GAAI,CACFI,MAAO,QACPC,MAAO5B,IAAM6B,KACbpB,MAAOT,IAAM8B,WAGjBX,aAAcnB,IAAM+B,iBAGhBiC,EAAcnE,IAAOX,EAAE,CAC3BqB,SAAUP,IAAMQ,MAChBmD,UAAW,QACXC,UAAW,aACXC,WAAY,SACZC,SAAU,SACVC,aAAc,WACdtD,MAAOT,IAAMU,UACbC,OAAQ,UACRC,eAAgB,YAChB2C,WAAY,WAGRpD,EAAkBN,IAAOC,IAAI,CACjCM,QAAS,SAGLC,EAAWR,IAAOX,EAAE,CACxBqB,SAAUP,IAAMQ,MAChBC,MAAOT,IAAMU,UACbC,OAAQ,UACRC,eAAgB,YAChBC,YAAa,SAGTC,EAAgBjB,YAAOkB,IAAsB,CACjDqH,KAAMpI,IAAMU,YAGRsB,EAAUnC,IAAOoC,GAAG,CACxB1B,SAAUP,IAAMqI,KAChB5H,MAAOT,IAAMmC,MACbC,OAAQ,CAAEC,OAAQ,UAGdiG,EAAczI,IAAOC,IAAI,IAEzBwC,EAAczC,IAAO0C,GAAG,CAC5B9B,MAAOT,IAAMmC,MACb5B,SAAUP,IAAMwC,MAChBC,WAAY,IACZtB,aAAc,QAGVuB,EAAO7C,IAAO8C,EAAE,CACpBlC,MAAOT,IAAM4C,UACbrC,SAAUP,IAAMkB,KAChBC,aAAc,SAGVH,EAAenB,YAAOoB,IAAS,CACnCR,MAAOT,IAAMU,UACbC,OAAQ,UACRJ,SAAUP,IAAMkB,KAChBC,aAAc,OACdP,eAAgB,YAChBQ,aAAc,eAGV6C,EAAmBpE,IAAOS,KAAP,aACvBG,MAAOT,IAAM4C,UACbrC,SAAUP,IAAMkB,KAChBqH,cAAevI,IAAMgD,QAAQ,GAC7B5C,QAAS,aACTuD,UAAW,SACXJ,WAAY,UACTV,YAAO,CAAC,kBAAmB,CAC5BjB,MAAO,MACP+B,UAAW,YAIT6E,EAAe3I,IAAOC,IAAI,CAC9BoI,SAAU,UAGN/D,EAAetE,IAAOC,IAAI,CAC9BM,QAAS,OACTiD,eAAgB,kBAGZiB,EAAgBzE,IAAOC,IAAI,CAC/BW,MAAOT,IAAMmC,MACbpC,gBAAiBC,IAAMyD,MACvBnC,QAAS,CACPkC,EAAGxD,IAAMgD,QAAQ,GACjBuB,IAAKvE,IAAMgD,QAAQ,GACnBX,OAAQrC,IAAMgD,QAAQ,IAExB7B,aAAc,OACdjB,aAAc,SAGVsE,EAAmB3E,IAAOC,IAAI,CAClCM,QAAS,OACTiD,eAAgB,kBAGZoB,EAAoB5E,IAAOC,IAAI,IAE/B6E,EAAqB9E,IAAOC,IAAI,CACpCM,QAAS,OACTsE,cAAe,SACfpB,WAAY,aAGRsB,EAAY/E,IAAO8C,EAAE,CACzBxB,aAAc,OACdZ,SAAUP,IAAMQ,QAGZqE,EAAWhF,IAAO8C,EAAE,CACxBpC,SAAUP,IAAM8E,QAChBrC,WAAY,MAGRsC,EAAgBlF,IAAO8C,EAAE,CAC7BpC,SAAUP,IAAMwC,MAChBC,WAAY,MAGRK,EAAkBjD,IAAOC,IAAI,CACjCM,QAAS,QACTwB,MAAO,OACP6G,eAAgB,WAChBtH,aAAcnB,IAAM0I,MACpBC,YAAa,UAGTC,EAAsB/I,IAAOC,IAAI,CACrCM,QAAS,YACTyI,kBAAmB7I,IAAM8B,SACzBgH,kBAAmB,QACnBC,kBAAmB,QAGfC,EAAoBnJ,IAAOC,IAAP,aACxBM,QAAS,YACTyI,kBAAmB7I,IAAM8B,SACzBgH,kBAAmB,QACnBC,kBAAmB,OAChBlG,YAAO,CAAC,iBAAkB,CAC3BiG,kBAAmB,WAIjBpF,EAAY7D,IAAOS,KAAK,CAC5BC,SAAUP,IAAMQ,MAChBC,MAAOT,IAAMmC,MACbb,QAAS,CAAEyB,EAAG/C,IAAMgD,QAAQ,IAC5B5C,QAAS,aACTmD,WAAY,SACZI,UAAW,WAGPsF,EAAgBpJ,YAAOqJ,IAAS,CACpCtH,MAAO,OACP7B,gBAAiBC,IAAM8B,SACvBL,UAAW,QAGE0H,IA3Sf,YAA4E,IAAD,MAA/ClE,EAA+C,EAA/CA,QAASC,EAAsC,EAAtCA,MAAOC,EAA+B,EAA/BA,kBAA+B,EAkBrEC,cAlBqE,IAEvEC,aAC8BC,EAHyC,EAGrE,4BAC8BC,EAJuC,EAIrE,8BACyBC,EAL4C,EAKrE,yBACqBC,EANgD,EAMrE,qBACkCC,EAPmC,EAOrE,kCACsBC,EAR+C,EAQrE,sBACmBC,EATkD,EASrE,mBACmBC,EAVkD,EAUrE,mBACgBC,EAXqD,EAWrE,gBACgBC,EAZqD,EAYrE,gBACuBC,EAb8C,EAarE,uBAC+BC,EAdsC,EAcrE,+BAEFC,GAhBuE,EAgBvEA,cACAlH,GAjBuE,EAiBvEA,aAEMmH,GAAeC,cAAfD,WACApH,GAAcsH,cAAdtH,UACFE,GAAG,eAAWiH,GAAX,iDAAiEC,IArBD,GAsBnBG,qBAtBmB,qBAsBlEC,GAtBkE,MAsB7CC,GAtB6C,MAiCzE,OAPAC,qBAAU,WACRN,IACErH,YAAiBC,GAAWC,GAAcC,IAAKyH,MAC7C,SAAAhH,GAAI,OAAIA,GAAQ8G,GAAuB9G,QAE1C,CAACX,KAGF,oCACE,kBAACa,EAAD,CAA8BwJ,yBAAwBjE,IAClDA,GACA,kBAAChF,EAAD,KACE,kBAACW,EAAD,MACA,kBAACT,EAAD,CAAU4E,QAASA,GAAUW,IAGjC,kBAACvE,EAAD,KACE,kBAACiH,EAAD,KACE,kBAACtG,EAAD,KAAU2D,GACV,kBAACjD,EAAD,YAAO6D,SAAP,IAAOA,QAAP,EAAOA,GAAqBI,aAC5B,kBAACjE,EAAD,YAAO6D,SAAP,IAAOA,IAAP,UAAOA,GAAqBK,uBAA5B,aAAO,EAAsCC,QAC7C,kBAACnE,EAAD,YACG6D,SADH,IACGA,IADH,UACGA,GAAqBK,uBADxB,aACG,EAAsCG,WADzC,IACsD,IADtD,OAEGR,SAFH,IAEGA,IAFH,UAEGA,GAAqBK,uBAFxB,aAEG,EAAsCI,OAI3C,kBAACwB,EAAD,KACE,kBAAClG,EAAD,KAAciD,GACd,kBAAC7C,EAAD,KAAOwC,EAAM+B,iBACb,kBAAC3E,EAAD,KAAcgD,GACd,kBAAC5C,EAAD,KAAOwC,EAAMgC,WACb,kBAAC5E,EAAD,KAAckD,GACd,kBAAC9C,EAAD,KAAOwC,EAAMiC,QACZjC,EAAMkC,cACL,oCACE,kBAAC9E,EAAD,KAAc2D,GACd,kBAACjF,EAAD,CAAcqG,KAAMnC,EAAMkC,cACvBlC,EAAMkC,iBAOjB,kBAACtE,EAAD,KACE,kBAAC8F,EAAD,KACE,kBAAC3E,EAAD,KAAmB+B,GACnB,kBAAC/B,EAAD,KAAmB4B,GACnB,kBAAC5B,EAAD,KAAmB8B,GACnB,kBAAC9B,EAAD,KAAmB6B,IAEpBZ,EAAMoC,UAAUC,KAAI,SAACC,GAAD,aACnB,kBAACwB,EAAD,CAAmBvB,IAAKD,EAASE,MAC/B,kBAAC1D,EAAD,CAAaqD,KAAI,UAAEG,EAASI,YAAX,aAAE,EAAeP,MAC/BG,EAASE,MAEZ,kBAAChE,EAAD,KAAY8D,EAASK,UACrB,kBAACnE,EAAD,KAAY8D,EAASM,WACrB,kBAACpE,EAAD,KAAY8D,EAASO,iBAK3B,kBAACzD,EAAD,KACE,kBAACE,EAAD,KACE,kBAACC,EAAD,KACE,kBAACG,EAAD,KAAYa,GACZ,kBAACb,EAAD,KAAYc,EAAZ,MAEF,kBAACf,EAAD,KACE,kBAACC,EAAD,KAAYM,EAAM8C,iBAClB,kBAACpD,EAAD,KAAYM,EAAM+C,0BAGtB,kBAACgB,EAAD,MACA,kBAAC9E,EAAD,KACE,kBAACU,EAAD,KAAWY,GACX,kBAACV,EAAD,KAAgBG,EAAM8C,uB,0IClEnBqB,UA9Cf,WAAkC,IAAD,EACYhD,cAAnCnB,EADuB,EACvBA,MAAOoE,EADgB,EAChBA,YAAaC,EADG,EACHA,WAI5BC,cAL+B,MAmB3BpE,cAXFC,aAaIoE,GArByB,EAS3B,sBAT2B,EAU3B,yBAV2B,EAW3B,qBAX2B,EAY3B,sBAZ2B,EAa3B,yBAb2B,EAc3B,yBAd2B,EAe3B,qBAf2B,EAgB3B,4BAhB2B,EAiB3B,gCAIcC,YAAS1J,IAAM2J,WAAWC,gBAE5C,OACE,8BACG1E,EACC,kBAAC2E,EAAD,KACE,kBAAC7H,EAAD,KAAUsH,EAAV,KACA,kBAACQ,EAAD,CACEC,wBAAyB,CACvBC,OAAQT,KAGXE,EACC,kBAAC,IAAD,CAAkBvE,MAAOA,EAAOC,mBAAiB,IAEjD,kBAAC,IAAD,CAAwBD,MAAOA,EAAOC,mBAAiB,KAI3D,uCAQR,IAAM0E,EAAchK,IAAOC,IAAP,aAClBsE,WAAYpE,IAAMgD,QAAQ,IAC1BuF,cAAevI,IAAMgD,QAAQ,IAC7B1B,QAAS,CACPkC,EAAG,UAEFyG,YAAMN,aAAWC,cAAe,CACjC1B,SAAU,QACV9F,OAAQ,CAAEoB,EAAG,QACblC,QAAS,CACPkC,EAAG,OAKHxB,EAAUnC,IAAOqK,GAAP,aACdzJ,MAAOT,IAAMmC,MACbgI,KAAM,CAAEC,KAAMpK,IAAMqK,IAAKC,OAAQtK,IAAMyC,WAAW8H,MAClDpJ,aAAcnB,IAAMgD,QAAQ,IACzBiH,YAAMjK,IAAM2J,WAAWC,cAAe,CACvCrJ,SAAU,OACVgD,WAAY,OACZ9B,UAAWzB,IAAMgD,QAAQ,OAIvB8G,EAAQjK,IAAO8C,EAAE,CACrBlC,MAAOT,IAAMmC,MACboB,WAAY,Y,kSC5EV3E,EAAmC,IAAIC,gBACvC2L,GAAa,EACbC,EAAU,GACVpL,EAAgB,GAChBqL,EAA2B,GAOxB,SAASlB,IACd,IADwC,EAGhBlD,mBAFS,IADO,mBAGjCqE,EAHiC,KAG3BC,EAH2B,OAIexF,cAA/CyF,EAJgC,EAIhCA,cAAe3E,EAJiB,EAIjBA,cAAelH,EAJE,EAIFA,aAC9BD,EAAcsH,cAAdtH,UALgC,EAMNuH,oBAAkB,GANZ,mBAMjCwE,EANiC,KAMtBC,EANsB,KAOxCN,EAAO,eAAWvE,EAAX,iBAEP7G,EAAgBC,KAAKC,UAAU,CAC7BC,gBAAiBT,IAGnB2L,EAA2B1L,EAba,IAe1BgM,EAAiBC,YAAM,UAChCR,EADgC,YAEnC,kBAqHJ,SAAmBxL,EAAaI,GAC9BT,EAAgBO,QAEhB,IAAMC,GADNR,EAAkB,IAAIC,iBACSO,OAE/B,OAAOK,YACLR,EACAG,GACA,SAACM,EAAMC,GACDD,EAAKiL,MACPhL,EAAQD,EAAKiL,MAGfhL,EAAQD,KAEVL,GApIM6L,CAAU,GAAD,OAAIT,EAAJ,WAAsBpL,KACrC,CACE8L,iBAAaC,EACbC,kBAAmBC,IACnBC,iBAAkBV,IANdnL,KAqBR,OAXA+G,qBAAU,WACH+D,EAGCQ,IACFJ,EAAQI,GACRD,GAAa,IAJfP,GAAa,IAOd,CAACQ,IAEG,CAAEL,OAAMG,aAGV,SAAeU,EAAtB,oC,4CAAO,WACLC,EACAvF,GAFK,qBAAAhH,EAAA,6DAILuL,EAAO,eAAWvE,EAAX,iBAJF,SAKawF,MAAM,GAAD,OAAIjB,EAAJ,2BAA8BgB,GAAe,CAClEE,OAAQ,OACRC,QAAS,CACP,yBAA0BvM,EAC1BwM,yBAA0BnB,KATzB,YAKCoB,EALD,QAYGC,GAZH,iCAakCD,EAAIE,OAbtC,gBAaKrB,EAbL,EAaKA,KAAMsB,EAbX,EAaWA,aACdC,IAAgBC,SAASC,IAAeH,GACxCI,YAAO,GAAD,OAAI5B,EAAJ,WAAsBE,GAAM,GAf/B,6C,sBAmBA,SAAe2B,EAAtB,0C,4CAAO,WACLb,EACA5D,EACA3B,EACAqG,EACAxB,GALK,uBAAA7L,EAAA,6DAOL6L,GAAgBA,GAAa,GAC7BN,EAAO,eAAWvE,EAAX,iBACDsG,EAAiB3E,EATlB,SAUa6D,MAAM,GAAD,OAClBjB,EADkB,uBACIgB,EADJ,0BACiCc,EADjC,qBAC2DC,GAChF,CACEb,OAAQ,OACRC,QAAS,CACP,yBAA0BvM,EAC1BwM,yBAA0BnB,KAhB3B,YAUCoB,EAVD,QAoBGC,GApBH,iCAqBkCD,EAAIE,OArBtC,uBAqBKrB,EArBL,EAqBKA,KAAMsB,EArBX,EAqBWA,aACdC,IAAgBC,SAASC,IAAeH,GACxCI,YAAO,GAAD,OAAI5B,EAAJ,WAAsBE,GAAM,GAClCI,GAAgBA,GAAa,GAxB1B,mBAyBI,GAzBJ,eA2BLA,GAAgBA,GAAa,GA3BxB,mBA4BE,GA5BF,6C,sBA+BA,SAAe0B,EAAtB,0C,4CAAO,WACLhB,EACAc,EACA1E,EACA3B,EACA6E,GALK,uBAAA7L,EAAA,6DAOL6L,GAAgBA,GAAa,GACvByB,EAAiB3E,EACvB4C,EAAO,eAAWvE,EAAX,iBATF,SAUawF,MAAM,GAAD,OAClBjB,EADkB,4BACSgB,EADT,0BACsCc,EADtC,qBACgEC,GACrF,CACEb,OAAQ,OACRC,QAAS,CACP,yBAA0BvM,EAC1BwM,yBAA0BnB,KAhB3B,YAUCoB,EAVD,QAoBGC,GApBH,iCAqBkCD,EAAIE,OArBtC,gBAqBKrB,EArBL,EAqBKA,KAAMsB,EArBX,EAqBWA,aACdC,IAAgBC,SAASC,IAAeH,GACxCI,YAAO,GAAD,OAAI5B,EAAJ,WAAsBE,GAAM,GAClCI,GAAgBA,GAAa,GAxB1B,6C,sBA4BA,SAAe2B,EAAtB,kC,4CAAO,WAAyBxG,GAAzB,qBAAAhH,EAAA,6DACLuL,EAAO,eAAWvE,EAAX,iBADF,SAEawF,MAAM,GAAD,OAAIjB,EAAJ,kBAA6B,CAClDkB,OAAQ,OACRC,QAAS,CACP,yBAA0BvM,EAC1BwM,yBAA0BnB,KANzB,YAECoB,EAFD,QASGC,GATH,iCAUkCD,EAAIE,OAVtC,uBAUKrB,EAVL,EAUKA,KAAMsB,EAVX,EAUWA,aACdC,IAAgBC,SAASC,IAAeH,GACxCI,YAAO,GAAD,OAAI5B,EAAJ,WAAsBE,GAAM,GAZ/B,mBAaI,GAbJ,6C,wDC5IP,2BAqBe9K,iBAjBf,YAAyD,IAAzB8M,EAAwB,EAAxBA,QAC9B,OACE,kBAAC,IAAOC,IAAR,CACEhL,MAAM,KACNiL,OAAO,KACPC,IAAKH,IACLI,MAAM,6BACNC,QAAQ,aAER,0BACEC,EAAE,oQACFC,UAAU","file":"Dist/build-client/static/js/OrderConfirmation-OrderConfirmationPage.460154eb.chunk.js","sourcesContent":["import Fetcher from '../Shared/Common/Fetcher';\r\nimport CustomerInformationModel from '../MyPagesPage/Models/CustomerInformationModel.interface';\r\n\r\nlet abortController: AbortController = new AbortController();\r\n\r\nexport async function GetMyInformation(\r\n  channelId: string,\r\n  requestToken: string,\r\n  url: string\r\n) {\r\n  abortController.abort();\r\n  abortController = new AbortController();\r\n  const signal = abortController.signal;\r\n\r\n  const litiumContext = JSON.stringify({\r\n    channelSystemId: channelId,\r\n  });\r\n  return Fetcher<any, CustomerInformationModel>(\r\n    url,\r\n    signal,\r\n    (data, resolve) => {\r\n      resolve(data);\r\n    },\r\n    litiumContext,\r\n    requestToken\r\n  );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { styled, theme } from '../Theme';\r\nimport { pseudo } from '@glitz/core';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\nimport PageModelBase from '../Shared/Models/PageModelBase.interface';\r\nimport { useUserStateData } from '../Shared/UserContextProvider/UserContextProvider';\r\nimport ArrowLeftIconPrimary from '../Shared/Icons/ArrowLeftIconPrimary';\r\nimport CustomerInformationModel from '../MyPagesPage/Models/CustomerInformationModel.interface';\r\nimport { GetMyInformation } from '../CustomerInformation/GetCustomerInformation';\r\nimport KexLink from '../Shared/KexLink/KexLink';\r\n\r\ntype PropType = {\r\n  onClick?: () => void;\r\n  order?: any;\r\n  orderConfirmation?: boolean;\r\n};\r\n\r\nfunction OrderInformationMobile({\r\n  onClick,\r\n  order,\r\n  orderConfirmation,\r\n}: PropType) {\r\n  const {\r\n    translations: {\r\n      'order/myOrders/orderDate': orderDateLabel,\r\n      'order/myOrders/orderNumber': orderNumberLabel,\r\n      'order/myOrders/status': statusLabel,\r\n      'miniCart/totalSum': totalSumLabel,\r\n      'checkoutPage/order/freightCost': freightCosLabel,\r\n      'common/information': informationHeadingLabel,\r\n      'common/backLink': backLinkLabel,\r\n      'common/quantity': quantityLabel,\r\n      'common/total': totalLabel,\r\n      'common/price': priceLabel,\r\n      'searchPage/products': productsLabel,\r\n      'order/myOrders/trackingLink': trackingLinkLabel,\r\n    },\r\n    languageRoute,\r\n    requestToken,\r\n  } = useAppSettingsData();\r\n\r\n  const { customerId } = useUserStateData();\r\n  const { channelId } = useCurrentPage<PageModelBase>();\r\n  const url = `/api/${languageRoute}/customer/GetMyInformation?customerId=${customerId}`;\r\n  const [customerInformation, setCustomerInformation] = useState<\r\n    CustomerInformationModel\r\n  >();\r\n\r\n  useEffect(() => {\r\n    customerId &&\r\n      GetMyInformation(channelId, requestToken, url).then(\r\n        data => data && setCustomerInformation(data)\r\n      );\r\n  }, [channelId]);\r\n\r\n  return (\r\n    <>\r\n      <OrderHistoryComponentWrapper>\r\n        {!orderConfirmation && (\r\n          <BackLinkWrapper>\r\n            <ArrowLeftIcon />\r\n            <BackLink onClick={onClick}>{backLinkLabel}</BackLink>\r\n          </BackLinkWrapper>\r\n        )}\r\n        <CustomerInformationComponent>\r\n          <Heading>{informationHeadingLabel}</Heading>\r\n          <Item>{customerInformation?.companyName}</Item>\r\n          <Item>{customerInformation?.deliveryAddress?.street}</Item>\r\n          <Item data-large=\"true\">\r\n            {customerInformation?.deliveryAddress?.postalCode},\r\n            {customerInformation?.deliveryAddress?.city}\r\n          </Item>\r\n\r\n          <ItemHeading>{orderNumberLabel}</ItemHeading>\r\n          <Item>{order.externalOrderID}</Item>\r\n          <ItemHeading>{orderDateLabel}</ItemHeading>\r\n          <Item>{order.orderDate}</Item>\r\n          <ItemHeading>{statusLabel}</ItemHeading>\r\n          <Item>{order.status}</Item>\r\n          {order.trackingLink && (\r\n            <>\r\n              <ItemHeading>{trackingLinkLabel}</ItemHeading>\r\n              <TrackingLink href={order.trackingLink}>\r\n                {order.trackingLink}\r\n              </TrackingLink>\r\n            </>\r\n          )}\r\n        </CustomerInformationComponent>\r\n\r\n        {order.orderRows.map((orderRow: any) => (\r\n          <OrderItemsTable key={orderRow.name}>\r\n            <Array data-whitebackground=\"true\">\r\n              <ArrayItemHeading>{productsLabel}</ArrayItemHeading>\r\n              <ProductLink href={orderRow.link?.href}>\r\n                {orderRow.name}\r\n              </ProductLink>\r\n            </Array>\r\n            <Array>\r\n              <ArrayItemHeading>{quantityLabel}</ArrayItemHeading>\r\n              <ArrayItem>{orderRow.quantity}</ArrayItem>\r\n            </Array>\r\n            <Array data-whitebackground=\"true\">\r\n              <ArrayItemHeading>{priceLabel}</ArrayItemHeading>\r\n              <ArrayItem>{orderRow.unitPrice}</ArrayItem>\r\n            </Array>\r\n            <Array>\r\n              <ArrayItemHeading>{totalLabel}</ArrayItemHeading>\r\n              <ArrayItem>{orderRow.totalPrice}</ArrayItem>\r\n            </Array>\r\n          </OrderItemsTable>\r\n        ))}\r\n\r\n        <BottomSection>\r\n          <BottomSectionTop>\r\n            <BottomSectionLeft>\r\n              <ItemLabel>{totalSumLabel}</ItemLabel>\r\n              <ItemLabel>{freightCosLabel} </ItemLabel>\r\n            </BottomSectionLeft>\r\n            <BottomSectionRight>\r\n              <ItemLabel>{order.orderGrandTotal}</ItemLabel>\r\n              <ItemLabel>{order.orderTotalDeliveryCost}</ItemLabel>\r\n            </BottomSectionRight>\r\n          </BottomSectionTop>\r\n          <TotalSumArea>\r\n            <TotalSum>{totalSumLabel}</TotalSum>\r\n            <TotalSumValue>{order.orderGrandTotal}</TotalSumValue>\r\n          </TotalSumArea>\r\n        </BottomSection>\r\n      </OrderHistoryComponentWrapper>\r\n    </>\r\n  );\r\n}\r\n\r\nconst OrderHistoryComponentWrapper = styled.div({\r\n  backgroundColor: theme.primaryBackground,\r\n  borderRadius: '10px',\r\n});\r\n\r\nconst BackLinkWrapper = styled.div({\r\n  display: 'flex',\r\n});\r\n\r\nconst BackLink = styled.span({\r\n  fontSize: theme.gamma,\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n  paddingLeft: '16px',\r\n});\r\n\r\nconst ArrowLeftIcon = styled(ArrowLeftIconPrimary, {\r\n  color: theme.linkColor,\r\n});\r\n\r\nconst TrackingLink = styled(KexLink, {\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  fontSize: theme.beta,\r\n  marginBottom: '15px',\r\n  textDecoration: 'underline',\r\n  overflowWrap: 'break-word',\r\n});\r\n\r\nconst CustomerInformationComponent = styled.div({\r\n  padding: { xy: theme.huge },\r\n  borderRadius: '10px',\r\n  marginTop: '25px',\r\n  border: {\r\n    xy: {\r\n      style: 'solid',\r\n      width: theme.tiny,\r\n      color: theme.grayLine,\r\n    },\r\n  },\r\n  marginBottom: theme.productHeading,\r\n});\r\n\r\nconst Heading = styled.h2({\r\n  fontSize: theme.larger,\r\n  color: theme.black,\r\n  margin: { bottom: '15px' },\r\n});\r\n\r\nconst ItemHeading = styled.h3({\r\n  color: theme.black,\r\n  fontSize: theme.delta,\r\n  fontWeight: 700,\r\n  marginBottom: '5px',\r\n});\r\n\r\nconst Item = styled.p({\r\n  color: theme.breadText,\r\n  fontSize: theme.beta,\r\n  marginBottom: '15px',\r\n  ...pseudo([':nth-child(n)[data-large=\"true\"]'], {\r\n    marginBottom: '25px',\r\n  }),\r\n});\r\n\r\nconst OrderItemsTable = styled.div({\r\n  width: '100%',\r\n  padding: { y: theme.spacing(5) },\r\n  borderTopColor: theme.grayLine,\r\n  borderTopStyle: 'solid',\r\n  borderTopWidth: '1px',\r\n});\r\n\r\nconst Array = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  alignItems: 'center',\r\n  lineHeight: '22.4px',\r\n  padding: { x: theme.spacing(4), y: '10px' },\r\n  ...pseudo([':nth-child(n)[data-whitebackground=\"true\"]'], {\r\n    backgroundColor: theme.white,\r\n  }),\r\n});\r\n\r\nconst ArrayItem = styled.span({\r\n  fontSize: theme.gamma,\r\n  textAlign: 'right',\r\n  wordBreak: 'break-word',\r\n  whiteSpace: 'nowrap',\r\n  overflow: 'hidden',\r\n  textOverflow: 'ellipsis',\r\n  color: theme.black,\r\n});\r\n\r\nconst ProductLink = styled.a({\r\n  fontSize: theme.gamma,\r\n  textAlign: 'right',\r\n  wordBreak: 'break-word',\r\n  whiteSpace: 'nowrap',\r\n  overflow: 'hidden',\r\n  textOverflow: 'ellipsis',\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n});\r\n\r\nconst ArrayItemHeading = styled.span({\r\n  color: theme.breadText,\r\n  fontSize: theme.beta,\r\n  marginRight: '10px',\r\n});\r\n\r\nconst TotalSumArea = styled.div({\r\n  color: theme.black,\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  paddingTop: theme.spacing(5),\r\n  borderTop: {\r\n    style: 'solid',\r\n    width: theme.tiny,\r\n    color: theme.grayLine,\r\n  },\r\n});\r\n\r\nconst BottomSection = styled.div({\r\n  backgroundColor: theme.white,\r\n  padding: {\r\n    x: theme.spacing(6),\r\n    top: theme.spacing(4),\r\n    bottom: theme.spacing(7),\r\n  },\r\n  borderRadius: '10px',\r\n});\r\n\r\nconst BottomSectionTop = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst BottomSectionLeft = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n});\r\n\r\nconst BottomSectionRight = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'flex-end',\r\n});\r\n\r\nconst ItemLabel = styled.span({\r\n  marginBottom: theme.spacing(6),\r\n  fontSize: theme.gamma,\r\n});\r\n\r\nconst TotalSum = styled.span({\r\n  fontSize: theme.epsilon,\r\n  fontWeight: 700,\r\n});\r\n\r\nconst TotalSumValue = styled.span({\r\n  fontSize: theme.delta,\r\n  fontWeight: 700,\r\n});\r\n\r\nexport default OrderInformationMobile;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { styled, theme } from '../Theme';\r\nimport Divider from '../Shared/Divider/Divider';\r\nimport { pseudo } from '@glitz/core';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\nimport PageModelBase from '../Shared/Models/PageModelBase.interface';\r\nimport { useUserStateData } from '../Shared/UserContextProvider/UserContextProvider';\r\nimport ArrowLeftIconPrimary from '../Shared/Icons/ArrowLeftIconPrimary';\r\nimport CustomerInformationModel from '../MyPagesPage/Models/CustomerInformationModel.interface';\r\nimport { GetMyInformation } from '../CustomerInformation/GetCustomerInformation';\r\nimport KexLink from '../Shared/KexLink/KexLink';\r\n\r\ntype PropType = {\r\n  onClick?: () => void;\r\n  order?: any;\r\n  orderConfirmation?: boolean;\r\n};\r\n\r\nfunction OrderInformation({ onClick, order, orderConfirmation }: PropType) {\r\n  const {\r\n    translations: {\r\n      'order/myOrders/orderDate': orderDateLabel,\r\n      'order/myOrders/orderNumber': orderNumberLabel,\r\n      'order/myOrders/status': statusLabel,\r\n      'miniCart/totalSum': totalSumLabel,\r\n      'checkoutPage/order/freightCost': freightCosLabel,\r\n      'common/information': informationHeadingLabel,\r\n      'common/backLink': backLinkLabel,\r\n      'common/quantity': quantityLabel,\r\n      'common/total': totalLabel,\r\n      'common/price': priceLabel,\r\n      'searchPage/products': productsLabel,\r\n      'order/myOrders/trackingLink': trackingLinkLabel,\r\n    },\r\n    languageRoute,\r\n    requestToken,\r\n  } = useAppSettingsData();\r\n  const { customerId } = useUserStateData();\r\n  const { channelId } = useCurrentPage<PageModelBase>();\r\n  const url = `/api/${languageRoute}/customer/GetMyInformation?customerId=${customerId}`;\r\n  const [customerInformation, setCustomerInformation] = useState<\r\n    CustomerInformationModel\r\n  >();\r\n\r\n  useEffect(() => {\r\n    customerId &&\r\n      GetMyInformation(channelId, requestToken, url).then(\r\n        data => data && setCustomerInformation(data)\r\n      );\r\n  }, [channelId]);\r\n\r\n  return (\r\n    <>\r\n      <OrderHistoryComponentWrapper data-orderconfirmation={orderConfirmation}>\r\n        {!orderConfirmation && (\r\n          <BackLinkWrapper>\r\n            <ArrowLeftIcon />\r\n            <BackLink onClick={onClick}>{backLinkLabel}</BackLink>\r\n          </BackLinkWrapper>\r\n        )}\r\n        <CustomerInformationComponent>\r\n          <LeftSection>\r\n            <Heading>{informationHeadingLabel}</Heading>\r\n            <Item>{customerInformation?.companyName}</Item>\r\n            <Item>{customerInformation?.deliveryAddress?.street}</Item>\r\n            <Item>\r\n              {customerInformation?.deliveryAddress?.postalCode},{' '}\r\n              {customerInformation?.deliveryAddress?.city}\r\n            </Item>\r\n          </LeftSection>\r\n\r\n          <RightSection>\r\n            <ItemHeading>{orderNumberLabel}</ItemHeading>\r\n            <Item>{order.externalOrderID}</Item>\r\n            <ItemHeading>{orderDateLabel}</ItemHeading>\r\n            <Item>{order.orderDate}</Item>\r\n            <ItemHeading>{statusLabel}</ItemHeading>\r\n            <Item>{order.status}</Item>\r\n            {order.trackingLink && (\r\n              <>\r\n                <ItemHeading>{trackingLinkLabel}</ItemHeading>\r\n                <TrackingLink href={order.trackingLink}>\r\n                  {order.trackingLink}\r\n                </TrackingLink>\r\n              </>\r\n            )}\r\n          </RightSection>\r\n        </CustomerInformationComponent>\r\n\r\n        <OrderItemsTable>\r\n          <ArrayDesktopHeading>\r\n            <ArrayItemHeading>{productsLabel}</ArrayItemHeading>\r\n            <ArrayItemHeading>{quantityLabel}</ArrayItemHeading>\r\n            <ArrayItemHeading>{priceLabel}</ArrayItemHeading>\r\n            <ArrayItemHeading>{totalLabel}</ArrayItemHeading>\r\n          </ArrayDesktopHeading>\r\n          {order.orderRows.map((orderRow: any) => (\r\n            <ArrayDesktopItems key={orderRow.name}>\r\n              <ProductLink href={orderRow.link?.href}>\r\n                {orderRow.name}\r\n              </ProductLink>\r\n              <ArrayItem>{orderRow.quantity}</ArrayItem>\r\n              <ArrayItem>{orderRow.unitPrice}</ArrayItem>\r\n              <ArrayItem>{orderRow.totalPrice}</ArrayItem>\r\n            </ArrayDesktopItems>\r\n          ))}\r\n        </OrderItemsTable>\r\n\r\n        <BottomSection>\r\n          <BottomSectionTop>\r\n            <BottomSectionLeft>\r\n              <ItemLabel>{totalSumLabel}</ItemLabel>\r\n              <ItemLabel>{freightCosLabel} </ItemLabel>\r\n            </BottomSectionLeft>\r\n            <BottomSectionRight>\r\n              <ItemLabel>{order.orderGrandTotal}</ItemLabel>\r\n              <ItemLabel>{order.orderTotalDeliveryCost}</ItemLabel>\r\n            </BottomSectionRight>\r\n          </BottomSectionTop>\r\n          <StyledDivider />\r\n          <TotalSumArea>\r\n            <TotalSum>{totalSumLabel}</TotalSum>\r\n            <TotalSumValue>{order.orderGrandTotal}</TotalSumValue>\r\n          </TotalSumArea>\r\n        </BottomSection>\r\n      </OrderHistoryComponentWrapper>\r\n    </>\r\n  );\r\n}\r\n\r\nconst OrderHistoryComponentWrapper = styled.div({\r\n  backgroundColor: theme.primaryBackground,\r\n  borderRadius: '10px',\r\n  maxWidth: '773px',\r\n  ...pseudo([':nth-child(n)[data-orderconfirmation=\"true\"]'], {\r\n    maxWidth: '900px',\r\n    margin: { x: 'auto' },\r\n  }),\r\n});\r\n\r\nconst CustomerInformationComponent = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  padding: { xy: theme.theta },\r\n  borderRadius: '10px',\r\n  marginTop: '45px',\r\n  border: {\r\n    xy: {\r\n      style: 'solid',\r\n      width: theme.tiny,\r\n      color: theme.grayLine,\r\n    },\r\n  },\r\n  marginBottom: theme.productHeading,\r\n});\r\n\r\nconst ProductLink = styled.a({\r\n  fontSize: theme.gamma,\r\n  textAlign: 'right',\r\n  wordBreak: 'break-word',\r\n  whiteSpace: 'nowrap',\r\n  overflow: 'hidden',\r\n  textOverflow: 'ellipsis',\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n  lineHeight: '25.6px',\r\n});\r\n\r\nconst BackLinkWrapper = styled.div({\r\n  display: 'flex',\r\n});\r\n\r\nconst BackLink = styled.a({\r\n  fontSize: theme.gamma,\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n  paddingLeft: '16px',\r\n});\r\n\r\nconst ArrowLeftIcon = styled(ArrowLeftIconPrimary, {\r\n  fill: theme.linkColor,\r\n});\r\n\r\nconst Heading = styled.h2({\r\n  fontSize: theme.zeta,\r\n  color: theme.black,\r\n  margin: { bottom: '15px' },\r\n});\r\n\r\nconst LeftSection = styled.div({});\r\n\r\nconst ItemHeading = styled.h3({\r\n  color: theme.black,\r\n  fontSize: theme.delta,\r\n  fontWeight: 700,\r\n  marginBottom: '5px',\r\n});\r\n\r\nconst Item = styled.p({\r\n  color: theme.breadText,\r\n  fontSize: theme.beta,\r\n  marginBottom: '15px',\r\n});\r\n\r\nconst TrackingLink = styled(KexLink, {\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  fontSize: theme.beta,\r\n  marginBottom: '15px',\r\n  textDecoration: 'underline',\r\n  overflowWrap: 'break-word',\r\n});\r\n\r\nconst ArrayItemHeading = styled.span({\r\n  color: theme.breadText,\r\n  fontSize: theme.beta,\r\n  paddingBottom: theme.spacing(3),\r\n  display: 'table-cell',\r\n  textAlign: 'center',\r\n  lineHeight: '22.4px',\r\n  ...pseudo([':first-of-type'], {\r\n    width: '50%',\r\n    textAlign: 'unset',\r\n  }),\r\n});\r\n\r\nconst RightSection = styled.div({\r\n  maxWidth: '200px',\r\n});\r\n\r\nconst TotalSumArea = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst BottomSection = styled.div({\r\n  color: theme.black,\r\n  backgroundColor: theme.white,\r\n  padding: {\r\n    x: theme.spacing(7),\r\n    top: theme.spacing(4),\r\n    bottom: theme.spacing(7),\r\n  },\r\n  marginBottom: '10px',\r\n  borderRadius: '10px',\r\n});\r\n\r\nconst BottomSectionTop = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst BottomSectionLeft = styled.div({});\r\n\r\nconst BottomSectionRight = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'flex-end',\r\n});\r\n\r\nconst ItemLabel = styled.p({\r\n  marginBottom: '20px',\r\n  fontSize: theme.gamma,\r\n});\r\n\r\nconst TotalSum = styled.p({\r\n  fontSize: theme.epsilon,\r\n  fontWeight: 700,\r\n});\r\n\r\nconst TotalSumValue = styled.p({\r\n  fontSize: theme.delta,\r\n  fontWeight: 700,\r\n});\r\n\r\nconst OrderItemsTable = styled.div({\r\n  display: 'table',\r\n  width: '100%',\r\n  borderCollapse: 'collapse',\r\n  marginBottom: theme.large,\r\n  tableLayout: 'fixed',\r\n});\r\n\r\nconst ArrayDesktopHeading = styled.div({\r\n  display: 'table-row',\r\n  borderBottomColor: theme.grayLine,\r\n  borderBottomStyle: 'solid',\r\n  borderBottomWidth: '1px',\r\n});\r\n\r\nconst ArrayDesktopItems = styled.div({\r\n  display: 'table-row',\r\n  borderBottomColor: theme.grayLine,\r\n  borderBottomStyle: 'solid',\r\n  borderBottomWidth: '1px',\r\n  ...pseudo([':last-of-type'], {\r\n    borderBottomStyle: 'none',\r\n  }),\r\n});\r\n\r\nconst ArrayItem = styled.span({\r\n  fontSize: theme.gamma,\r\n  color: theme.black,\r\n  padding: { y: theme.spacing(3) },\r\n  display: 'table-cell',\r\n  lineHeight: '25.6px',\r\n  textAlign: 'center',\r\n});\r\n\r\nconst StyledDivider = styled(Divider, {\r\n  width: '100%',\r\n  backgroundColor: theme.grayLine,\r\n  marginTop: '0px',\r\n});\r\n\r\nexport default OrderInformation;\r\n","import React from 'react';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\nimport OrderConfirmationPageModel from './Models/OrderConfirmationPageModel.interface';\r\nimport { styled, theme } from '../Theme';\r\nimport { media } from '@glitz/core';\r\nimport OrderInformationMobile from '../OrderHistory/OrderInformationMobile';\r\nimport OrderInformation from '../OrderHistory/OrderInformation';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport { mediaQuery } from '../Theme/mediaQueries';\r\nimport useMedia from '../Shared/Hooks/useMedia';\r\nimport { GetCart } from '../Cart/Cart';\r\n\r\nfunction OrderConfirmationPage() {\r\n  const { order, pageHeading, subHeading } = useCurrentPage<\r\n    OrderConfirmationPageModel\r\n  >();\r\n\r\n  GetCart();\r\n\r\n  const {\r\n    translations: {\r\n      'checkoutPage/items': itemsLabel,\r\n      'checkoutPage/delivery': deliveryLabel,\r\n      'checkoutPage/free': freeLabel,\r\n      'checkoutPage/total': totalLabel,\r\n      'checkoutPage/subtotal': subtotalLabel,\r\n      'checkoutPage/totalsum': totalsumLabel,\r\n      'checkoutPage/ship': shipLabel,\r\n      'checkoutPage/ordernumber': ordernumberLabel,\r\n      'checkoutPage/deliveryaddress': deliveryaddressLabel,\r\n    },\r\n  } = useAppSettingsData();\r\n\r\n  const isDesktop = useMedia(theme.mediaQuery.mediaMinLarge);\r\n\r\n  return (\r\n    <main>\r\n      {order ? (\r\n        <PageWrapper>\r\n          <Heading>{pageHeading} </Heading>\r\n          <Intro\r\n            dangerouslySetInnerHTML={{\r\n              __html: subHeading,\r\n            }}\r\n          />\r\n          {isDesktop ? (\r\n            <OrderInformation order={order} orderConfirmation />\r\n          ) : (\r\n            <OrderInformationMobile order={order} orderConfirmation />\r\n          )}\r\n        </PageWrapper>\r\n      ) : (\r\n        <></>\r\n      )}\r\n    </main>\r\n  );\r\n}\r\n\r\nexport default OrderConfirmationPage;\r\n\r\nconst PageWrapper = styled.div({\r\n  paddingTop: theme.spacing(10),\r\n  paddingBottom: theme.spacing(20),\r\n  padding: {\r\n    x: '7.5px',\r\n  },\r\n  ...media(mediaQuery.mediaMinLarge, {\r\n    maxWidth: '900px',\r\n    margin: { x: 'auto' },\r\n    padding: {\r\n      x: 0,\r\n    },\r\n  }),\r\n});\r\n\r\nconst Heading = styled.h1({\r\n  color: theme.black,\r\n  font: { size: theme.psi, weight: theme.fontWeight.bold },\r\n  marginBottom: theme.spacing(5),\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    fontSize: '32px',\r\n    lineHeight: '40px',\r\n    marginTop: theme.spacing(5),\r\n  }),\r\n});\r\n\r\nconst Intro = styled.p({\r\n  color: theme.black,\r\n  lineHeight: '28.8px',\r\n});\r\n","import { useEffect, useState } from 'react';\r\nimport useSWR, { mutate } from 'swr';\r\nimport IKexCart from './Models/KexCart.interface';\r\nimport Fetcher from '../Shared/Common/Fetcher';\r\nimport { IS_PRODUCTION_ENV } from '../Shared/Configs/EnvConfig';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport {\r\n  EventDispatcher,\r\n  NOTIFY_ACTION,\r\n} from '../Shared/Common/EventDispatcher';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\n\r\nlet abortController: AbortController = new AbortController();\r\nlet hasMounted = false;\r\nlet cartUrl = '';\r\nlet litiumContext = '';\r\nlet requestVerificationToken = '';\r\n\r\ntype CartReturnType = {\r\n  cart: IKexCart;\r\n  isLoading: boolean;\r\n};\r\n\r\nexport function GetCart(): CartReturnType {\r\n  const tempCartObject: IKexCart = {} as IKexCart;\r\n\r\n  const [cart, setCart] = useState<IKexCart>(tempCartObject);\r\n  const { pageCacheTime, languageRoute, requestToken } = useAppSettingsData();\r\n  const { channelId } = useCurrentPage();\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n\r\n  litiumContext = JSON.stringify({\r\n    channelSystemId: channelId,\r\n  });\r\n\r\n  requestVerificationToken = requestToken;\r\n\r\n  const { data: fectchedCart } = useSWR<IKexCart>(\r\n    `${cartUrl}GetCart`,\r\n    () => FetchCart(`${cartUrl}GetCart`, litiumContext),\r\n    {\r\n      initialData: undefined,\r\n      revalidateOnFocus: IS_PRODUCTION_ENV,\r\n      dedupingInterval: pageCacheTime,\r\n    }\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!hasMounted) {\r\n      hasMounted = true;\r\n    } else {\r\n      if (fectchedCart) {\r\n        setCart(fectchedCart);\r\n        setIsLoading(false);\r\n      }\r\n    }\r\n  }, [fectchedCart]);\r\n\r\n  return { cart, isLoading };\r\n}\r\n\r\nexport async function RemoveFromCart(\r\n  productCode: string,\r\n  languageRoute: string\r\n) {\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const res = await fetch(`${cartUrl}RemoveItem?code=${productCode}`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'litium-request-context': litiumContext,\r\n      RequestVerificationToken: requestVerificationToken,\r\n    },\r\n  });\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n  }\r\n}\r\n\r\nexport async function UpdateCart(\r\n  productCode: string,\r\n  quantity: number,\r\n  languageRoute: string,\r\n  bookingNumber?: string,\r\n  setIsLoading?: (value: boolean) => void\r\n) {\r\n  setIsLoading && setIsLoading(true);\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const updateQuantity = quantity;\r\n  const res = await fetch(\r\n    `${cartUrl}Update?code=${productCode}&bookingNumber=${bookingNumber}&quantity=${updateQuantity}`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'litium-request-context': litiumContext,\r\n        RequestVerificationToken: requestVerificationToken,\r\n      },\r\n    }\r\n  );\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n    setIsLoading && setIsLoading(false);\r\n    return true;\r\n  }\r\n  setIsLoading && setIsLoading(false);\r\n  return false;\r\n}\r\n\r\nexport async function SetQuantity(\r\n  productCode: string,\r\n  bookingNumber: string,\r\n  quantity: number,\r\n  languageRoute: string,\r\n  setIsLoading?: (value: boolean) => void\r\n) {\r\n  setIsLoading && setIsLoading(true);\r\n  const updateQuantity = quantity;\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const res = await fetch(\r\n    `${cartUrl}SetQuantity?code=${productCode}&bookingNumber=${bookingNumber}&quantity=${updateQuantity}`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'litium-request-context': litiumContext,\r\n        RequestVerificationToken: requestVerificationToken,\r\n      },\r\n    }\r\n  );\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n    setIsLoading && setIsLoading(false);\r\n  }\r\n}\r\n\r\nexport async function EmptyCart(languageRoute: string) {\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const res = await fetch(`${cartUrl}RemoveAllItems`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'litium-request-context': litiumContext,\r\n      RequestVerificationToken: requestVerificationToken,\r\n    },\r\n  });\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n    return true;\r\n  }\r\n}\r\n\r\nfunction FetchCart(url: string, litiumContext: string) {\r\n  abortController.abort();\r\n  abortController = new AbortController();\r\n  const signal = abortController.signal;\r\n\r\n  return Fetcher<IKexCart, any>(\r\n    url,\r\n    signal,\r\n    (data, resolve) => {\r\n      if (data.cart) {\r\n        resolve(data.cart);\r\n      }\r\n\r\n      resolve(data);\r\n    },\r\n    litiumContext\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { theme } from '../../Theme';\r\n\r\nfunction ArrowLeftIconPrimary({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 16 16\"\r\n    >\r\n      <path\r\n        d=\"M7.841 6.134c.18.168.208.437.08.636l-.055.071L1.65 13.5H15.5c.276 0 .5.224.5.5s-.224.5-.5.5H1.652l6.214 6.659c.167.18.177.45.035.64l-.06.067c-.18.167-.45.177-.64.035l-.067-.06-7-7.5c-.156-.168-.176-.417-.058-.606l.058-.076 7-7.5c.189-.202.505-.213.707-.025z\"\r\n        transform=\"translate(-512 -118) translate(512 112)\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(ArrowLeftIconPrimary);\r\n"],"sourceRoot":""}