@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

package/dist/common/modals/order-action-modal/OrderActionModal.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import d from "styled-components";
+import r from "./BackgroundModal.js";
+import a from "./header/OrderActionHeader.js";
+import m from "./footer/OrderActionFooter.js";
+function u({
+  minWidth: t = "30vw",
+  maxWidth: n = "75vw",
+  ...i
+}) {
+  return /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(l, { minWidth: t, maxWidth: n, children: [
+    /* @__PURE__ */ e(
+      a,
+      {
+        title: i.headerTitle,
+        onClose: i.onCloseHeader,
+        showInformation: i.showAdditionalInfo,
+        infoText: i.infoText,
+        actions: i.headerActions
+      }
+    ),
+    i.children,
+    /* @__PURE__ */ e(
+      m,
+      {
+        submitButtonTitle: i.submitBtnTitle,
+        onSubmit: i.onSubmit,
+        actions: i.footerActions,
+        isSubmitDisabled: i.isSubmitDisabled
+      }
+    )
+  ] }) });
+}
+const l = d.div`
+  min-height: 30vh;
+  max-height: 80vh;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0px 20px 24px -4px #10182814;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  overflow-x: hidden;
+  max-width: ${({ maxWidth: t }) => t}; // Dynamic max-width
+  min-width: ${({ minWidth: t }) => t}; // Dynamic min-width
+`;
+export {
+  u as default
+};
+//# sourceMappingURL=OrderActionModal.js.map

package/dist/common/modals/order-action-modal/OrderActionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderActionModal.js","sources":["../../../../src/common/modals/order-action-modal/OrderActionModal.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport BackgroundModal from './BackgroundModal';\nimport OrderActionHeader from './header/OrderActionHeader';\nimport OrderActionFooter from './footer/OrderActionFooter';\n\ninterface ActionModalProps {\n  headerTitle: string;\n  showAdditionalInfo?: boolean;\n  infoText?: string;\n  headerActions?: React.ReactNode;\n  submitBtnTitle?: string;\n  footerActions?: React.ReactNode;\n  children: React.ReactNode;\n  onCloseHeader: () => void;\n  onSubmit: () => void;\n  isSubmitDisabled?: boolean;\n  minWidth?: string; // New optional prop for min-width\n  maxWidth?: string; // New optional prop for min-width\n}\n\nfunction OrderActionModal({\n  minWidth = '30vw',\n  maxWidth = '75vw',\n  ...props\n}: ActionModalProps) {\n  return (\n    <BackgroundModal>\n      <MainContainer minWidth={minWidth} maxWidth={maxWidth}>\n        <OrderActionHeader\n          title={props.headerTitle}\n          onClose={props.onCloseHeader}\n          showInformation={props.showAdditionalInfo}\n          infoText={props.infoText}\n          actions={props.headerActions}\n        />\n        {props.children}\n        <OrderActionFooter\n          submitButtonTitle={props.submitBtnTitle}\n          onSubmit={props.onSubmit}\n          actions={props.footerActions}\n          isSubmitDisabled={props.isSubmitDisabled}\n        />\n      </MainContainer>\n    </BackgroundModal>\n  );\n}\n\n// Styled component with dynamic min-width\nconst MainContainer = styled.div<{ minWidth: string; maxWidth: string }>`\n  min-height: 30vh;\n  max-height: 80vh;\n  border-radius: 12px;\n  background: #fff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  overflow-x: hidden;\n  max-width: ${({ maxWidth }) => maxWidth}; // Dynamic max-width\n  min-width: ${({ minWidth }) => minWidth}; // Dynamic min-width\n`;\n\nexport default OrderActionModal;\n"],"names":["OrderActionModal","minWidth","maxWidth","props","jsx","BackgroundModal","jsxs","MainContainer","OrderActionHeader","OrderActionFooter","styled"],"mappings":";;;;;AAqBA,SAASA,EAAiB;AAAA,EACxB,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,UAAAN,GAAoB,UAAAC,GACjC,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOL,EAAM;AAAA,QACb,SAASA,EAAM;AAAA,QACf,iBAAiBA,EAAM;AAAA,QACvB,UAAUA,EAAM;AAAA,QAChB,SAASA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhBA,EAAM;AAAA,IACP,gBAAAC;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,mBAAmBN,EAAM;AAAA,QACzB,UAAUA,EAAM;AAAA,QAChB,SAASA,EAAM;AAAA,QACf,kBAAkBA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,EAAA,CACF,EAAA,CACF;AAEJ;AAGA,MAAMI,IAAgBG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWd,CAAC,EAAE,UAAAR,EAAA,MAAeA,CAAQ;AAAA,eAC1B,CAAC,EAAE,UAAAD,EAAA,MAAeA,CAAQ;AAAA;"}

package/dist/common/modals/order-action-modal/footer/OrderActionFooter.js

@@ -0,0 +1,35 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { Button as r } from "@bjsdistribution/dms-component-library";
+import i from "styled-components";
+function u(t) {
+  const { isSubmitDisabled: e } = t;
+  return /* @__PURE__ */ o(s, { children: [
+    /* @__PURE__ */ n(
+      d,
+      {
+        shape: "rounded",
+        colors: "primary",
+        onClick: t.onSubmit,
+        disabled: e,
+        children: t.submitButtonTitle || "submit"
+      }
+    ),
+    t.actions
+  ] });
+}
+const d = i(r)``, s = i.div`
+  display: flex;
+  /* justify-content: space-between; */
+  gap: 15px;
+  align-items: center;
+  width: 100%;
+  background: #f8fafc;
+  border-radius: 0px 0px 6px 6px;
+  padding: 10px 15px 10px 15px;
+  border-top: 1px solid #edebe8;
+  margin-left: 25px;
+`;
+export {
+  u as default
+};
+//# sourceMappingURL=OrderActionFooter.js.map

package/dist/common/modals/order-action-modal/footer/OrderActionFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderActionFooter.js","sources":["../../../../../src/common/modals/order-action-modal/footer/OrderActionFooter.tsx"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface FooterProps {\n  submitButtonTitle?: string;\n  cancelButtonTitle?: string;\n  actions?: React.ReactNode;\n  onSubmit: () => void;\n  onCancel?: () => void;\n  isSubmitDisabled?: boolean;\n}\n\nfunction OrderActionFooter(props: FooterProps) {\n  const { isSubmitDisabled } = props;\n  return (\n    <Container>\n      <SubmitButton\n        shape=\"rounded\"\n        colors=\"primary\"\n        onClick={props.onSubmit}\n        disabled={isSubmitDisabled}\n      >\n        {props.submitButtonTitle || 'submit'}\n      </SubmitButton>\n      {props.actions}\n    </Container>\n  );\n}\n\nconst SubmitButton = styled(Button)``;\n\nconst Container = styled.div`\n  display: flex;\n  /* justify-content: space-between; */\n  gap: 15px;\n  align-items: center;\n  width: 100%;\n  background: #f8fafc;\n  border-radius: 0px 0px 6px 6px;\n  padding: 10px 15px 10px 15px;\n  border-top: 1px solid #edebe8;\n  margin-left: 25px;\n`;\n\nexport default OrderActionFooter;\n"],"names":["OrderActionFooter","props","isSubmitDisabled","Container","jsx","SubmitButton","styled","Button"],"mappings":";;;AAaA,SAASA,EAAkBC,GAAoB;AAC7C,QAAM,EAAE,kBAAAC,MAAqBD;AAC7B,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,SAASJ,EAAM;AAAA,QACf,UAAUC;AAAA,QAET,YAAM,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7BD,EAAM;AAAA,EAAA,GACT;AAEJ;AAEA,MAAMI,IAAeC,EAAOC,CAAM,KAE5BJ,IAAYG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/common/modals/order-action-modal/header/AdditionalInformation.js

