{"version":3,"file":"dist/build-client/static/js/Pages-RecurringOrdersPage-RecurringOrdersPage.0c2ce34e.chunk.js","mappings":"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","sources":["Atoms/Buttons/Button.tsx","Atoms/Loaders/Dots.tsx","Molecules/ValueDropDown/GenericDropDown.tsx","Shared/Pagination/PaginationStep.tsx","Shared/Pagination/Pagination.tsx","OrderComponent/OrderListing.tsx","OrderComponent/RecurringOrder.ts","OrderComponent/RecurringOrderRowListing.tsx","Pages/RecurringOrdersPage/RecurringOrdersPage.tsx","Shared/Input/Select.tsx"],"sourcesContent":["import { BaseIconStyle } from '../Icons/IconBaseStyle';\r\nimport KexIconLoader from '../../Kex/KexIconLoader';\r\nimport { css, styled } from '../../stitches.config';\r\nimport BaseButtonStyled from './BaseButtonStyle';\r\nimport BaseButtonType from './BaseButtonType';\r\n\r\nfunction Button({\r\n  onClick,\r\n  children,\r\n  icon,\r\n  disabled,\r\n  type,\r\n  size,\r\n  css,\r\n  border,\r\n  ...rest\r\n}: BaseButtonType) {\r\n  var Icon = icon && KexIconLoader(icon);\r\n  return (\r\n    <StyledButton\r\n      size={size}\r\n      css={css}\r\n      color={type}\r\n      {...(!disabled && onClick && { onClick })}\r\n      disabled={disabled}\r\n      border={border}\r\n      {...rest}\r\n    >\r\n      {Icon && <Icon style={StyledIcon} color={type} onBackground={true} />}\r\n      {children}\r\n      <HoverLine color={type} />\r\n    </StyledButton>\r\n  );\r\n}\r\n\r\nconst StyledIcon = css({\r\n  mr: 2,\r\n});\r\n\r\nconst HoverLine = styled('div', {\r\n  h: 0.25,\r\n  w: 'calc(100% - 6px)',\r\n  position: 'absolute',\r\n  b: -0.75,\r\n  mx: 0.5,\r\n  transition: 'all $200 ease-in-out',\r\n  variants: {\r\n    color: {\r\n      primary: {\r\n        backgroundColor: '$buttonHoverBackgroundPrimary',\r\n      },\r\n      secondary: {\r\n        backgroundColor: '$buttonHoverBackgroundSecondary',\r\n        [`& ${BaseIconStyle}`]: {\r\n          fill: '$textSecondary',\r\n        },\r\n      },\r\n      transparent: {\r\n        backgroundColor: 'transparent',\r\n      },\r\n      accent: {\r\n        backgroundColor: '$accent',\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    color: 'primary',\r\n  },\r\n});\r\n\r\nconst StyledButton = styled(BaseButtonStyled, {\r\n  position: 'relative',\r\n  overflow: 'hidden',\r\n  //Set default for button\r\n  defaultVariants: {\r\n    color: 'primary',\r\n    size: 'm',\r\n  },\r\n});\r\n\r\nexport default Button;\r\n","import { styled } from '../../stitches.config';\r\nimport { timings } from '../../Theme/Settings/animation';\r\nimport { animationFrames } from '../../Theme/Settings/keyframes';\r\n\r\ntype DotsType = {\r\n  color?: string;\r\n};\r\n\r\nfunction Dots({ color }: DotsType) {\r\n  return (\r\n    <Wrapper>\r\n      <Dot color={color && color}>.</Dot>\r\n      <Dot color={color && color}>.</Dot>\r\n      <Dot color={color && color}>.</Dot>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default Dots;\r\n\r\nconst Wrapper = styled('div', {\r\n  h: 'auto',\r\n});\r\n\r\nconst Dot = styled('div', {\r\n  display: 'inline-block',\r\n  color: '$primary',\r\n  fs: 32,\r\n  lineHeigh: 'auto',\r\n  animation: `${animationFrames}`,\r\n  animationDuration: timings.sevenFifths,\r\n  animationIterationCount: 'infinite',\r\n  animationTimingFunction: 'ease-in-out',\r\n  animationFillMode: 'both',\r\n  '&:nth-child(2)': {\r\n    animationDelay: timings.oneFifth,\r\n  },\r\n  '&:nth-child(3)': {\r\n    animationDelay: timings.twoFifths,\r\n  },\r\n});\r\n","import { useState, useRef } from 'react';\r\nimport ChevronIcon from '../../Atoms/Icons/ChevronIcon';\r\nimport { styled } from '../../stitches.config';\r\n\r\ntype PropTypes = {\r\n  values: any[] | undefined;\r\n  currentValue: string;\r\n  setSelectedValue: (value: string) => void;\r\n  isPagination?: boolean;\r\n  label?: string;\r\n  isValid?: boolean;\r\n  returnIndex?: boolean;\r\n  disabled?: boolean;\r\n  defaultValue?: string;\r\n};\r\n\r\nfunction GenericDropDown({\r\n  values,\r\n  currentValue,\r\n  setSelectedValue,\r\n  isPagination = false,\r\n  label,\r\n  isValid = true,\r\n  returnIndex = false,\r\n  disabled = false,\r\n  defaultValue,\r\n}: PropTypes) {\r\n  const [showValues, toggleValues] = useState(false);\r\n  const ref = useRef(null);\r\n  const paginationStyle = {\r\n    mb: 0,\r\n    h: '100%',\r\n  };\r\n  const updateValue = (value: string, index: string = '0') => {\r\n    const newValue = index;\r\n    setSelectedValue(value);\r\n  };\r\n\r\n  const dropDownStyles = {\r\n    ...(!isValid && dropdownContainerInvalid),\r\n    ...(isPagination && paginationStyle),\r\n    ...(disabled && {\r\n      border: {\r\n        xy: {\r\n          style: 'solid',\r\n          w: 0.25,\r\n          color: '$grey500',\r\n        },\r\n      },\r\n    }),\r\n  };\r\n\r\n  const currentValueStyle = {\r\n    ...(disabled && {\r\n      color: '$grey500',\r\n    }),\r\n  };\r\n\r\n  return (\r\n    <Wrapper\r\n      tabIndex={0}\r\n      onBlur={(e: any) => {\r\n        if (!e.currentTarget.contains(e.relatedTarget as Element)) {\r\n          toggleValues(false);\r\n        }\r\n      }}\r\n      css={isPagination ? { marginBottom: 0 } : {}}\r\n    >\r\n      {label && <FormLabel>{label}</FormLabel>}\r\n      <DropDownContainer css={dropDownStyles}>\r\n        <ValueFlex\r\n          onClick={() => !disabled && toggleValues((prev) => !prev)}\r\n          ref={ref}\r\n        >\r\n          {isPagination ? (\r\n            <CurrentValue>\r\n              {currentValue} / {values?.length}\r\n            </CurrentValue>\r\n          ) : (\r\n            <CurrentValue css={currentValueStyle}>\r\n              {!!currentValue && !!defaultValue ? defaultValue : currentValue}{' '}\r\n            </CurrentValue>\r\n          )}\r\n          <ArrowIconWrapper>\r\n            <StyledArrow\r\n              css={{\r\n                transform: showValues ? 'rotate(180deg)' : 'none',\r\n                marginRight: 0,\r\n              }}\r\n            />\r\n          </ArrowIconWrapper>\r\n        </ValueFlex>\r\n        {showValues && (\r\n          <DropDown css={showValues ? {} : { display: 'none' }}>\r\n            {values &&\r\n              values.length > 0 &&\r\n              values.map((value: string, index: number) => (\r\n                <DropDownButton\r\n                  key={value + index}\r\n                  onClick={() => {\r\n                    updateValue(value, (index + 1).toString());\r\n                    toggleValues(false);\r\n                  }}\r\n                  css={{\r\n                    opacity: isPagination\r\n                      ? value\r\n                      : value === currentValue\r\n                      ? 0.5\r\n                      : 1,\r\n                  }}\r\n                >\r\n                  {!isPagination ? value : index + 1}\r\n                </DropDownButton>\r\n              ))}\r\n          </DropDown>\r\n        )}\r\n      </DropDownContainer>\r\n    </Wrapper>\r\n  );\r\n}\r\nexport default GenericDropDown;\r\n\r\nconst Wrapper = styled('div', {\r\n  mb: 4,\r\n});\r\n\r\nconst DropDownButton = styled('button', {\r\n  width: '-webkit-fill-available',\r\n  h: '100%',\r\n  fs: 6,\r\n  textAlign: 'left',\r\n  ':focus': {\r\n    boxShadow: '0 0 0 2px #FFF',\r\n  },\r\n  mx: 4,\r\n  my: 3,\r\n});\r\n\r\nconst ArrowIconWrapper = styled('div', {\r\n  transform: 'rotate(90deg)',\r\n  mr: 2,\r\n});\r\n\r\nconst DropDownContainer = styled('div', {\r\n  w: '100%',\r\n  position: 'relative',\r\n  h: 'auto',\r\n  display: 'block',\r\n  textAlign: 'left',\r\n  border: '1px solid $black',\r\n});\r\n\r\nconst ValueFlex = styled('div', {\r\n  display: 'flex',\r\n  position: 'relative',\r\n  justifyContent: 'space-between',\r\n  h: '100%',\r\n  alignItems: 'center',\r\n  cursor: 'pointer',\r\n});\r\n\r\nconst DropDown = styled('div', {\r\n  history: 'auto',\r\n  maxW: 50,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  border: '1px solid $black',\r\n  backgroundColor: 'white',\r\n  position: 'absolute',\r\n  w: '100%',\r\n  zIndex: '$DropDown',\r\n  overflow: 'auto',\r\n});\r\n\r\nconst CurrentValue = styled('span', {\r\n  fs: 8,\r\n  lineHeight: '2px',\r\n  color: '$black',\r\n  mx: 4,\r\n});\r\n\r\nconst StyledArrow = styled(ChevronIcon, {\r\n  wh: 3,\r\n  transitionDelay: '200ms',\r\n  transitionProperty: 'all',\r\n});\r\n\r\nconst FormLabel = styled('label', {\r\n  fs: 7,\r\n  fontWeight: '$fw700',\r\n  position: 'relative',\r\n  pb: 3,\r\n  backgroundColor: 'inherit',\r\n  display: 'block',\r\n});\r\n\r\nconst dropdownContainerInvalid = {\r\n  border: '1px solid $errorPrimary',\r\n};\r\n","import React from 'react';\r\nimport { styled } from '../../stitches.config';\r\n\r\ntype PropTypes = {\r\n  isActive?: boolean;\r\n  onClick?: any;\r\n  children?: any;\r\n};\r\n\r\nfunction PaginationStep({ isActive, onClick, children }: PropTypes) {\r\n  return (\r\n    <Step {...(isActive && { isActive })} onClick={() => onClick()}>\r\n      {children}\r\n    </Step>\r\n  );\r\n}\r\n\r\nconst Step = styled('span', {\r\n  mx: 6,\r\n  color: '$grey800',\r\n  '&:hover': {\r\n    cursor: 'pointer',\r\n    color: '$black',\r\n  },\r\n  variants: {\r\n    isActive: {\r\n      true: {\r\n        fontWeight: '$fw700',\r\n        color: '$black',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default React.memo(PaginationStep);\r\n","import React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport Button from '../../Atoms/Buttons/Button';\r\nimport { ArrowIcon, ChevronIcon } from '../../Atoms/Icons';\r\nimport GenericDropDown from '../../Molecules/ValueDropDown/GenericDropDown';\r\nimport { styled } from '../../stitches.config';\r\nimport { mediaQueryTypes } from '../../Theme/Settings/mediaQueries';\r\nimport useMedia from '../Hooks/useMedia';\r\nimport PaginationStep from './PaginationStep';\r\n\r\ntype PropTypes = {\r\n  pageCount: number;\r\n  totalRecords: number;\r\n  onPageChange: (x: any) => void;\r\n  currentPage?: number;\r\n};\r\n\r\nfunction Pagination({\r\n  totalRecords,\r\n  pageCount,\r\n  onPageChange,\r\n  currentPage: currentPageProp,\r\n}: PropTypes) {\r\n  const isMobile = useMedia(mediaQueryTypes.mediaMaxLarge);\r\n  const [currentPage, setCurrentPage] = useState<number>(0);\r\n\r\n  const totalAmountSteps = [...Array(Math.ceil(pageCount))];\r\n\r\n  useEffect(() => {\r\n    if (currentPageProp !== undefined) {\r\n      setCurrentPage(currentPageProp);\r\n    }\r\n  }, [currentPageProp]);\r\n\r\n  const updatePagination = (currentPage: number) => {\r\n    onPageChange(currentPage);\r\n    setCurrentPage(currentPage);\r\n  };\r\n\r\n  const nextPage = () => {\r\n    updatePagination(currentPage + 1);\r\n  };\r\n\r\n  const prevPage = () => {\r\n    if (currentPage > 1) {\r\n      updatePagination(currentPage - 1);\r\n    }\r\n  };\r\n\r\n  const goToPage = (index: number | string) => {\r\n    if (typeof index === 'string') {\r\n      index = parseInt(index);\r\n    }\r\n    updatePagination(index);\r\n  };\r\n\r\n  const renderPaginationSteps = () => {\r\n    return (\r\n      <>\r\n        {totalAmountSteps &&\r\n          totalAmountSteps.map((_, index) => {\r\n            return (\r\n              <React.Fragment key={index}>\r\n                <PaginationStep\r\n                  isActive={index + 1 === currentPage}\r\n                  onClick={() => goToPage(index + 1)}\r\n                >\r\n                  {index + 1}\r\n                </PaginationStep>\r\n              </React.Fragment>\r\n            );\r\n          })}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <PaginationWrapper>\r\n      {totalRecords ? (\r\n        <>\r\n          <StyledIconButton\r\n            disabled={!currentPage || currentPage <= 1}\r\n            onClick={prevPage}\r\n          >\r\n            <ArrowIcon color=\"secondary\" rotateLeft />\r\n          </StyledIconButton>\r\n          {isMobile ? (\r\n            <GenericDropDown\r\n              values={totalAmountSteps}\r\n              currentValue={currentPage?.toString()}\r\n              setSelectedValue={(result: string) => goToPage(result)}\r\n              isPagination\r\n            />\r\n          ) : (\r\n            <StepsWrapper>{renderPaginationSteps()}</StepsWrapper>\r\n          )}\r\n          <StyledIconButton\r\n            disabled={totalAmountSteps.length === currentPage}\r\n            onClick={nextPage}\r\n          >\r\n            <ArrowIcon color=\"secondary\" />\r\n          </StyledIconButton>\r\n        </>\r\n      ) : null}\r\n    </PaginationWrapper>\r\n  );\r\n}\r\n\r\nconst PaginationWrapper = styled('div', {\r\n  px: 4,\r\n  mt: 8,\r\n  display: 'flex',\r\n  alignItems: 'stretch',\r\n  w: '100%',\r\n  justifyContent: 'center',\r\n});\r\n\r\nconst StepsWrapper = styled('div', {\r\n  maxW: 80,\r\n  overflow: 'auto',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n});\r\n\r\nconst StyledIconButton = styled(Button, {});\r\n\r\nconst Step = styled('span', {\r\n  mx: 6,\r\n  color: '$grey800',\r\n  '&:hover': {\r\n    cursor: 'pointer',\r\n    color: '$black',\r\n  },\r\n  variants: {\r\n    isActive: {\r\n      true: {\r\n        fontWeight: '$fw700',\r\n        color: '$black',\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default React.memo(Pagination);\r\n","import React from 'react';\r\nimport { H1 } from '../Atoms/Typography/Headings/Heading';\r\nimport Select from '../Shared/Input/Select';\r\nimport Pagination from '../Shared/Pagination/Pagination';\r\nimport { useTranslationData } from '../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../stitches.config';\r\nimport XhtmlArea from '../Molecules/XHtmlArea/XHtmlArea';\r\n\r\ntype PropType = {\r\n  heading: string;\r\n  totalCount: number;\r\n  introText: string;\r\n  changePage: (event: any) => void;\r\n  changePageSize: (value: any) => void;\r\n  pageSize: number;\r\n  pageIndex: number;\r\n  children: React.ReactNode;\r\n};\r\n\r\nfunction OrderListing({\r\n  totalCount,\r\n  heading,\r\n  introText,\r\n  changePage,\r\n  changePageSize,\r\n  pageSize,\r\n  pageIndex,\r\n  children,\r\n}: PropType) {\r\n  const { 'orderHistoryPage/pageSize': pageSizeLabel } = useTranslationData();\r\n\r\n  const pageCount = totalCount / pageSize;\r\n\r\n  return (\r\n    <OrderListingWrapper>\r\n      {heading && (\r\n        <Heading noMargin bottomMargin={!introText}>\r\n          {heading}\r\n        </Heading>\r\n      )}\r\n      {introText && <IntroText>{introText}</IntroText>}\r\n      <Select\r\n        selectedValue={pageSize}\r\n        onSelect={changePageSize}\r\n        label={pageSizeLabel}\r\n        options={[\r\n          {\r\n            text: '5',\r\n            value: 5,\r\n          },\r\n          {\r\n            text: '10',\r\n            value: 10,\r\n          },\r\n        ]}\r\n      />\r\n      {children}\r\n      <Pagination\r\n        totalRecords={totalCount}\r\n        pageCount={pageCount}\r\n        onPageChange={changePage}\r\n        currentPage={pageIndex}\r\n      />\r\n    </OrderListingWrapper>\r\n  );\r\n}\r\n\r\nconst Heading = styled(H1, {\r\n  fs: 11,\r\n  fontWeight: '$fw300',\r\n  lineHeight: '32px',\r\n  mb: 2,\r\n  '@mediaMinLarge': {\r\n    fs: 13,\r\n  },\r\n  variants: {\r\n    bottomMargin: {\r\n      true: {\r\n        mb: 4,\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst IntroText = styled('p', {});\r\n\r\nconst OrderListingWrapper = styled('div', {\r\n  display: 'block',\r\n  p: 4,\r\n\r\n  maxW: 256,\r\n  background: '$white',\r\n  m: 4,\r\n  '@mediaMinLarge': {\r\n    w: '100%',\r\n    mx: 'auto',\r\n    my: 12,\r\n    p: 8,\r\n  },\r\n});\r\n\r\nexport default OrderListing;\r\n","import { mutate } from 'swr';\r\nimport Fetcher from '../Shared/Common/Fetcher';\r\nlet abortController: AbortController = new AbortController();\r\n\r\nexport async function Add(\r\n  channelId: string,\r\n  requestToken: string,\r\n  languageRoute: string,\r\n  organizationId: string,\r\n  name: string,\r\n  items: any[],\r\n  startDate: string,\r\n  intervalInDays: number,\r\n  setIsLoading: (value: boolean) => void,\r\n  setError: (value: boolean) => void,\r\n  setValidationMessage: (value: string) => void\r\n) {\r\n  setError(false);\r\n  setValidationMessage('');\r\n  setIsLoading(true);\r\n  const res = await fetch(\r\n    `/api/${\r\n      languageRoute || 'en'\r\n    }/recurringorder/add?organizationId=${organizationId}&channelId=${channelId}&name=${name}&startDate=${startDate}&intervalInDays=${intervalInDays}`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n        'litium-request-context': JSON.stringify({\r\n          channelSystemId: channelId,\r\n        }),\r\n        RequestVerificationToken: requestToken,\r\n      },\r\n      body: JSON.stringify(items),\r\n    }\r\n  );\r\n\r\n  setIsLoading(false);\r\n\r\n  const data = await res.json();\r\n\r\n  if (!res.ok) {\r\n    setError(true);\r\n    setValidationMessage(data.message);\r\n  }\r\n\r\n  return data;\r\n}\r\n\r\nexport async function Update(\r\n  channelId: string,\r\n  requestToken: string,\r\n  languageRoute: string,\r\n  organizationId: string,\r\n  recurringOrderId: string,\r\n  name: string,\r\n  items: any[],\r\n  startDate: string,\r\n  intervalInDays: number,\r\n  onHold: boolean,\r\n  setIsLoading: (value: boolean) => void,\r\n  setError: (value: boolean) => void,\r\n  setValidationMessage: (value: string) => void\r\n) {\r\n  setError(false);\r\n  setValidationMessage('');\r\n  setIsLoading(true);\r\n  const res = await fetch(\r\n    `/api/${\r\n      languageRoute || 'en'\r\n    }/recurringorder/update?organizationId=${organizationId}&recurringOrderId=${recurringOrderId}&name=${name}&startDate=${startDate}&intervalInDays=${intervalInDays}&onHold=${\r\n      onHold ? 'true' : 'false'\r\n    }`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n        'litium-request-context': JSON.stringify({\r\n          channelSystemId: channelId,\r\n        }),\r\n        RequestVerificationToken: requestToken,\r\n      },\r\n      body: JSON.stringify(items),\r\n    }\r\n  );\r\n\r\n  setIsLoading(false);\r\n\r\n  const data = await res.json();\r\n\r\n  if (!res.ok) {\r\n    setError(true);\r\n    setValidationMessage(data.message);\r\n  }\r\n\r\n  return data;\r\n}\r\n\r\nexport async function GetOrder(channelId: string, url: string) {\r\n  abortController.abort();\r\n  abortController = new AbortController();\r\n  const signal = abortController.signal;\r\n  const litiumContext = JSON.stringify({\r\n    channelSystemId: channelId,\r\n  });\r\n  return Fetcher<any, any>(\r\n    url,\r\n    signal,\r\n    (data, resolve) => {\r\n      resolve(data);\r\n    },\r\n    litiumContext\r\n  );\r\n}\r\n\r\nexport async function Delete(\r\n  channelId: string,\r\n  languageRoute: string,\r\n  organizationId: string,\r\n  recurringOrderId: string\r\n) {\r\n  const res = await fetch(\r\n    `/api/${\r\n      languageRoute || 'en'\r\n    }/recurringorder/delete?organizationId=${organizationId}&recurringOrderId=${recurringOrderId}`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'litium-request-context': JSON.stringify({\r\n          channelSystemId: channelId,\r\n        }),\r\n      },\r\n    }\r\n  );\r\n  return res.ok;\r\n}\r\n\r\nexport async function AddItemsToCart(\r\n  channelId: string,\r\n  languageRoute: string,\r\n  data: any\r\n) {\r\n  const res = await fetch(\r\n    `/api/${languageRoute || 'en'}/recurringorder/AddRecurringOrderItemsToCart`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n        'litium-request-context': JSON.stringify({\r\n          channelSystemId: channelId,\r\n        }),\r\n      },\r\n      body: JSON.stringify(data),\r\n    }\r\n  );\r\n\r\n  if (res.ok) {\r\n    const cartUrl = `/api/${languageRoute || 'en'}/Cart/`;\r\n    const { cart } = await res.json();\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n\r\n    return true;\r\n  }\r\n\r\n  return false;\r\n}\r\n","import Divider from '../Atoms/Divider/Divider';\r\nimport OrderRowItem from '../Order/Models/OrderRowItem.interface';\r\nimport RecurringOrderViewModel from '../Order/Models/RecurringOrderViewModel.interface';\r\nimport { getFormattedDate } from '../Shared/Common/Helpers';\r\nimport { useTranslationData } from '../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../stitches.config';\r\nimport Image from '../Atoms/Image/Image';\r\nimport OrderListingProductCard from './OrderListingProductCard';\r\n\r\ntype PropType = {\r\n  order: RecurringOrderViewModel;\r\n};\r\n\r\nfunction RecurringOrderRowListing({ order }: PropType) {\r\n  const {\r\n    'orderListing/customerInformation': customerInformationLabel,\r\n    'orderListing/products': productsLabel,\r\n    'recurringOrderCartPage/days': daysLabel,\r\n    'recurringOrderCartPage/interval': recurringOrderIntervalLabel,\r\n    'recurringOrderCartPage/date': startDateLabel,\r\n    'customerInfo/myOrders/nextOrderDate': nextOrderLabel,\r\n    'orderListing/totalsum': totalSumLabel,\r\n    'orderListing/paymentmethod': paymentMethodLabel,\r\n  } = useTranslationData();\r\n\r\n  const hasActiveOrder =\r\n    order.orderDetails && Number(order.orderDetails.orderStatus) > 0;\r\n\r\n  return (\r\n    <>\r\n      <OrderInformation>\r\n        <StyledSpan>{`${startDateLabel}: ${getFormattedDate(\r\n          order.startDate\r\n        )}`}</StyledSpan>\r\n        <StyledSpan>{`${nextOrderLabel}: ${getFormattedDate(\r\n          order.nextOrderDate\r\n        )}`}</StyledSpan>\r\n        <StyledSpan>{`${recurringOrderIntervalLabel}: ${order.intervalInDays} ${daysLabel}`}</StyledSpan>\r\n        {hasActiveOrder && (\r\n          <>\r\n            <StyledSpan>{`${totalSumLabel}: ${order.orderDetails.orderGrandTotal}`}</StyledSpan>\r\n            <StyledSpan>{`${paymentMethodLabel}: ${order.orderDetails.paymentMethod}`}</StyledSpan>\r\n          </>\r\n        )}\r\n      </OrderInformation>\r\n      <CustomerInformation>\r\n        <CustomerInformationContent>\r\n          <HeadingLabel>{customerInformationLabel}</HeadingLabel>\r\n          {hasActiveOrder && (\r\n            <Delivery>\r\n              <StyledSpan>\r\n                {order.orderDetails.customerInfo.address1}\r\n              </StyledSpan>\r\n              <StyledSpan>{`${order.orderDetails.customerInfo.zip} ${order.orderDetails.customerInfo.city}`}</StyledSpan>\r\n            </Delivery>\r\n          )}\r\n        </CustomerInformationContent>\r\n      </CustomerInformation>\r\n      <ProductItems>\r\n        <HeadingLabel>{productsLabel}</HeadingLabel>\r\n        {order.orderDetails.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: 9,\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,\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  '@mediaMinMedium': {\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 RecurringOrderRowListing;\r\n","import { useEffect, useState } from 'react';\r\nimport Divider from '../../Atoms/Divider/Divider';\r\nimport Dots from '../../Atoms/Loaders/Dots';\r\nimport { useKexNavigate } from '../../Kex/KexRouter/KexRouter';\r\nimport Accordion from '../../Molecules/Accordion/Accordion';\r\nimport OrderInfoViewModel from '../../Order/Models/OrderInfoViewModel.interface';\r\nimport RecurringOrderViewModel from '../../Order/Models/RecurringOrderViewModel.interface';\r\nimport { GetOrder, GetOrders } from '../../OrderComponent/Order';\r\nimport OrderListing from '../../OrderComponent/OrderListing';\r\nimport { AddItemsToCart } from '../../OrderComponent/RecurringOrder';\r\nimport RecurringOrderRowListing from '../../OrderComponent/RecurringOrderRowListing';\r\nimport RecurringOrdersPageModel from '../../RecurringOrdersPage/Models/RecurringOrdersPageModel.interface';\r\nimport useCurrentPage from '../../Shared/Hooks/useCurrentPage';\r\nimport { useAppSettingsData } from '../../Shared/Providers/AppSettingsProvider';\r\nimport { useUserStateData } from '../../Shared/UserContextProvider/UserContextProvider';\r\nimport { styled } from '../../stitches.config';\r\n\r\nfunction RecurringOrdersPage() {\r\n  const {\r\n    translations: {\r\n      'customerInfo/myOrders/noOrders': noOrdersLabel,\r\n      'customerInfo/myOrders/noRecurringOrderName': noRecurringOrderNameLabel,\r\n      'recurringOrderCartPage/onHoldText': onHoldLabel,\r\n      'orderHistoryPage/dateString': dateLabel,\r\n    },\r\n    staticPages: { recurringOrderCartPage },\r\n    languageRoute,\r\n    requestToken,\r\n  } = useAppSettingsData();\r\n\r\n  const [pageIndex, setPageIndex] = useState(1);\r\n  const [pageSize, setPageSize] = useState(5);\r\n  const [totalCount, setTotalCount] = useState(0);\r\n  const currentPage = useCurrentPage<RecurringOrdersPageModel>();\r\n  const [isLoading, setIsLoading] = useState<boolean>(false);\r\n\r\n  const kexNavigate = useKexNavigate();\r\n  const { customerId, organizationId } = useUserStateData();\r\n  const url = `/api/${\r\n    languageRoute || 'en'\r\n  }/order/GetRecurringOrders?customerId=${customerId}`;\r\n  const [orders, setOrders] = useState<RecurringOrderViewModel[]>();\r\n\r\n  const fetchData = async (loadMoreUrl?: string) => {\r\n    if (customerId) {\r\n      let endpoint =\r\n        loadMoreUrl || `${url}&pageIndex=${pageIndex}&pageSize=${pageSize}`;\r\n      const data: OrderInfoViewModel = await GetOrders(\r\n        currentPage.channelId,\r\n        endpoint,\r\n        setIsLoading\r\n      );\r\n\r\n      if (data) {\r\n        setOrders(data.recurringOrders);\r\n        setTotalCount(data.recurringOrdersCount);\r\n      }\r\n    }\r\n  };\r\n\r\n  async function handleChangePage(value: any) {\r\n    setPageIndex(value);\r\n\r\n    const newUrl = `${url}&pageIndex=${value}&pageSize=${pageSize}`;\r\n\r\n    fetchData(newUrl);\r\n  }\r\n\r\n  const handleChangePageSize = (value: any) => {\r\n    setPageSize(value);\r\n    const newUrl = `${url}&pageIndex=${pageIndex}&pageSize=${value}`;\r\n    fetchData(newUrl);\r\n  };\r\n\r\n  const handleGetOrder = async (id: string) => {\r\n    const url = `/api/${\r\n      languageRoute || 'en'\r\n    }/recurringorder/GetOrder?organizationId=${organizationId}&recurringOrderId=${id}`;\r\n\r\n    const data = await GetOrder(currentPage.channelId, url, setIsLoading);\r\n\r\n    if (data?.order) {\r\n      await AddItemsToCart(\r\n        currentPage.channelId,\r\n        languageRoute,\r\n        data.order.items\r\n      );\r\n    }\r\n\r\n    kexNavigate(`${recurringOrderCartPage}?recurringOrderId=${id}`);\r\n  };\r\n\r\n  useEffect(() => {\r\n    fetchData();\r\n  }, [currentPage.channelId]);\r\n\r\n  return (\r\n    <main>\r\n      {orders && !!orders.length ? (\r\n        <>\r\n          <OrderListing\r\n            heading={currentPage.pageTitle}\r\n            totalCount={totalCount}\r\n            introText={currentPage.pageIntroText}\r\n            changePage={handleChangePage}\r\n            pageSize={pageSize}\r\n            pageIndex={pageIndex}\r\n            changePageSize={handleChangePageSize}\r\n          >\r\n            {orders.map((order: RecurringOrderViewModel) => {\r\n              const title = (\r\n                <div>\r\n                  <StyledAccountKexLink\r\n                    onClick={() => handleGetOrder(order.id)}\r\n                  >\r\n                    {order.name ?? noRecurringOrderNameLabel}asd\r\n                  </StyledAccountKexLink>\r\n                  {order.onHold && (\r\n                    <ApproveText>{` - ${onHoldLabel}`}</ApproveText>\r\n                  )}\r\n                </div>\r\n              );\r\n              return (\r\n                <div key={order.id}>\r\n                  <Accordion title={title}>\r\n                    <RecurringOrderRowListing order={order} />\r\n                  </Accordion>\r\n                  <MaxDivider />\r\n                </div>\r\n              );\r\n            })}\r\n          </OrderListing>\r\n        </>\r\n      ) : !isLoading ? (\r\n        <div>{noOrdersLabel}</div>\r\n      ) : (\r\n        <DotsWrapper>\r\n          <Dots />\r\n        </DotsWrapper>\r\n      )}\r\n    </main>\r\n  );\r\n}\r\n\r\nconst ApproveText = styled('span', {\r\n  fontWeight: '$fw700',\r\n  fontStyle: 'italic',\r\n});\r\n\r\nconst MaxDivider = styled(Divider, {\r\n  w: '100%',\r\n  h: 0.5,\r\n  opacity: 0.5,\r\n  m: 0,\r\n});\r\n\r\nconst StyledAccountKexLink = styled('button', {\r\n  fs: 8,\r\n  fontWeight: '$fw700',\r\n  lineHeight: '28px',\r\n  '&:hover': {\r\n    textDecoration: 'underline',\r\n  },\r\n});\r\n\r\nconst DotsWrapper = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  pb: 9,\r\n});\r\n\r\nexport default RecurringOrdersPage;\r\n","import { styled } from '../../stitches.config';\r\n\r\ntype PropType = {\r\n  onSelect: (value: any) => void;\r\n  selectedValue: any;\r\n  label: string;\r\n  options: any[];\r\n};\r\n\r\nconst Select = ({ onSelect, selectedValue, label, options }: PropType) => {\r\n  const handleSelect = (event: any) => onSelect(event.target.value);\r\n\r\n  return (\r\n    <SelectWrapper>\r\n      <Label>{label}</Label>\r\n      <StyledSelect value={selectedValue} onChange={handleSelect}>\r\n        {options.map((option: any) => (\r\n          <option key={option.value} value={option.value}>\r\n            {option.text}\r\n          </option>\r\n        ))}\r\n      </StyledSelect>\r\n    </SelectWrapper>\r\n  );\r\n};\r\n\r\nconst SelectWrapper = styled('div', { mb: 4 });\r\n\r\nconst Label = styled('label', {\r\n  fs: 8,\r\n  fontWeight: '$fw700',\r\n  lineHeight: '28px',\r\n});\r\n\r\nconst StyledSelect = styled('select', {\r\n  fs: 8,\r\n  fontWeight: '$fw700',\r\n  backgroundColor: 'inherit',\r\n  h: 9,\r\n  ml: 4,\r\n  px: 3,\r\n  border: '1px solid $primary',\r\n});\r\n\r\nexport default Select;\r\n"],"names":["StyledIcon","css","mr","HoverLine","styled","h","w","position","b","mx","transition","variants","color","primary","backgroundColor","secondary","_defineProperty","concat","BaseIconStyle","fill","transparent","accent","defaultVariants","StyledButton","BaseButtonStyled","overflow","size","_ref","onClick","children","icon","disabled","type","border","rest","_objectWithoutProperties","_excluded","Icon","KexIconLoader","_jsxs","_objectSpread","_jsx","style","onBackground","Wrapper","Dot","display","fs","lineHeigh","animation","animationFrames","animationDuration","timings","animationIterationCount","animationTimingFunction","animationFillMode","animationDelay","values","currentValue","setSelectedValue","_ref$isPagination","isPagination","label","_ref$isValid","isValid","_ref$disabled","returnIndex","defaultValue","_useState","useState","_useState2","_slicedToArray","showValues","toggleValues","ref","useRef","dropDownStyles","dropdownContainerInvalid","mb","xy","currentValueStyle","tabIndex","onBlur","e","currentTarget","contains","relatedTarget","marginBottom","FormLabel","DropDownContainer","ValueFlex","prev","CurrentValue","length","ArrowIconWrapper","StyledArrow","transform","marginRight","DropDown","map","value","index","DropDownButton","updateValue","toString","opacity","width","textAlign","boxShadow","my","justifyContent","alignItems","cursor","history","maxW","flexDirection","zIndex","lineHeight","ChevronIcon","wh","transitionDelay","transitionProperty","fontWeight","pb","PaginationStep","isActive","Step","true","React","Pagination","totalRecords","pageCount","onPageChange","currentPageProp","currentPage","isMobile","useMedia","mediaQueryTypes","setCurrentPage","totalAmountSteps","_toConsumableArray","Array","Math","ceil","useEffect","undefined","updatePagination","goToPage","parseInt","PaginationWrapper","_Fragment","StyledIconButton","ArrowIcon","rotateLeft","GenericDropDown","result","StepsWrapper","_","px","mt","Button","Heading","H1","bottomMargin","IntroText","OrderListingWrapper","p","background","m","totalCount","heading","introText","changePage","changePageSize","pageSize","pageIndex","pageSizeLabel","useTranslationData","noMargin","Select","selectedValue","onSelect","options","text","abortController","AbortController","Add","_x","_x2","_x3","_x4","_x5","_x6","_x7","_x8","_x9","_x10","_x11","_Add","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","channelId","requestToken","languageRoute","organizationId","name","items","startDate","intervalInDays","setIsLoading","setError","setValidationMessage","res","data","wrap","_context","next","fetch","method","headers","JSON","stringify","channelSystemId","RequestVerificationToken","body","sent","json","ok","message","abrupt","stop","Update","_x12","_x13","_x14","_x15","_x16","_x17","_x18","_x19","_x20","_x21","_x22","_x23","_x24","_Update","_callee2","recurringOrderId","onHold","_context2","GetOrder","_x25","_x26","_GetOrder","_callee3","url","signal","litiumContext","_context3","abort","Fetcher","resolve","Delete","_x27","_x28","_x29","_x30","_Delete","_callee4","_context4","AddItemsToCart","_x31","_x32","_x33","_AddItemsToCart","_callee5","cartUrl","_yield$res$json","cart","_context5","mutate","ProductItems","OrderInformation","StyledSpan","HeadingLabel","CustomerInformation","Delivery","CustomerInformationContent","order","_useTranslationData","customerInformationLabel","productsLabel","daysLabel","recurringOrderIntervalLabel","startDateLabel","nextOrderLabel","totalSumLabel","paymentMethodLabel","hasActiveOrder","orderDetails","Number","orderStatus","getFormattedDate","nextOrderDate","orderGrandTotal","paymentMethod","customerInfo","address1","zip","city","orderRows","product","OrderListingProductCard","articleNumber","ApproveText","fontStyle","MaxDivider","Divider","StyledAccountKexLink","textDecoration","DotsWrapper","_useAppSettingsData","useAppSettingsData","_useAppSettingsData$t","translations","noOrdersLabel","noRecurringOrderNameLabel","onHoldLabel","recurringOrderCartPage","staticPages","setPageIndex","_useState3","_useState4","setPageSize","_useState5","_useState6","setTotalCount","useCurrentPage","_useState7","_useState8","isLoading","kexNavigate","useKexNavigate","_useUserStateData","useUserStateData","customerId","_useState9","_useState10","orders","setOrders","fetchData","loadMoreUrl","endpoint","GetOrders","recurringOrders","recurringOrdersCount","_handleChangePage","newUrl","handleGetOrder","_ref2","id","OrderListing","pageTitle","pageIntroText","_order$name","title","Accordion","RecurringOrderRowListing","Dots","SelectWrapper","Label","StyledSelect","ml","onChange","event","target","option"],"sourceRoot":""}