{"version":3,"file":"dist/build-client/static/js/Pages-OrderDetailsPage-OrderDetailsPage.afb65920.chunk.js","mappings":"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","sources":["OrderComponent/OrderRowListing.tsx","Pages/OrderDetailsPage/OrderDetailsPage.tsx"],"sourcesContent":["import OrderDetailsModel from '../Order/Models/OrderDetailsModel.interface';\r\nimport OrderRowItem from '../Order/Models/OrderRowItem.interface';\r\nimport { useTranslationData } from '../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../stitches.config';\r\nimport OrderListingProductCard from './OrderListingProductCard';\r\n\r\ntype PropType = {\r\n  order: OrderDetailsModel;\r\n};\r\n\r\nfunction OrderRowListing({ order }: PropType) {\r\n  const {\r\n    'orderListing/totalsum': totalSumLabel,\r\n    'orderListing/paymentmethod': paymentMethodLabel,\r\n    'orderListing/customerInformation': customerInformationLabel,\r\n    'orderListing/products': productsLabel,\r\n    'orderListing/status': statusLabel,\r\n  } = useTranslationData();\r\n\r\n  return (\r\n    <>\r\n      <OrderInformation>\r\n        <StyledSpan>{`${statusLabel}: ${order.status}`}</StyledSpan>\r\n        <StyledSpan>{`${totalSumLabel}: ${order.orderGrandTotal}`}</StyledSpan>\r\n        <StyledSpan>{`${paymentMethodLabel}: ${order.paymentMethod}`}</StyledSpan>\r\n      </OrderInformation>\r\n      {order.customerInfo && (\r\n        <CustomerInformation>\r\n          <CustomerInformationContent>\r\n            <HeadingLabel>{customerInformationLabel}</HeadingLabel>\r\n            <Delivery>\r\n              <StyledSpan>{order.customerInfo.address1}</StyledSpan>\r\n              <StyledSpan>{`${order.customerInfo.zip} ${order.customerInfo.city}`}</StyledSpan>\r\n            </Delivery>\r\n          </CustomerInformationContent>\r\n        </CustomerInformation>\r\n      )}\r\n      <ProductItems>\r\n        <HeadingLabel>{productsLabel}</HeadingLabel>\r\n        {order.orderRows?.map((product: OrderRowItem) => (\r\n          <OrderListingProductCard\r\n            key={product.articleNumber}\r\n            product={product}\r\n          />\r\n        ))}\r\n      </ProductItems>\r\n    </>\r\n  );\r\n}\r\n\r\nconst ProductItems = styled('div', {\r\n  mt: 4,\r\n  '@mediaMinLarge': {\r\n    mt: 8,\r\n  },\r\n});\r\n\r\nconst OrderInformation = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n});\r\n\r\nconst StyledSpan = styled('span', {\r\n  mt: 1.25,\r\n});\r\n\r\nconst HeadingLabel = styled('span', {\r\n  fs: 8,\r\n  fontWeight: '$fw700',\r\n  lineHeight: '28px',\r\n});\r\n\r\nconst CustomerInformation = styled('div', {\r\n  mt: 4,\r\n  '@mediaMinLarge': {\r\n    display: 'flex',\r\n  },\r\n});\r\n\r\nconst Delivery = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n});\r\n\r\nconst CustomerInformationContent = styled('div', {});\r\n\r\nexport default OrderRowListing;\r\n","import { useEffect, useState } from 'react';\r\nimport CtaButton from '../../Atoms/Buttons/CtaButton';\r\nimport Divider from '../../Atoms/Divider/Divider';\r\nimport { H1, H2 } from '../../Atoms/Typography/Headings/Heading';\r\nimport { useKexNavigate } from '../../Kex/KexRouter/KexRouter';\r\nimport OrderDetailsModel from '../../Order/Models/OrderDetailsModel.interface';\r\nimport { AddOrderLinesToCart, GetOrder } from '../../OrderComponent/Order';\r\nimport OrderRowListing from '../../OrderComponent/OrderRowListing';\r\nimport { getUrlParameter } from '../../Shared/Common/Helpers';\r\nimport useCurrentPage from '../../Shared/Hooks/useCurrentPage';\r\nimport PageModelBase from '../../Shared/Models/PageModelBase.interface';\r\nimport { useAppSettingsData } from '../../Shared/Providers/AppSettingsProvider';\r\nimport { useTranslationData } from '../../Shared/Providers/TranslationProvider';\r\nimport { useUserStateData } from '../../Shared/UserContextProvider/UserContextProvider';\r\nimport { styled } from '../../stitches.config';\r\n\r\nfunction OrderDetailsPage() {\r\n  const {\r\n    staticPages: { recurringOrdersPage, cartPage },\r\n    languageRoute,\r\n  } = useAppSettingsData();\r\n\r\n  const {\r\n    'orderDetailsPage/orderLines': orderLinesLabel,\r\n    'orderDetailsPage/addAllOrderLines': addAllOrderLinesLabel,\r\n    'orderDetailsPage/subsribe': subscribeLabel,\r\n  } = useTranslationData();\r\n\r\n  const [isLoading, setIsLoading] = useState<boolean>(false);\r\n  const [isAdding, setIsAdding] = useState<boolean>(false);\r\n  const kexNavigate = useKexNavigate();\r\n\r\n  const { customerId } = useUserStateData();\r\n\r\n  const { channelId } = useCurrentPage<PageModelBase>();\r\n\r\n  var query = getUrlParameter('orderId');\r\n  const url = `/api/${languageRoute || 'en'}/order/GetOrder?orderId=${query}`;\r\n  const [order, setOrder] = useState<any>();\r\n\r\n  useEffect(() => {\r\n    customerId &&\r\n      GetOrder(channelId, url, setIsLoading).then((data: OrderDetailsModel) => {\r\n        if (data) {\r\n          setOrder(data);\r\n        }\r\n      });\r\n  }, [channelId]);\r\n\r\n  const handleAddAllOrderItems = async () => {\r\n    await AddOrderLinesToCart(\r\n      channelId,\r\n      languageRoute,\r\n      order.externalOrderID,\r\n      setIsAdding\r\n    );\r\n    kexNavigate(cartPage);\r\n  };\r\n\r\n  const handleSubscribe = async () => {\r\n    await AddOrderLinesToCart(\r\n      channelId,\r\n      languageRoute,\r\n      order.externalOrderID,\r\n      setIsAdding\r\n    );\r\n    kexNavigate(recurringOrdersPage);\r\n  };\r\n\r\n  return (\r\n    <main>\r\n      {!isLoading && order && (\r\n        <div>\r\n          <SectionsWrapper>\r\n            <TopContent>\r\n              <StyledH1>{order.externalOrderID}</StyledH1>\r\n            </TopContent>\r\n          </SectionsWrapper>\r\n          <OrdersSection>\r\n            <HeadingSection>\r\n              <SubHeading>{orderLinesLabel}</SubHeading>\r\n              <MinDividerMargin />\r\n              <CartSection>\r\n                <div>\r\n                  <OrderRowListing order={order} />\r\n                </div>\r\n                <ButtonsContainer>\r\n                  <AddAllButton\r\n                    onClick={handleAddAllOrderItems}\r\n                    isLoading={isAdding}\r\n                  >\r\n                    {addAllOrderLinesLabel}\r\n                  </AddAllButton>\r\n                  <SubscribeButton\r\n                    onClick={handleSubscribe}\r\n                    isLoading={isAdding}\r\n                    type={'secondary'}\r\n                  >\r\n                    {subscribeLabel}\r\n                  </SubscribeButton>\r\n                </ButtonsContainer>\r\n              </CartSection>\r\n            </HeadingSection>\r\n          </OrdersSection>\r\n        </div>\r\n      )}\r\n    </main>\r\n  );\r\n}\r\n\r\nconst AddAllButton = styled(CtaButton, {\r\n  mb: 4,\r\n  letterSpacing: 0,\r\n});\r\n\r\nconst SubscribeButton = styled(CtaButton, {\r\n  px: 2,\r\n  color: '$black',\r\n  letterSpacing: 0,\r\n});\r\n\r\nconst ButtonsContainer = styled('div', {\r\n  '@mediaMaxLarge': {\r\n    mt: 4,\r\n  },\r\n});\r\n\r\nconst PaddingStyle = {\r\n  '@mediaMinLarge': {\r\n    py: 7.5,\r\n    px: 30,\r\n  },\r\n  '@mediaMinGreat': {\r\n    px: 60,\r\n  },\r\n};\r\n\r\nconst HeadingSection = styled('div', {\r\n  maxW: 256,\r\n  '@mediaMaxLarge': {\r\n    pl: 0.25,\r\n  },\r\n  '@mediaMinLarge': {\r\n    mx: 'auto',\r\n  },\r\n});\r\n\r\nconst CartSection = styled('div', {\r\n  display: 'grid',\r\n  gg: 4,\r\n  gridTemplateColumns: '1fr',\r\n  '@mediaMinLarge': {\r\n    gridTemplateColumns: '6.5fr 3.5fr',\r\n    gg: 8,\r\n  },\r\n});\r\n\r\nconst MinDividerMargin = styled(Divider, {\r\n  w: 16,\r\n  my: 4,\r\n  '@mediaMinLarge': {\r\n    mb: 9,\r\n  },\r\n  '@mediaMaxSmall': {\r\n    my: 4,\r\n    mb: 4,\r\n  },\r\n});\r\n\r\nconst SectionsWrapper = styled('div', {\r\n  w: '100%',\r\n  p: 7.5,\r\n  backgroundColor: '$white',\r\n  ...PaddingStyle,\r\n});\r\n\r\nconst TopContent = styled('div', {\r\n  maxW: 256,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  '@mediaMinLarge': {\r\n    mx: 'auto',\r\n  },\r\n});\r\n\r\nconst OrdersSection = styled('div', {\r\n  w: '100%',\r\n  p: 7.5,\r\n  ...PaddingStyle,\r\n});\r\n\r\nconst StyledH1 = styled(H1, {\r\n  fs: 13,\r\n  fontWeight: '$fw300',\r\n  '@mediaMinLarge': {\r\n    fs: 24,\r\n    lineHeight: '62px',\r\n  },\r\n});\r\n\r\nconst SubHeading = styled(H2, {\r\n  fontWeight: '$fw300',\r\n  fs: 13,\r\n  lineHeight: '31px',\r\n});\r\n\r\nexport default OrderDetailsPage;\r\n"],"names":["ProductItems","styled","mt","OrderInformation","display","flexDirection","StyledSpan","HeadingLabel","fs","fontWeight","lineHeight","CustomerInformation","Delivery","CustomerInformationContent","_ref","_order$orderRows","order","_useTranslationData","useTranslationData","totalSumLabel","paymentMethodLabel","customerInformationLabel","productsLabel","statusLabel","_jsxs","_Fragment","children","_jsx","concat","status","orderGrandTotal","paymentMethod","customerInfo","address1","zip","city","orderRows","map","product","OrderListingProductCard","articleNumber","AddAllButton","CtaButton","mb","letterSpacing","SubscribeButton","px","color","ButtonsContainer","PaddingStyle","py","HeadingSection","maxW","pl","mx","CartSection","gg","gridTemplateColumns","MinDividerMargin","Divider","w","my","SectionsWrapper","_objectSpread","p","backgroundColor","TopContent","OrdersSection","StyledH1","H1","SubHeading","H2","_useAppSettingsData","useAppSettingsData","_useAppSettingsData$s","staticPages","recurringOrdersPage","cartPage","languageRoute","orderLinesLabel","addAllOrderLinesLabel","subscribeLabel","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isAdding","setIsAdding","kexNavigate","useKexNavigate","customerId","useUserStateData","channelId","useCurrentPage","query","getUrlParameter","url","_useState5","_useState6","setOrder","useEffect","GetOrder","then","data","handleAddAllOrderItems","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","AddOrderLinesToCart","externalOrderID","stop","apply","arguments","handleSubscribe","_ref2","_callee2","_context2","OrderRowListing","onClick","type"],"sourceRoot":""}