@@ -0,0 +1,37 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import i from "styled-components";
+function x(t) {
+  return /* @__PURE__ */ o(e, { children: [
+    /* @__PURE__ */ n(r, {}),
+    /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(a, { children: t.info }) })
+  ] });
+}
+const a = i.p`
+  color: #ffffff;
+  font-family: 'Lato', sans-serif;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 600;
+  margin: 0;
+  padding: 0;
+`, e = i.div`
+  display: flex;
+  align-items: center;
+`, r = i.div`
+  width: 9px;
+  height: 45px;
+  background: #3a3630;
+`, d = i.div`
+  display: flex;
+  padding: 3px 10px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 20px;
+  border-radius: 0px 15px 15px 0px;
+  background: rgba(63, 151, 188, 0.6);
+  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;
+`;
+export {
+  x as default
+};
+//# sourceMappingURL=AdditionalInformation.js.map

package/dist/common/modals/order-action-modal/header/AdditionalInformation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalInformation.js","sources":["../../../../../src/common/modals/order-action-modal/header/AdditionalInformation.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\n\ninterface IProps {\n  info: string;\n}\n\nfunction AdditionalInformation(props: IProps) {\n  return (\n    <Container>\n      <Rect />\n      <AdditionalInfo>\n        <Text>{props.info}</Text>\n      </AdditionalInfo>\n    </Container>\n  );\n}\n\nconst Text = styled.p`\n  color: #ffffff;\n  font-family: 'Lato', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n  margin: 0;\n  padding: 0;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Rect = styled.div`\n  width: 9px;\n  height: 45px;\n  background: #3a3630;\n`;\n\nconst AdditionalInfo = styled.div`\n  display: flex;\n  padding: 3px 10px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 20px;\n  border-radius: 0px 15px 15px 0px;\n  background: rgba(63, 151, 188, 0.6);\n  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n`;\n\nexport default AdditionalInformation;\n"],"names":["AdditionalInformation","props","Container","jsx","Rect","AdditionalInfo","Text","styled"],"mappings":";;AAOA,SAASA,EAAsBC,GAAe;AAC5C,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK;AAAA,sBACLC,GAAA,EACC,UAAA,gBAAAF,EAACG,GAAA,EAAM,UAAAL,EAAM,MAAK,EAAA,CACpB;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMK,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUdL,IAAYK,EAAO;AAAA;AAAA;AAAA,GAKnBH,IAAOG,EAAO;AAAA;AAAA;AAAA;AAAA,GAMdF,IAAiBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/common/modals/order-action-modal/header/OrderActionHeader.js

@@ -0,0 +1,58 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { CrossIcon as f } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import d from "./AdditionalInformation.js";
+function y(i) {
+  const {
+    title: e,
+    actions: r,
+    showInformation: s = !1,
+    infoText: a = " ",
+    onClose: p
+  } = i;
+  return /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ o(x, { children: e }),
+      s && /* @__PURE__ */ o(d, { info: a }),
+      r
+    ] }),
+    /* @__PURE__ */ o(c, { onClick: p, children: /* @__PURE__ */ o(f, {}) })
+  ] });
+}
+const l = t.div`
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  width: 90%;
+  margin-left: 20px;
+`, c = t.div`
+  svg > path {
+    fill: #ffffff;
+  }
+  cursor: pointer;
+`, x = t.h3`
+  margin: 0;
+  padding: 0;
+  color: #edebe8;
+  text-transform: uppercase;
+  font-size: 20px;
+  font-family: 'Roboto', sans-serif;
+  font-style: normal;
+  font-weight: 900;
+  text-wrap: nowrap;
+`, m = t.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  background: #3a3630;
+  border-radius: 12px 12px 0px 0px;
+  padding: 10px 15px 10px 15px;
+  position: sticky;
+  top: 0;
+  z-index: 9;
+`;
+export {
+  y as default
+};
+//# sourceMappingURL=OrderActionHeader.js.map

package/dist/common/modals/order-action-modal/header/OrderActionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderActionHeader.js","sources":["../../../../../src/common/modals/order-action-modal/header/OrderActionHeader.tsx"],"sourcesContent":["import { CrossIcon } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport AdditionalInformation from './AdditionalInformation';\n\ninterface HeaderProps {\n  title: string;\n  actions?: React.ReactNode;\n  showInformation?: boolean;\n  infoText?: string;\n  onClose: () => void;\n}\n\nfunction OrderActionHeader(props: HeaderProps) {\n  const {\n    title,\n    actions,\n    showInformation = false,\n    infoText = ' ',\n    onClose,\n  } = props;\n\n  return (\n    <Container>\n      <Wrapper>\n        <Title>{title}</Title>\n        {showInformation && <AdditionalInformation info={infoText} />}\n        {actions}\n      </Wrapper>\n\n      <IconContainer onClick={onClose}>\n        <CrossIcon />\n      </IconContainer>\n    </Container>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  width: 90%;\n  margin-left: 20px;\n`;\n\nconst IconContainer = styled.div`\n  svg > path {\n    fill: #ffffff;\n  }\n  cursor: pointer;\n`;\n\nconst Title = styled.h3`\n  margin: 0;\n  padding: 0;\n  color: #edebe8;\n  text-transform: uppercase;\n  font-size: 20px;\n  font-family: 'Roboto', sans-serif;\n  font-style: normal;\n  font-weight: 900;\n  text-wrap: nowrap;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  background: #3a3630;\n  border-radius: 12px 12px 0px 0px;\n  padding: 10px 15px 10px 15px;\n  position: sticky;\n  top: 0;\n  z-index: 9;\n`;\n\nexport default OrderActionHeader;\n"],"names":["OrderActionHeader","props","title","actions","showInformation","infoText","onClose","Container","jsxs","Wrapper","jsx","Title","AdditionalInformation","IconContainer","CrossIcon","styled"],"mappings":";;;;AAaA,SAASA,EAAkBC,GAAoB;AAC7C,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,EAAA,IACEL;AAEJ,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAO,UAAAT,EAAA,CAAM;AAAA,MACbE,KAAmB,gBAAAM,EAACE,GAAA,EAAsB,MAAMP,EAAA,CAAU;AAAA,MAC1DF;AAAA,IAAA,GACH;AAAA,sBAECU,GAAA,EAAc,SAASP,GACtB,UAAA,gBAAAI,EAACI,KAAU,EAAA,CACb;AAAA,EAAA,GACF;AAEJ;AAEA,MAAML,IAAUM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjBF,IAAgBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYfR,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/common/radio-group/RadioButton.js

@@ -0,0 +1,55 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import r from "styled-components";
+import n from "../../assets/icons/RadioButtonCheckIcon.js";
+import { fonts as i } from "./types.js";
+function f(o) {
+  return /* @__PURE__ */ t(d, { children: [
+    o.checked && /* @__PURE__ */ e(n, { color: o.color }),
+    /* @__PURE__ */ e(c, { className: "appearance", type: "radio", ...o }),
+    /* @__PURE__ */ e(a, { htmlFor: o.id, children: o.label })
+  ] });
+}
+const a = r.label`
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: ${i.secondary};
+  color: #aea9a1;
+  white-space: nowrap;
+`, c = r.input`
+  appearance: none;
+  margin: 0;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #aea9a1;
+  border-radius: 14px;
+  cursor: pointer;
+
+  &:checked {
+    & + ${a} {
+      color: ${(o) => o.color || "#6396e5"};
+    }
+    display: none;
+  }
+
+  &::after {
+    content: '';
+    display: block;
+    border-radius: 14px;
+    width: 12px;
+    height: 12px;
+    margin: 2px;
+  }
+
+  &:checked::after {
+    background-color: ${(o) => o.color || "#6396e5"};
+  }
+`, d = r.div`
+  display: flex;
+  gap: 5px;
+  align-items: center;
+`;
+export {
+  f as default
+};
+//# sourceMappingURL=RadioButton.js.map

package/dist/common/radio-group/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../src/common/radio-group/RadioButton.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport RadioButtonCheckIcon from '../../assets/icons/RadioButtonCheckIcon';\nimport { RadioInputProps, fonts } from './types';\n\nfunction RadioButton(props: RadioInputProps) {\n  return (\n    <RadioContainer>\n      {props.checked && <RadioButtonCheckIcon color={props.color} />}\n      <Input className=\"appearance\" type=\"radio\" {...props} />\n      <Label htmlFor={props.id}>{props.label}</Label>\n    </RadioContainer>\n  );\n}\n\nconst Label = styled.label`\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ${fonts.secondary};\n  color: #aea9a1;\n  white-space: nowrap;\n`;\n\nconst Input = styled.input<{ color?: string }>`\n  appearance: none;\n  margin: 0;\n  width: 16px;\n  height: 16px;\n  border: 1px solid #aea9a1;\n  border-radius: 14px;\n  cursor: pointer;\n\n  &:checked {\n    & + ${Label} {\n      color: ${props => props.color || '#6396e5'};\n    }\n    display: none;\n  }\n\n  &::after {\n    content: '';\n    display: block;\n    border-radius: 14px;\n    width: 12px;\n    height: 12px;\n    margin: 2px;\n  }\n\n  &:checked::after {\n    background-color: ${props => props.color || '#6396e5'};\n  }\n`;\n\nconst RadioContainer = styled.div`\n  display: flex;\n  gap: 5px;\n  align-items: center;\n`;\n\nexport default RadioButton;\n"],"names":["RadioButton","props","RadioContainer","jsx","RadioButtonCheckIcon","Input","Label","styled","fonts"],"mappings":";;;;AAKA,SAASA,EAAYC,GAAwB;AAC3C,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAD,EAAM,WAAW,gBAAAE,EAACC,GAAA,EAAqB,OAAOH,EAAM,OAAO;AAAA,sBAC3DI,GAAA,EAAM,WAAU,cAAa,MAAK,SAAS,GAAGJ,GAAO;AAAA,sBACrDK,GAAA,EAAM,SAASL,EAAM,IAAK,YAAM,MAAA,CAAM;AAAA,EAAA,GACzC;AAEJ;AAEA,MAAMK,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA,iBAIJC,EAAM,SAAS;AAAA;AAAA;AAAA,GAK1BH,IAAQE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUXD,CAAK;AAAA,eACA,CAAAL,MAASA,EAAM,SAAS,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAexB,CAAAA,MAASA,EAAM,SAAS,SAAS;AAAA;AAAA,GAInDC,IAAiBK,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/common/radio-group/RadioButtonGroup.js

@@ -0,0 +1,79 @@
+import { jsxs as t, jsx as n, Fragment as m } from "react/jsx-runtime";
+import o, { css as y } from "styled-components";
+import b from "./RadioButton.js";
+import { fonts as c } from "./types.js";
+function F(e) {
+  const {
+    heading: i,
+    direction: p = "horizontal",
+    required: r = !0,
+    options: d,
+    onChange: f
+  } = e;
+  function h() {
+    return d?.map((u, g) => {
+      const { label: a, value: l, color: x } = u, s = `radio-option-${a?.replace(/\s+/g, "")}`;
+      return /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ n(
+          b,
+          {
+            value: l,
+            label: a,
+            id: s,
+            name: i.replace(/ /g, "-").toLowerCase(),
+            checked: e.selectedValue == l,
+            onChange: f,
+            color: x
+          },
+          s
+        ),
+        d.length - 1 !== g && /* @__PURE__ */ n($, {})
+      ] });
+    });
+  }
+  return /* @__PURE__ */ t(z, { children: [
+    /* @__PURE__ */ t(L, { children: [
+      /* @__PURE__ */ n(q, { children: i }),
+      r && /* @__PURE__ */ n(w, { $required: r || !1, children: "*" })
+    ] }),
+    /* @__PURE__ */ n(j, { $direction: p, className: "custom-wrapper", children: h() })
+  ] });
+}
+const $ = o.div`
+  width: 1px;
+  background: #e0e2e7;
+`, v = y`
+  color: #6a7378;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: ${c.secondary};
+  line-height: 20px;
+`, w = o.span`
+  ${(e) => !e.$required && "visibility: hidden;"}
+  ${v}
+`, L = o.div`
+  display: flex;
+`, q = o.legend`
+  color: #6a7378;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: ${c.secondary};
+  line-height: 20px;
+`, z = o.fieldset`
+  border: none;
+  padding: 0px;
+`, j = o.div`
+  display: flex;
+  flex-direction: ${(e) => e.$direction === "horizontal" ? "row" : "column"};
+  gap: 20px;
+  padding: 0px 10px;
+  border-radius: 15px;
+  border: 1px solid #e0e2e7;
+  background: #fff;
+  height: 30px;
+  justify-content: space-evenly;
+`;
+export {
+  F as default
+};
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist/common/radio-group/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","sources":["../../../src/common/radio-group/RadioButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n// import { StandardOptionsType } from '@bjsdistribution/dms-component-library';\nimport RadioButton from './RadioButton';\nimport {\n  DirectionType,\n  RadioButtonGroupProps,\n  RequiredTextProps,\n  fonts,\n} from './types';\n\ntype StandardOptionsType = {\n  label: string;\n  value: any;\n  color?: string;\n};\n\nfunction RadioButtonGroup(props: RadioButtonGroupProps) {\n  const {\n    heading,\n    direction = 'horizontal',\n    required = true,\n    options,\n    onChange,\n  } = props;\n\n  function renderOptions() {\n    return options?.map((option: StandardOptionsType, index: number) => {\n      const { label, value, color } = option;\n      const shortenedOptionLabel = label?.replace(/\\s+/g, '');\n      const optionId = `radio-option-${shortenedOptionLabel}`;\n\n      return (\n        <>\n          <RadioButton\n            value={value}\n            label={label}\n            key={optionId}\n            id={optionId}\n            name={heading.replace(/ /g, '-').toLowerCase()}\n            checked={props.selectedValue == value}\n            onChange={onChange}\n            color={color}\n          />\n          {options.length - 1 !== index && <Separator />}\n        </>\n      );\n    });\n  }\n  return (\n    <Fieldset>\n      <LegendContainer>\n        <Legend>{heading}</Legend>\n        {required && (\n          <RequiredText $required={required || false}>*</RequiredText>\n        )}\n      </LegendContainer>\n      <Wrapper $direction={direction} className=\"custom-wrapper\">\n        {renderOptions()}\n      </Wrapper>\n    </Fieldset>\n  );\n}\n\nconst Separator = styled.div`\n  width: 1px;\n  background: #e0e2e7;\n`;\n\nconst labelStyles = css`\n  color: #6a7378;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ${fonts.secondary};\n  line-height: 20px;\n`;\n\nconst RequiredText = styled.span<RequiredTextProps>`\n  ${props => !props.$required && 'visibility: hidden;'}\n  ${labelStyles}\n`;\n\nconst LegendContainer = styled.div`\n  display: flex;\n`;\n\nconst Legend = styled.legend`\n  color: #6a7378;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ${fonts.secondary};\n  line-height: 20px;\n`;\n\nconst Fieldset = styled.fieldset`\n  border: none;\n  padding: 0px;\n`;\n\nconst Wrapper = styled.div<{ $direction: DirectionType }>`\n  display: flex;\n  flex-direction: ${props =>\n    props.$direction === 'horizontal' ? 'row' : 'column'};\n  gap: 20px;\n  padding: 0px 10px;\n  border-radius: 15px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  height: 30px;\n  justify-content: space-evenly;\n`;\n\nexport default RadioButtonGroup;\n"],"names":["RadioButtonGroup","props","heading","direction","required","options","onChange","renderOptions","option","index","label","value","color","optionId","jsxs","Fragment","jsx","RadioButton","Separator","Fieldset","LegendContainer","Legend","RequiredText","Wrapper","styled","labelStyles","css","fonts"],"mappings":";;;;AAiBA,SAASA,EAAiBC,GAA8B;AACtD,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEL;AAEJ,WAASM,IAAgB;AACvB,WAAOF,GAAS,IAAI,CAACG,GAA6BC,MAAkB;AAClE,YAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,OAAAC,EAAA,IAAUJ,GAE1BK,IAAW,gBADYH,GAAO,QAAQ,QAAQ,EAAE,CACD;AAErD,aACE,gBAAAI,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAAN;AAAA,YACA,OAAAD;AAAA,YAEA,IAAIG;AAAA,YACJ,MAAMX,EAAQ,QAAQ,MAAM,GAAG,EAAE,YAAA;AAAA,YACjC,SAASD,EAAM,iBAAiBU;AAAA,YAChC,UAAAL;AAAA,YACA,OAAAM;AAAA,UAAA;AAAA,UALKC;AAAA,QAAA;AAAA,QAONR,EAAQ,SAAS,MAAMI,uBAAUS,GAAA,CAAA,CAAU;AAAA,MAAA,GAC9C;AAAA,IAEJ,CAAC;AAAA,EACH;AACA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAQ,UAAAnB,EAAA,CAAQ;AAAA,MAChBE,KACC,gBAAAY,EAACM,GAAA,EAAa,WAAWlB,KAAY,IAAO,UAAA,IAAA,CAAC;AAAA,IAAA,GAEjD;AAAA,sBACCmB,GAAA,EAAQ,YAAYpB,GAAW,WAAU,kBACvC,cAAc,CACjB;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMe,IAAYM,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAcC;AAAA;AAAA;AAAA;AAAA,iBAIHC,EAAM,SAAS;AAAA;AAAA,GAI1BL,IAAeE,EAAO;AAAA,IACxB,CAAAvB,MAAS,CAACA,EAAM,aAAa,qBAAqB;AAAA,IAClDwB,CAAW;AAAA,GAGTL,IAAkBI,EAAO;AAAA;AAAA,GAIzBH,IAASG,EAAO;AAAA;AAAA;AAAA;AAAA,iBAILG,EAAM,SAAS;AAAA;AAAA,GAI1BR,IAAWK,EAAO;AAAA;AAAA;AAAA,GAKlBD,IAAUC,EAAO;AAAA;AAAA,oBAEH,CAAAvB,MAChBA,EAAM,eAAe,eAAe,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/common/radio-group/types.js

@@ -0,0 +1,7 @@
+const s = {
+  secondary: "'Lato', sans-serif"
+};
+export {
+  s as fonts
+};
+//# sourceMappingURL=types.js.map

package/dist/common/radio-group/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/common/radio-group/types.ts"],"sourcesContent":["import { InputHTMLAttributes } from 'react';\n\nexport const fonts = {\n  primary: `'Roboto', sans-serif`,\n  secondary: `'Lato', sans-serif`,\n};\n\nexport type DirectionType = 'horizontal' | 'vertical';\n\nexport type StandardOptionsType = {\n  label: string;\n  value: string;\n  color?: string;\n};\n\nexport interface RadioButtonGroupProps {\n  heading: string;\n  direction?: DirectionType;\n  required?: boolean;\n  options: StandardOptionsType[];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  selectedValue: number;\n}\n\nexport interface RadioInputProps extends InputHTMLAttributes<HTMLInputElement> {\n  label: string;\n  id: string;\n}\n\nexport interface RequiredTextProps {\n  $required: boolean;\n}\n"],"names":["fonts"],"mappings":"AAEO,MAAMA,IAAQ;AAAA,EAEnB,WAAW;AACb;"}

package/dist/common/scrollbar/index.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import d from "react-custom-scrollbars-2";
+import t from "styled-components";
+function u(e) {
+  const { children: i, thumbHeight: n = 66 } = e;
+  return /* @__PURE__ */ o(
+    d,
+    {
+      thumbSize: n,
+      renderTrackHorizontal: (r) => /* @__PURE__ */ o(c, { ...r }),
+      renderView: (r) => /* @__PURE__ */ o(l, { ...r }),
+      renderThumbVertical: (r) => /* @__PURE__ */ o(a, { ...r }),
+      children: i
+    }
+  );
+}
+const a = t.div`
+  background-color: #586164;
+  border-radius: 66px;
+  width: 2px !important; // to overide styles
+  margin-top: 60px;
+`, l = t.div`
+  overflow-x: hidden;
+`, c = t.div`
+  display: none;
+`;
+export {
+  u as default
+};
+//# sourceMappingURL=index.js.map

package/dist/common/scrollbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/common/scrollbar/index.tsx"],"sourcesContent":["import Scrollbars from 'react-custom-scrollbars-2';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  children: React.ReactNode;\n  thumbHeight?: number;\n}\n\nfunction CustomScrollBar(props: IProps) {\n  const { children, thumbHeight = 66 } = props;\n  return (\n    <Scrollbars\n      thumbSize={thumbHeight}\n      renderTrackHorizontal={props => <TrackHorizontal {...props} />}\n      renderView={props => <View {...props} />}\n      renderThumbVertical={props => <ThumbVertical {...props} />}\n    >\n      {children}\n    </Scrollbars>\n  );\n}\n\nconst ThumbVertical = styled.div`\n  background-color: #586164;\n  border-radius: 66px;\n  width: 2px !important; // to overide styles\n  margin-top: 60px;\n`;\n\nconst View = styled.div`\n  overflow-x: hidden;\n`;\n\nconst TrackHorizontal = styled.div`\n  display: none;\n`;\n\nexport default CustomScrollBar;\n"],"names":["CustomScrollBar","props","children","thumbHeight","jsx","Scrollbars","TrackHorizontal","View","ThumbVertical","styled"],"mappings":";;;AASA,SAASA,EAAgBC,GAAe;AACtC,QAAM,EAAE,UAAAC,GAAU,aAAAC,IAAc,GAAA,IAAOF;AACvC,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,uBAAuB,CAAAF,MAAS,gBAAAG,EAACE,GAAA,EAAiB,GAAGL,GAAO;AAAA,MAC5D,YAAY,CAAAA,MAAS,gBAAAG,EAACG,GAAA,EAAM,GAAGN,GAAO;AAAA,MACtC,qBAAqB,CAAAA,MAAS,gBAAAG,EAACI,GAAA,EAAe,GAAGP,GAAO;AAAA,MAEvD,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAMM,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBF,IAAOE,EAAO;AAAA;AAAA,GAIdH,IAAkBG,EAAO;AAAA;AAAA;"}

package/dist/common/services-slider/ServiceSlider.js

@@ -0,0 +1,41 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { Switch as o } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import { getIcon as r } from "./helper.js";
+function h(e) {
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ i(a, { src: r(e.serviceId) }),
+    /* @__PURE__ */ i(c, { children: e.serviceName }),
+    /* @__PURE__ */ i("div", { className: "hidden", children: /* @__PURE__ */ i(
+      o,
+      {
+        checked: e.isSelected,
+        name: e.serviceName,
+        onChange: () => {
+        },
+        disabled: e?.disabled
+      }
+    ) })
+  ] });
+}
+const c = t.span`
+  color: #6a7378;
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  text-transform: capitalize;
+`, a = t.img`
+  min-width: 28px;
+  height: 28px;
+`, s = t.div`
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  /* cursor: not-allowed; */
+  flex: 1;
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=ServiceSlider.js.map

package/dist/common/services-slider/ServiceSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceSlider.js","sources":["../../../src/common/services-slider/ServiceSlider.tsx"],"sourcesContent":["import { Switch } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getIcon } from './helper';\n\ninterface SliderProps {\n  serviceName: string;\n  serviceId: number;\n  isSelected: boolean;\n  toggle: (id: number) => void;\n  disabled: boolean;\n}\n\nfunction ServiceSlider(props: SliderProps) {\n  // const onClick = (event: React.MouseEvent<HTMLDivElement>) => {\n  //   event.preventDefault();\n  //   props.toggle(props.serviceId);\n  // };\n\n  return (\n    <Container>\n      <ServiceIcon src={getIcon(props.serviceId)} />\n      <ServiceName>{props.serviceName}</ServiceName>\n      {/* to stop event propagation */}\n      <div className=\"hidden\">\n        <Switch\n          checked={props.isSelected}\n          name={props.serviceName}\n          onChange={() => {}}\n          disabled={props?.disabled}\n        />\n      </div>\n    </Container>\n  );\n}\n\nconst ServiceName = styled.span`\n  color: #6a7378;\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  text-transform: capitalize;\n`;\n\nconst ServiceIcon = styled.img`\n  min-width: 28px;\n  height: 28px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  /* cursor: not-allowed; */\n  flex: 1;\n`;\n\nexport default ServiceSlider;\n"],"names":["ServiceSlider","props","Container","jsx","ServiceIcon","getIcon","ServiceName","Switch","styled"],"mappings":";;;;AAaA,SAASA,EAAcC,GAAoB;AAMzC,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAY,KAAKC,EAAQJ,EAAM,SAAS,GAAG;AAAA,IAC5C,gBAAAE,EAACG,GAAA,EAAa,UAAAL,EAAM,YAAA,CAAY;AAAA,IAEhC,gBAAAE,EAAC,OAAA,EAAI,WAAU,UACb,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,MAAMA,EAAM;AAAA,QACZ,UAAU,MAAM;AAAA,QAAC;AAAA,QACjB,UAAUA,GAAO;AAAA,MAAA;AAAA,IAAA,EACnB,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMK,IAAcE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBJ,IAAcI,EAAO;AAAA;AAAA;AAAA,GAKrBN,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/common/services-slider/helper.js

@@ -0,0 +1,21 @@
+const e = "/assets/images/", a = {
+  1: "assembly.svg",
+  //1
+  2: "disassembly.svg",
+  //2
+  3: "unpack_items.svg",
+  //3
+  4: "packaging_removal.svg",
+  //4
+  5: "collect_disposal.svg"
+  //5
+}, c = (s) => a[s], n = (s) => {
+  const t = c(s);
+  return `${e}${t}`;
+};
+export {
+  n as getIcon,
+  c as getSubPath,
+  a as paths
+};
+//# sourceMappingURL=helper.js.map

package/dist/common/services-slider/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/common/services-slider/helper.ts"],"sourcesContent":["const baseURL = \"/assets/images/\";\n\n// export type ServiceOffered =\n//   | \"Assemble\"\n//   | \"Take Packaging Away\"\n//   | \"Disassemble\"\n//   | \"Collect Disposal\"\n//   | \"Unpack Items\";\n\nexport const paths: Record<number, string> = {\n  1: 'assembly.svg', //1\n  2: 'disassembly.svg', //2\n  3: 'unpack_items.svg', //3\n  4: 'packaging_removal.svg', //4\n  5: 'collect_disposal.svg', //5\n};\n\nexport const getSubPath = (input: number): string => {\n  const result = paths[input];\n  return result;\n};\n\nexport const getIcon = (input: number): string => {\n  const subPath = getSubPath(input);\n  return `${baseURL}${subPath}`;\n};\n"],"names":["baseURL","paths","getSubPath","input","getIcon","subPath"],"mappings":"AAAA,MAAMA,IAAU,mBASHC,IAAgC;AAAA,EAC3C,GAAG;AAAA;AAAA,EACH,GAAG;AAAA;AAAA,EACH,GAAG;AAAA;AAAA,EACH,GAAG;AAAA;AAAA,EACH,GAAG;AAAA;AACL,GAEaC,IAAa,CAACC,MACVF,EAAME,CAAK,GAIfC,IAAU,CAACD,MAA0B;AAChD,QAAME,IAAUH,EAAWC,CAAK;AAChC,SAAO,GAAGH,CAAO,GAAGK,CAAO;AAC7B;"}

package/dist/common/utils.js

@@ -0,0 +1,7 @@
+import { getProjectEnv as o } from "@bjsdistribution/dms-component-library";
+const e = o(), t = e === "release_us" ? "Zipcode" : "Postcode", c = e === "release_us" ? "LBS" : "KG";
+export {
+  t as POSTCODE_LABEL,
+  c as WEIGHT_UNIT
+};
+//# sourceMappingURL=utils.js.map

package/dist/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/common/utils.ts"],"sourcesContent":["import { getProjectEnv } from '@bjsdistribution/dms-component-library';\n\nconst basedEnv = getProjectEnv();\n\nexport const POSTCODE_LABEL = basedEnv === 'release_us' ? 'Zipcode' : 'Postcode';\nexport const CURRENCY_SYMBOL = basedEnv === 'release_us' ? '$' : '£';\nexport const WEIGHT_UNIT = basedEnv === 'release_us' ? 'LBS' : 'KG';\n\nexport const getEnvironment = () => basedEnv;\n"],"names":["basedEnv","getProjectEnv","POSTCODE_LABEL","WEIGHT_UNIT"],"mappings":";AAEA,MAAMA,IAAWC,EAAA,GAEJC,IAAiBF,MAAa,eAAe,YAAY,YAEzDG,IAAcH,MAAa,eAAe,QAAQ;"}

package/dist/components/client-portal/DateFilterStore.js

@@ -0,0 +1,132 @@
+import p from "dayjs";
+import { atom as o } from "jotai";
+const u = {
+  "x-filters": [{ field: "order_status", op: "=", value: "complete" }],
+  "x-pagination": { page: 1, per_page: 50 }
+}, _ = (e, l) => {
+  switch (l.type) {
+    case "SET_CP_DATE_FILTER": {
+      const { startDate: r, endDate: i, status: s } = l.payload;
+      let t = "created_at";
+      s === "return_completed" && (t = "action_date");
+      const a = [];
+      if (r && i && r === i)
+        a.push({
+          field: t,
+          op: ">=",
+          value: `${r}T00:00:00+00:00`
+        }), a.push({
+          field: t,
+          op: "<=",
+          value: `${r}T23:59:59+00:00`
+        });
+      else if (r && !i) {
+        const d = p(r).add(1, "day").format("YYYY-MM-DD");
+        a.push({
+          field: t,
+          op: ">=",
+          value: `${r}T00:00:00+00:00`
+        }), a.push({
+          field: t,
+          op: "<=",
+          value: `${d}T00:00:00+00:00`
+        });
+      } else
+        r && a.push({
+          field: t,
+          op: ">=",
+          value: `${r}T00:00:00+00:00`
+        }), i && a.push({
+          field: t,
+          op: "<=",
+          value: `${i}T23:59:59+00:00`
+        });
+      return {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter(
+            (d) => d.field !== "created_at" && d.field !== "action_date"
+          ),
+          ...a
+        ]
+      };
+    }
+    case "CLEAR_CP_DATE_FILTER": {
+      console.log("Before clearing:", e["x-filters"]);
+      const r = e["x-filters"].filter(
+        (i) => i.field !== "created_at" && i.field !== "action_date"
+      );
+      return {
+        ...e,
+        "x-filters": r
+      };
+    }
+    //client portal
+    case "SET_SCHEDULED_RETURN_FILTER":
+      return l.payload ? {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "order_status"),
+          {
+            field: "order_status",
+            op: "=",
+            value: l.payload
+          }
+        ]
+      } : {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "order_status"
+        )
+      };
+    case "SET_RETURN_COMPLETED_FILTER":
+      return l.payload ? {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "order_status"),
+          {
+            field: "order_status",
+            op: "=",
+            value: l.payload
+          }
+        ]
+      } : {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "order_status"
+        )
+      };
+    case "SET_PAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          page: l.payload
+        }
+      };
+    case "SET_PERPAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          per_page: l.payload
+        }
+      };
+    case "CLEAR_FILTERS":
+      return {
+        ...e
+      };
+    default:
+      return e;
+  }
+}, f = o(u), c = o(
+  (e) => e(f),
+  (e, l, r) => l(
+    f,
+    _(e(f), r)
+  )
+);
+export {
+  c as dateFilterCPReducer
+};
+//# sourceMappingURL=DateFilterStore.js.map