@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-view/order-details/expanded-content/services-section/ServiceType.js

@@ -1,30 +1,26 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { SelectDropdown as m, toReverseDeliveryLabel as u, Label as y } from "@bjsdistribution/dms-component-library";
-import { useOrderStaticData as v, useOrderDetails as D } from "../../../store.js";
-import l from "styled-components";
-import { capitalize as f } from "../../../utils.js";
-import { useClientPortal as w } from "../../../../store.js";
-function L() {
-  const [i] = v(), [t, n] = D(), [p] = w(), s = t?.order_type_id, o = i?.order_type?.map(
-    (e) => {
-      const r = f(e.type.replaceAll("_", " "));
-      return {
-        label: p ? r : u(r),
-        value: e.id
-      };
-    }
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { SelectDropdown as c, Label as m } from "@bjsdistribution/dms-component-library";
+import { useOrderStaticData as u, useOrderDetails as y } from "../../../store.js";
+import a from "styled-components";
+import { capitalize as D } from "../../../utils.js";
+function _() {
+  const [i] = u(), [r, l] = y(), p = r?.order_type_id, t = i?.order_type?.map(
+    (e) => ({
+      label: D(e.type.replaceAll("_", " ")),
+      value: e.id
+    })
   ), d = (e) => {
-    const r = { ...t, order_type_id: e.value };
-    n(r);
+    const n = { ...r, order_type_id: e.value };
+    l(n);
   };
-  return /* @__PURE__ */ c(S, { children: [
-    /* @__PURE__ */ a(y, { label: "Service Type", htmlFor: "serviceTypeDropdown" }),
-    /* @__PURE__ */ a(
-      b,
+  return /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ o(m, { label: "Service Type", htmlFor: "serviceTypeDropdown" }),
+    /* @__PURE__ */ o(
+      v,
       {
         placeholder: "Select Service Type",
-        options: o || [],
-        value: o?.filter((e) => e.value === s),
+        options: t || [],
+        value: t?.filter((e) => e.value === p),
         inputId: "serviceTypeDropdown",
         openMenuOnFocus: !0,
         onChange: d,
@@ -34,19 +30,19 @@ function L() {
     )
   ] });
 }
-const S = l.div`
+const f = a.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
   // flex: 1;
   min-width: 250px;
-`, b = l(m)`
+`, v = a(c)`
   &.disabled {
     cursor: not-allowed !important;
     opacity: 0.7;
   }
 `;
 export {
-  L as default
+  _ as default
 };
 //# sourceMappingURL=ServiceType.js.map

package/dist/components/order-view/order-details/expanded-content/services-section/ServiceType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceType.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/ServiceType.tsx"],"sourcesContent":["import React from 'react';\nimport { Label, SelectDropdown, toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\nimport { useOrderDetails, useOrderStaticData } from '../../../store';\nimport styled from 'styled-components';\nimport { capitalize } from '../../../utils';\nimport { useClientPortal } from '../../../../store';\n\nfunction ServiceTypeDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetails();\n  const [isClientPortal] = useClientPortal();\n\n  const orderTypeId = orderData?.order_type_id;\n\n  const serviceTypeOptions = orderStaticData?.order_type?.map(\n    (option: any) => {\n      const rawLabel = capitalize(option.type.replaceAll('_', ' '));\n      return {\n        label: isClientPortal ? rawLabel : toReverseDeliveryLabel(rawLabel),\n        value: option.id,\n      };\n    }\n  );\n\n  const onChange = (event: any) => {\n    const newData = { ...orderData, order_type_id: event.value };\n    setOrderData(newData);\n  };\n  const isDisabled = true;\n\n  return (\n    <Container>\n      <Label label=\"Service Type\" htmlFor=\"serviceTypeDropdown\" />\n      <StyledSelectDropdown\n        placeholder=\"Select Service Type\"\n        options={serviceTypeOptions || []}\n        value={serviceTypeOptions?.filter((f: any) => f.value === orderTypeId)}\n        inputId=\"serviceTypeDropdown\"\n        openMenuOnFocus\n        onChange={onChange}\n        isDisabled={true}\n        className={isDisabled ? 'disabled' : ''}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  // flex: 1;\n  min-width: 250px;\n`;\n\nconst StyledSelectDropdown = styled(SelectDropdown)`\n  &.disabled {\n    cursor: not-allowed !important;\n    opacity: 0.7;\n  }\n`;\n\nexport default ServiceTypeDropdown;\n"],"names":["ServiceTypeDropdown","orderStaticData","useOrderStaticData","orderData","setOrderData","useOrderDetails","isClientPortal","useClientPortal","orderTypeId","serviceTypeOptions","option","rawLabel","capitalize","toReverseDeliveryLabel","onChange","event","newData","Container","jsx","Label","StyledSelectDropdown","f","styled","SelectDropdown"],"mappings":";;;;;;AAOA,SAASA,IAAsB;AAC7B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAC5B,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAcL,GAAW,eAEzBM,IAAqBR,GAAiB,YAAY;AAAA,IACtD,CAACS,MAAgB;AACf,YAAMC,IAAWC,EAAWF,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC;AAC5D,aAAO;AAAA,QACL,OAAOJ,IAAiBK,IAAWE,EAAuBF,CAAQ;AAAA,QAClE,OAAOD,EAAO;AAAA,MAAA;AAAA,IAElB;AAAA,EAAA,GAGII,IAAW,CAACC,MAAe;AAC/B,UAAMC,IAAU,EAAE,GAAGb,GAAW,eAAeY,EAAM,MAAA;AACrD,IAAAX,EAAaY,CAAO;AAAA,EACtB;AAGA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,gBAAe,SAAQ,uBAAsB;AAAA,IAC1D,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASX,KAAsB,CAAA;AAAA,QAC/B,OAAOA,GAAoB,OAAO,CAACY,MAAWA,EAAE,UAAUb,CAAW;AAAA,QACrE,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,UAAAM;AAAA,QACA,YAAY;AAAA,QACZ,WAAwB;AAAA,MAAa;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEA,MAAMG,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBF,IAAuBE,EAAOC,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ServiceType.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/ServiceType.tsx"],"sourcesContent":["import React from 'react';\nimport { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport { useOrderDetails, useOrderStaticData } from '../../../store';\nimport styled from 'styled-components';\nimport { capitalize } from '../../../utils';\n\nfunction ServiceTypeDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetails();\n\n  const orderTypeId = orderData?.order_type_id;\n\n  const serviceTypeOptions = orderStaticData?.order_type?.map(\n    (option: any) => ({\n      label: capitalize(option.type.replaceAll('_', ' ')),\n      value: option.id,\n    })\n  );\n\n  const onChange = (event: any) => {\n    const newData = { ...orderData, order_type_id: event.value };\n    setOrderData(newData);\n  };\n  const isDisabled = true;\n\n  return (\n    <Container>\n      <Label label=\"Service Type\" htmlFor=\"serviceTypeDropdown\" />\n      <StyledSelectDropdown\n        placeholder=\"Select Service Type\"\n        options={serviceTypeOptions || []}\n        value={serviceTypeOptions?.filter((f: any) => f.value === orderTypeId)}\n        inputId=\"serviceTypeDropdown\"\n        openMenuOnFocus\n        onChange={onChange}\n        isDisabled={true}\n        className={isDisabled ? 'disabled' : ''}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  // flex: 1;\n  min-width: 250px;\n`;\n\nconst StyledSelectDropdown = styled(SelectDropdown)`\n  &.disabled {\n    cursor: not-allowed !important;\n    opacity: 0.7;\n  }\n`;\n\nexport default ServiceTypeDropdown;\n"],"names":["ServiceTypeDropdown","orderStaticData","useOrderStaticData","orderData","setOrderData","useOrderDetails","orderTypeId","serviceTypeOptions","option","capitalize","onChange","event","newData","Container","jsx","Label","StyledSelectDropdown","f","styled","SelectDropdown"],"mappings":";;;;;AAMA,SAASA,IAAsB;AAC7B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAcH,GAAW,eAEzBI,IAAqBN,GAAiB,YAAY;AAAA,IACtD,CAACO,OAAiB;AAAA,MAChB,OAAOC,EAAWD,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,MAClD,OAAOA,EAAO;AAAA,IAAA;AAAA,EAChB,GAGIE,IAAW,CAACC,MAAe;AAC/B,UAAMC,IAAU,EAAE,GAAGT,GAAW,eAAeQ,EAAM,MAAA;AACrD,IAAAP,EAAaQ,CAAO;AAAA,EACtB;AAGA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,gBAAe,SAAQ,uBAAsB;AAAA,IAC1D,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAAST,KAAsB,CAAA;AAAA,QAC/B,OAAOA,GAAoB,OAAO,CAACU,MAAWA,EAAE,UAAUX,CAAW;AAAA,QACrE,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,UAAAI;AAAA,QACA,YAAY;AAAA,QACZ,WAAwB;AAAA,MAAa;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEA,MAAMG,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBF,IAAuBE,EAAOC,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/services-section/index.js

@@ -1,31 +1,31 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { FormSection as i } from "@bjsdistribution/dms-component-library";
-import o from "styled-components";
-import p from "../../common/Header.js";
-import n from "./TimedService.js";
-import t from "./ServiceType.js";
-import d from "./DeliveryPoint.js";
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { FormSection as r } from "@bjsdistribution/dms-component-library";
+import e from "styled-components";
+import o from "../../common/Header.js";
+import t from "./TimedService.js";
+import n from "./ServiceType.js";
+import p from "./DeliveryPoint.js";
 import a from "./ServiceLevel.js";
 import m from "./AssemblyType.js";
-import c from "./OrderServices.js";
-function j() {
-  return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ e(p, { label: "Services" }),
-    /* @__PURE__ */ r(s, { children: [
-      /* @__PURE__ */ r(l, { children: [
-        /* @__PURE__ */ e(n, {}),
-        /* @__PURE__ */ e(t, {}),
-        /* @__PURE__ */ e(d, {})
+import x from "./OrderServices.js";
+function C() {
+  return /* @__PURE__ */ d(h, { children: [
+    /* @__PURE__ */ i(o, { label: "Services" }),
+    /* @__PURE__ */ d(s, { children: [
+      /* @__PURE__ */ d(c, { children: [
+        /* @__PURE__ */ i(t, {}),
+        /* @__PURE__ */ i(n, {}),
+        /* @__PURE__ */ i(p, {})
       ] }),
-      /* @__PURE__ */ r(x, { children: [
-        /* @__PURE__ */ e(a, {}),
-        /* @__PURE__ */ e(m, {})
+      /* @__PURE__ */ d(l, { children: [
+        /* @__PURE__ */ i(a, {}),
+        /* @__PURE__ */ i(m, {})
       ] })
     ] }),
-    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(c, {}) })
+    /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(x, {}) })
   ] });
 }
-const s = o.div`
+const s = e.div`
   display: flex;
   gap: 30px;
 
@@ -33,19 +33,66 @@ const s = o.div`
     flex-direction: column;
     gap: 20px;
   }
-`, l = o.div`
+`, c = e.div`
   display: contents;
   @media screen and (max-width: 1280px) {
     display: flex;
     gap: 15px;
   }
-`, x = o.div`
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: 14px;
+    width: 100%;
+    min-width: 0;
+    > div {
+      width: 100%;
+      min-width: 0;
+      max-width: 100%;
+      box-sizing: border-box;
+    }
+    fieldset {
+      min-width: 0;
+      max-width: 100%;
+    }
+    fieldset > div {
+      flex-wrap: wrap;
+      gap: 10px 16px;
+    }
+  }
+`, l = e.div`
   display: contents;
   @media screen and (max-width: 1280px) {
     display: flex;
     gap: 15px;
   }
-`, f = o.div``, v = o(i)`
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: 14px;
+    width: 100%;
+    min-width: 0;
+    > div {
+      width: 100%;
+      min-width: 0;
+      max-width: 100%;
+      box-sizing: border-box;
+    }
+    fieldset {
+      min-width: 0;
+      max-width: 100%;
+    }
+    fieldset > div {
+      flex-wrap: wrap;
+      gap: 10px 16px;
+    }
+  }
+`, w = e.div`
+  @media screen and (max-width: 768px) {
+    min-width: 0;
+    max-width: 100%;
+  }
+`, h = e(r)`
   flex: 1;
   flex-direction: column;
   gap: 10px;
@@ -57,8 +104,15 @@ const s = o.div`
   span {
     cursor: default !important;
   }
+
+  @media screen and (max-width: 768px) {
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
+    overflow-x: hidden;
+  }
 `;
 export {
-  j as default
+  C as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-view/order-details/expanded-content/services-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/index.tsx"],"sourcesContent":["import { FormSection } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Header from '../../common/Header';\nimport TimedServiceDropdown from './TimedService';\nimport ServiceTypeDropdown from './ServiceType';\nimport DeliveryPointDropdown from './DeliveryPoint';\nimport ServiceLevel from './ServiceLevel';\nimport AssemblyType from './AssemblyType';\nimport OrderServices from './OrderServices';\n\nfunction ServicesSection() {\n  return (\n    <CustomFormSection>\n      <Header label=\"Services\" />\n      <Top>\n        <DropDownContainer>\n          <TimedServiceDropdown />\n          <ServiceTypeDropdown />\n          <DeliveryPointDropdown />\n        </DropDownContainer>\n        <RadioContainer>\n          <ServiceLevel />\n          <AssemblyType />\n        </RadioContainer>\n      </Top>\n      <Bottom>\n        <OrderServices />\n      </Bottom>\n    </CustomFormSection>\n  );\n}\n\nconst Top = styled.div`\n  display: flex;\n  gap: 30px;\n\n  @media screen and (max-width: 1280px) {\n    flex-direction: column;\n    gap: 20px;\n  }\n`;\n\nconst DropDownContainer = styled.div`\n  display: contents;\n  @media screen and (max-width: 1280px) {\n    display: flex;\n    gap: 15px;\n  }\n`;\n\nconst RadioContainer = styled.div`\n  display: contents;\n  @media screen and (max-width: 1280px) {\n    display: flex;\n    gap: 15px;\n  }\n`;\n\nconst Bottom = styled.div``;\n\nconst CustomFormSection = styled(FormSection)`\n  flex: 1;\n  flex-direction: column;\n  gap: 10px;\n  border-radius: 8px;\n  background: #f8fafc;\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n  label,\n  input,\n  span {\n    cursor: default !important;\n  }\n`;\n\nexport default ServicesSection;\n"],"names":["ServicesSection","CustomFormSection","jsx","Header","Top","jsxs","DropDownContainer","TimedServiceDropdown","ServiceTypeDropdown","DeliveryPointDropdown","RadioContainer","ServiceLevel","AssemblyType","Bottom","OrderServices","styled","FormSection"],"mappings":";;;;;;;;;;AAWA,SAASA,IAAkB;AACzB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAA,CAAW;AAAA,sBACxBC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAqB;AAAA,0BACrBC,GAAA,EAAoB;AAAA,0BACpBC,GAAA,CAAA,CAAsB;AAAA,MAAA,GACzB;AAAA,wBACCC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAR,EAACS,GAAA,EAAa;AAAA,0BACbC,GAAA,CAAA,CAAa;AAAA,MAAA,EAAA,CAChB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAV,EAACW,GAAA,EACC,UAAA,gBAAAX,EAACY,GAAA,CAAA,CAAc,EAAA,CACjB;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMV,IAAMW,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUbT,IAAoBS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BL,IAAiBK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxBF,IAASE,EAAO,OAEhBd,IAAoBc,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/index.tsx"],"sourcesContent":["import { FormSection } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Header from '../../common/Header';\nimport TimedServiceDropdown from './TimedService';\nimport ServiceTypeDropdown from './ServiceType';\nimport DeliveryPointDropdown from './DeliveryPoint';\nimport ServiceLevel from './ServiceLevel';\nimport AssemblyType from './AssemblyType';\nimport OrderServices from './OrderServices';\n\nfunction ServicesSection() {\n  return (\n    <CustomFormSection>\n      <Header label=\"Services\" />\n      <Top>\n        <DropDownContainer>\n          <TimedServiceDropdown />\n          <ServiceTypeDropdown />\n          <DeliveryPointDropdown />\n        </DropDownContainer>\n        <RadioContainer>\n          <ServiceLevel />\n          <AssemblyType />\n        </RadioContainer>\n      </Top>\n      <Bottom>\n        <OrderServices />\n      </Bottom>\n    </CustomFormSection>\n  );\n}\n\nconst Top = styled.div`\n  display: flex;\n  gap: 30px;\n\n  @media screen and (max-width: 1280px) {\n    flex-direction: column;\n    gap: 20px;\n  }\n`;\n\nconst DropDownContainer = styled.div`\n  display: contents;\n  @media screen and (max-width: 1280px) {\n    display: flex;\n    gap: 15px;\n  }\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    gap: 14px;\n    width: 100%;\n    min-width: 0;\n    > div {\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    fieldset {\n      min-width: 0;\n      max-width: 100%;\n    }\n    fieldset > div {\n      flex-wrap: wrap;\n      gap: 10px 16px;\n    }\n  }\n`;\n\nconst RadioContainer = styled.div`\n  display: contents;\n  @media screen and (max-width: 1280px) {\n    display: flex;\n    gap: 15px;\n  }\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    gap: 14px;\n    width: 100%;\n    min-width: 0;\n    > div {\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    fieldset {\n      min-width: 0;\n      max-width: 100%;\n    }\n    fieldset > div {\n      flex-wrap: wrap;\n      gap: 10px 16px;\n    }\n  }\n`;\n\nconst Bottom = styled.div`\n  @media screen and (max-width: 768px) {\n    min-width: 0;\n    max-width: 100%;\n  }\n`;\n\nconst CustomFormSection = styled(FormSection)`\n  flex: 1;\n  flex-direction: column;\n  gap: 10px;\n  border-radius: 8px;\n  background: #f8fafc;\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n  label,\n  input,\n  span {\n    cursor: default !important;\n  }\n\n  @media screen and (max-width: 768px) {\n    min-width: 0;\n    max-width: 100%;\n    box-sizing: border-box;\n    overflow-x: hidden;\n  }\n`;\n\nexport default ServicesSection;\n"],"names":["ServicesSection","CustomFormSection","jsx","Header","Top","jsxs","DropDownContainer","TimedServiceDropdown","ServiceTypeDropdown","DeliveryPointDropdown","RadioContainer","ServiceLevel","AssemblyType","Bottom","OrderServices","styled","FormSection"],"mappings":";;;;;;;;;;AAWA,SAASA,IAAkB;AACzB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAA,CAAW;AAAA,sBACxBC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAqB;AAAA,0BACrBC,GAAA,EAAoB;AAAA,0BACpBC,GAAA,CAAA,CAAsB;AAAA,MAAA,GACzB;AAAA,wBACCC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAR,EAACS,GAAA,EAAa;AAAA,0BACbC,GAAA,CAAA,CAAa;AAAA,MAAA,EAAA,CAChB;AAAA,IAAA,GACF;AAAA,IACA,gBAAAV,EAACW,GAAA,EACC,UAAA,gBAAAX,EAACY,GAAA,CAAA,CAAc,EAAA,CACjB;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMV,IAAMW,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUbT,IAAoBS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6B3BL,IAAiBK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxBF,IAASE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhBd,IAAoBc,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../src/components/order-view/order-details/helper.ts"],"sourcesContent":["export const depotOptions = [\n  {\n    label: 'BJS COURIERS',\n    value: 'bjs_couriers',\n  },\n  {\n    label: 'BRD 01',\n    value: 'brd_01',\n  },\n  {\n    label: 'EXE 01',\n    value: 'exe_01',\n  },\n];\n\nexport const timedServiceOptions = [\n  {\n    label: 'All Day',\n    value: 'all_day',\n  },\n  {\n    label: 'Business Hours',\n    value: 'business_hours',\n  },\n  {\n    label: 'AM (07:00 - 12:00)',\n    value: 'am',\n  },\n  {\n    label: 'PM (12:00 - 17:00)',\n    value: 'pm',\n  },\n  {\n    label: 'Evening (17:00 - 21:00)',\n    value: 'evening',\n  },\n  {\n    label: 'Daytime (11:00 - 16:00)',\n    value: 'daytime',\n  },\n  {\n    label: 'Morning (07:00 - 12:00)',\n    value: 'morning',\n  },\n  {\n    label: 'Late AM (09:00 - 12:00)',\n    value: 'late_am',\n  },\n  {\n    label: 'Late PM (15:00 - 20:00)',\n    value: 'late_pm',\n  },\n];\n\nexport const serviceTypeOptions = [\n  {\n    label: 'Delivery',\n    value: 'delivery',\n  },\n  {\n    label: 'Reverse Delivery',\n    value: 'collection',\n  },\n  {\n    label: 'Exchange',\n    value: 'exchange',\n  },\n  {\n    label: 'Service Order',\n    value: 'service_order',\n  },\n];\n\nexport const deliveryPointOptions = [\n  {\n    label: 'Room of Choice',\n    value: 'roc',\n  },\n  {\n    label: 'Hallway',\n    value: 'hallway',\n  },\n  {\n    label: 'Front Door',\n    value: 'front_door',\n  },\n  {\n    label: 'Garden',\n    value: 'garden',\n  },\n];\n\nexport const serviceLevelOptions = [\n  {\n    label: '1 Man',\n    value: '1man',\n  },\n  {\n    label: '1.5 Man',\n    value: '1.5man',\n  },\n  {\n    label: '2 Man',\n    value: '2man',\n  },\n];\n\nexport const assemblyTypeOptions = [\n  {\n    label: 'Small',\n    value: 'small',\n  },\n  {\n    label: 'Medium',\n    value: 'medium',\n  },\n  {\n    label: 'Large',\n    value: 'large',\n  },\n];\n\nexport const vehicleTypeOptions = [\n  {\n    label: 'LGV',\n    value: '1',\n  },\n  {\n    label: 'HGV',\n    value: '2',\n  },\n];\n"],"names":["vehicleTypeOptions"],"mappings":"AA0HO,MAAMA,IAAqB;AAAA,EAChC;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"helper.js","sources":["../../../../src/components/order-view/order-details/helper.ts"],"sourcesContent":["export const depotOptions = [\n  {\n    label: 'BJS COURIERS',\n    value: 'bjs_couriers',\n  },\n  {\n    label: 'BRD 01',\n    value: 'brd_01',\n  },\n  {\n    label: 'EXE 01',\n    value: 'exe_01',\n  },\n];\n\nexport const timedServiceOptions = [\n  {\n    label: 'All Day',\n    value: 'all_day',\n  },\n  {\n    label: 'Business Hours',\n    value: 'business_hours',\n  },\n  {\n    label: 'AM (07:00 - 12:00)',\n    value: 'am',\n  },\n  {\n    label: 'PM (12:00 - 17:00)',\n    value: 'pm',\n  },\n  {\n    label: 'Evening (17:00 - 21:00)',\n    value: 'evening',\n  },\n  {\n    label: 'Daytime (11:00 - 16:00)',\n    value: 'daytime',\n  },\n  {\n    label: 'Morning (07:00 - 12:00)',\n    value: 'morning',\n  },\n  {\n    label: 'Late AM (09:00 - 12:00)',\n    value: 'late_am',\n  },\n  {\n    label: 'Late PM (15:00 - 20:00)',\n    value: 'late_pm',\n  },\n];\n\nexport const serviceTypeOptions = [\n  {\n    label: 'Delivery',\n    value: 'delivery',\n  },\n  {\n    label: 'Collection',\n    value: 'collection',\n  },\n  {\n    label: 'Exchange',\n    value: 'exchange',\n  },\n  {\n    label: 'Service Order',\n    value: 'service_order',\n  },\n];\n\nexport const deliveryPointOptions = [\n  {\n    label: 'Room of Choice',\n    value: 'roc',\n  },\n  {\n    label: 'Hallway',\n    value: 'hallway',\n  },\n  {\n    label: 'Front Door',\n    value: 'front_door',\n  },\n  {\n    label: 'Garden',\n    value: 'garden',\n  },\n];\n\nexport const serviceLevelOptions = [\n  {\n    label: '1 Man',\n    value: '1man',\n  },\n  {\n    label: '1.5 Man',\n    value: '1.5man',\n  },\n  {\n    label: '2 Man',\n    value: '2man',\n  },\n];\n\nexport const assemblyTypeOptions = [\n  {\n    label: 'Small',\n    value: 'small',\n  },\n  {\n    label: 'Medium',\n    value: 'medium',\n  },\n  {\n    label: 'Large',\n    value: 'large',\n  },\n];\n\nexport const vehicleTypeOptions = [\n  {\n    label: 'LGV',\n    value: '1',\n  },\n  {\n    label: 'HGV',\n    value: '2',\n  },\n];\n"],"names":["vehicleTypeOptions"],"mappings":"AA0HO,MAAMA,IAAqB;AAAA,EAChC;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}

package/dist/components/order-view/products-info/collapsed-content/index.js

@@ -1,35 +1,35 @@
 import { jsxs as o, jsx as s, Fragment as p } from "react/jsx-runtime";
 import { SectionHeader as f } from "@bjsdistribution/dms-component-library";
 import n from "styled-components";
-import { useReturnProductDetails as m } from "../../store.js";
-import { WEIGHT_UNIT as u, VOLUME_UNIT_CONVERT as h } from "../../../../common/utils.js";
+import { useProductDetails as m } from "../../store.js";
+import { WEIGHT_UNIT as x, VOLUME_UNIT_CONVERT as h } from "../../../../common/utils.js";
 function z() {
-  const [t] = m(), r = (e, a) => e?.reduce((c, d) => {
-    const i = parseFloat(d?.[a]);
+  const [e] = m(), r = (t, l) => t?.reduce((c, d) => {
+    const i = parseFloat(d?.[l]);
     return c + (isNaN(i) ? 0 : i);
   }, 0).toFixed(2);
   return /* @__PURE__ */ o(g, { children: [
     /* @__PURE__ */ s(f, { label: "Products" }),
-    /* @__PURE__ */ s(x, { children: "Products to be Returned" }),
-    t?.length > 0 && /* @__PURE__ */ o(p, { children: [
-      /* @__PURE__ */ o(l, { style: { display: "flex" }, children: [
+    /* @__PURE__ */ s(u, { children: "Products to be Returned" }),
+    e?.length > 0 && /* @__PURE__ */ o(p, { children: [
+      /* @__PURE__ */ o(a, { style: { display: "flex" }, children: [
         "Total: ",
-        r(t, "weight"),
-        u,
+        r(e, "weight"),
+        x,
         " / ",
-        r(t, "cube"),
+        r(e, "cube"),
         h
       ] }),
-      /* @__PURE__ */ o(l, { style: { display: "flex" }, children: [
+      /* @__PURE__ */ o(a, { style: { display: "flex" }, children: [
         "Orders- ",
-        new Set(t?.map((e) => e?.order_id).filter((e) => e != null)).size,
+        new Set(e?.map((t) => t?.order_id).filter((t) => t != null)).size,
         " / Products- ",
-        t?.length
+        e?.length
       ] })
     ] })
   ] });
 }
-const x = n.span`
+const u = n.span`
   color: #6a7378;
   font-size: 14px;
   font-style: normal;
@@ -41,7 +41,13 @@ const x = n.span`
   /* justify-content: space-between; */
   width: 100%;
   gap: 30px;
-`, l = n.span`
+
+  @media screen and (max-width: 768px) {
+    flex-wrap: wrap;
+    gap: 4px 12px;
+    min-width: 0;
+  }
+`, a = n.span`
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 500;

package/dist/components/order-view/products-info/collapsed-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/products-info/collapsed-content/index.tsx"],"sourcesContent":["import { SectionHeader } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useReturnProductDetails } from '../../store';\nimport { WEIGHT_UNIT, VOLUME_UNIT_CONVERT } from '../../../../common/utils';\n\nfunction CollapsedContent() {\n  const [productsData] = useReturnProductDetails();\n\n  const calculateTotal = (items: any[], field: 'cube' | 'weight') => {\n    return items\n      ?.reduce((total, item) => {\n        const val = parseFloat(item?.[field]);\n        return total + (isNaN(val) ? 0 : val);\n      }, 0)\n      .toFixed(2);\n  };\n\n  return (\n    <Container>\n      <SectionHeader label=\"Products\" />\n      <Dimensions>Products to be Returned</Dimensions>\n\n      {productsData?.length > 0 && (\n        <>\n          <Items style={{ display: 'flex' }}>\n            Total: {calculateTotal(productsData, 'weight')}\n            {WEIGHT_UNIT} / {calculateTotal(productsData, 'cube')}{VOLUME_UNIT_CONVERT}\n          </Items>\n\n          <Items style={{ display: 'flex' }}>\n            Orders- {new Set(productsData?.map((item: any) => item?.order_id).filter((id: any) => id != null)).size} / Products- {productsData?.length}\n          </Items>\n        </>\n      )}\n    </Container>\n  );\n}\n\nconst Dimensions = styled.span`\n  color: #6a7378;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 171.429% */\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* justify-content: space-between; */\n  width: 100%;\n  gap: 30px;\n`;\n\nconst Items = styled.span`\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n  color: #8e8a85;\n  text-transform: capitalize;\n  color: #6a7378;\n`;\n\nexport default CollapsedContent;\n"],"names":["CollapsedContent","productsData","useReturnProductDetails","calculateTotal","items","field","total","item","val","Container","jsx","SectionHeader","Dimensions","jsxs","Fragment","Items","WEIGHT_UNIT","VOLUME_UNIT_CONVERT","id","styled"],"mappings":";;;;;AAMA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAiB,CAACC,GAAcC,MAC7BD,GACH,OAAO,CAACE,GAAOC,MAAS;AACxB,UAAMC,IAAM,WAAWD,IAAOF,CAAK,CAAC;AACpC,WAAOC,KAAS,MAAME,CAAG,IAAI,IAAIA;AAAA,EACnC,GAAG,CAAC,EACH,QAAQ,CAAC;AAGd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAM,WAAA,CAAW;AAAA,IAChC,gBAAAD,EAACE,KAAW,UAAA,0BAAA,CAAuB;AAAA,IAElCX,GAAc,SAAS,KACtB,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACzBZ,EAAeF,GAAc,QAAQ;AAAA,QAC5Ce;AAAA,QAAY;AAAA,QAAIb,EAAeF,GAAc,MAAM;AAAA,QAAGgB;AAAA,MAAA,GACzD;AAAA,wBAECF,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACxB,IAAI,IAAId,GAAc,IAAI,CAACM,MAAcA,GAAM,QAAQ,EAAE,OAAO,CAACW,MAAYA,KAAM,IAAI,CAAC,EAAE;AAAA,QAAK;AAAA,QAAcjB,GAAc;AAAA,MAAA,EAAA,CACtI;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMW,IAAaO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBV,IAAYU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/products-info/collapsed-content/index.tsx"],"sourcesContent":["import { SectionHeader } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../store';\nimport { WEIGHT_UNIT, VOLUME_UNIT_CONVERT } from '../../../../common/utils';\n\nfunction CollapsedContent() {\n  const [productsData] = useProductDetails();\n\n  const calculateTotal = (items: any[], field: 'cube' | 'weight') => {\n    return items\n      ?.reduce((total, item) => {\n        const val = parseFloat(item?.[field]);\n        return total + (isNaN(val) ? 0 : val);\n      }, 0)\n      .toFixed(2);\n  };\n\n  return (\n    <Container>\n      <SectionHeader label=\"Products\" />\n      <Dimensions>Products to be Returned</Dimensions>\n\n      {productsData?.length > 0 && (\n        <>\n          <Items style={{ display: 'flex' }}>\n            Total: {calculateTotal(productsData, 'weight')}\n            {WEIGHT_UNIT} / {calculateTotal(productsData, 'cube')}{VOLUME_UNIT_CONVERT}\n          </Items>\n\n          <Items style={{ display: 'flex' }}>\n            Orders- {new Set(productsData?.map((item: any) => item?.order_id).filter((id: any) => id != null)).size} / Products- {productsData?.length}\n          </Items>\n        </>\n      )}\n    </Container>\n  );\n}\n\nconst Dimensions = styled.span`\n  color: #6a7378;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 171.429% */\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* justify-content: space-between; */\n  width: 100%;\n  gap: 30px;\n\n  @media screen and (max-width: 768px) {\n    flex-wrap: wrap;\n    gap: 4px 12px;\n    min-width: 0;\n  }\n`;\n\nconst Items = styled.span`\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n  color: #8e8a85;\n  text-transform: capitalize;\n  color: #6a7378;\n`;\n\nexport default CollapsedContent;\n"],"names":["CollapsedContent","productsData","useProductDetails","calculateTotal","items","field","total","item","val","Container","jsx","SectionHeader","Dimensions","jsxs","Fragment","Items","WEIGHT_UNIT","VOLUME_UNIT_CONVERT","id","styled"],"mappings":";;;;;AAMA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAiB,CAACC,GAAcC,MAC7BD,GACH,OAAO,CAACE,GAAOC,MAAS;AACxB,UAAMC,IAAM,WAAWD,IAAOF,CAAK,CAAC;AACpC,WAAOC,KAAS,MAAME,CAAG,IAAI,IAAIA;AAAA,EACnC,GAAG,CAAC,EACH,QAAQ,CAAC;AAGd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAM,WAAA,CAAW;AAAA,IAChC,gBAAAD,EAACE,KAAW,UAAA,0BAAA,CAAuB;AAAA,IAElCX,GAAc,SAAS,KACtB,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACzBZ,EAAeF,GAAc,QAAQ;AAAA,QAC5Ce;AAAA,QAAY;AAAA,QAAIb,EAAeF,GAAc,MAAM;AAAA,QAAGgB;AAAA,MAAA,GACzD;AAAA,wBAECF,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACxB,IAAI,IAAId,GAAc,IAAI,CAACM,MAAcA,GAAM,QAAQ,EAAE,OAAO,CAACW,MAAYA,KAAM,IAAI,CAAC,EAAE;AAAA,QAAK;AAAA,QAAcjB,GAAc;AAAA,MAAA,EAAA,CACtI;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMW,IAAaO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBV,IAAYU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/products-info/index.js

@@ -1,60 +1,60 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { useState as D, useEffect as f } from "react";
+import { jsx as e, jsxs as E } from "react/jsx-runtime";
+import { useState as y, useEffect as u } from "react";
 import S from "./expanded-content/index.js";
-import P from "./collapsed-content/index.js";
+import D from "./collapsed-content/index.js";
 import v from "../../../common/expand-collapse/index.js";
-import { useOrderDetails as L, useReturnProductDetails as O, useProductDetails as k } from "../store.js";
-import { useLoading as w } from "../../order-daily-overview/store/store.js";
-import { useAxios as m } from "@bjsdistribution/dms-component-library";
-import { Spin as T, notification as F } from "antd";
-function q({ locationloading: g }) {
-  const [x] = L(), r = x, [h, s] = D(!1), { fetchData: b } = m({
+import { useOrderDetails as O, useProductDetails as P } from "../store.js";
+import { useLoading as k } from "../../order-daily-overview/store/store.js";
+import { useAxios as f } from "@bjsdistribution/dms-component-library";
+import { Spin as w, notification as L } from "antd";
+function A({ locationloading: m }) {
+  const [g] = O(), r = g, [x, s] = y(!1), { fetchData: h } = f({
     endpoint: `/v1/export/csv/${r?.id}`,
     method: "POST"
-  }), C = (t) => {
-    t.stopPropagation(), s(!0), b().then((i) => {
-      const u = i?.data?.url || i?.url;
-      if (u) {
-        const n = document.createElement("a");
-        n.href = u, n.download = `products_export_${r?.id}.csv`, document.body.appendChild(n), n.click(), document.body.removeChild(n);
+  }), b = (t) => {
+    t.stopPropagation(), s(!0), h().then((i) => {
+      const p = i?.data?.url || i?.url;
+      if (p) {
+        const a = document.createElement("a");
+        a.href = p, a.download = `products_export_${r?.id}.csv`, document.body.appendChild(a), a.click(), document.body.removeChild(a);
       }
       s(!1);
     }).catch((i) => {
-      F.error({
+      L.error({
         message: "Failed to export csv",
         description: i?.message || "Export error"
       }), s(!1);
     });
-  }, [, l] = O(), [, c] = k(), [, E] = w(), {
+  }, [, l] = P(), [, C] = k(), {
     data: o,
     loading: d,
-    fetchData: p
-  } = m({
+    fetchData: c
+  } = f({
     endpoint: `/v1/return/products/${r?.id}`,
     method: "GET",
     pagination: { is_pagination: !1 }
   });
-  f(() => {
-    r?.id && p();
-  }, [r.id]), f(() => {
-    if (E(d), o && o.data) {
+  u(() => {
+    r?.id && c();
+  }, [r.id]), u(() => {
+    if (C(d), o && o.data) {
       const t = o.data;
-      t?.length > 0 ? (l(t), c(t)) : (l([]), c([]));
+      t?.length > 0 ? l(t) : l([]);
     }
   }, [o, d]);
-  const a = !o?.data || o?.data?.length === 0;
+  const n = !o?.data || o?.data?.length === 0;
   return /* @__PURE__ */ e(
     v,
     {
-      collapsedContent: /* @__PURE__ */ e(P, {}),
-      extraActions: /* @__PURE__ */ y(
+      collapsedContent: /* @__PURE__ */ e(D, {}),
+      extraActions: /* @__PURE__ */ E(
         "div",
         {
           style: {
             display: "flex",
             alignItems: "center",
-            cursor: a ? "not-allowed" : "pointer",
-            opacity: a ? 0.5 : 1,
+            cursor: n ? "not-allowed" : "pointer",
+            opacity: n ? 0.5 : 1,
             marginRight: "16px",
             backgroundColor: "rgb(243 243 243)",
             border: "1px solid #E2E8F0",
@@ -64,32 +64,32 @@ function q({ locationloading: g }) {
             transition: "background-color 0.2s"
           },
           onClick: (t) => {
-            a || C(t);
+            n || b(t);
           },
           onMouseOver: (t) => {
-            a || (t.currentTarget.style.backgroundColor = "#E2E8F0");
+            n || (t.currentTarget.style.backgroundColor = "#E2E8F0");
           },
           onMouseOut: (t) => {
-            a || (t.currentTarget.style.backgroundColor = "rgb(243 243 243)");
+            n || (t.currentTarget.style.backgroundColor = "rgb(243 243 243)");
           },
           children: [
             /* @__PURE__ */ e("span", { style: { color: "#475569", fontFamily: "Lato", fontSize: "13px", fontWeight: 600, whiteSpace: "nowrap", letterSpacing: "0.3px" }, children: "EXPORT CSV" }),
-            /* @__PURE__ */ e("span", { style: { marginLeft: "6px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(T, { spinning: h, size: "small" }) })
+            /* @__PURE__ */ e("span", { style: { marginLeft: "6px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(w, { spinning: x, size: "small" }) })
           ]
         }
       ),
       children: /* @__PURE__ */ e(
         S,
         {
-          callReturnProducts: p,
+          callReturnProducts: c,
           loading: d,
-          locationloading: g
+          locationloading: m
         }
       )
     }
   );
 }
 export {
-  q as default
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-view/products-info/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/products-info/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ExpandedContent from './expanded-content';\nimport CollapsedContent from './collapsed-content';\nimport CollapsableForm from '../../../common/expand-collapse';\nimport {\n  useOrderDetails,\n  useProductDetails,\n  useReturnProductDetails,\n} from '../store';\nimport { useLoading } from '../../order-daily-overview/store/store';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification, Spin } from 'antd';\nimport { useState } from 'react';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction ProductsInfo({ locationloading }: any) {\n  const [data] = useOrderDetails();\n  const returnOrder = data;\n\n  const [spinLoading, setSpinLoading] = useState<boolean>(false);\n\n  // Export functionality\n  const { fetchData: callExportCSV } = useAxios<any>({\n    endpoint: `/v1/export/csv/${returnOrder?.id}`,\n    method: 'POST',\n  });\n\n  const handleExportCSV = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSpinLoading(true);\n\n    callExportCSV()\n      .then((res: any) => {\n        const urlToDownload = res?.data?.url || res?.url;\n        if (urlToDownload) {\n          const a = document.createElement('a');\n          a.href = urlToDownload;\n          a.download = `products_export_${returnOrder?.id}.csv`;\n          document.body.appendChild(a);\n          a.click();\n          document.body.removeChild(a);\n        }\n        setSpinLoading(false);\n      })\n      .catch(err => {\n        notification.error({\n          message: 'Failed to export csv',\n          description: err?.message || 'Export error',\n        });\n        setSpinLoading(false);\n      });\n  };\n\n  // For API Call\n  const [, setProductsData] = useReturnProductDetails();\n  /**\n   * The order-action modals (force-debrief, confirm, cancel/uncancel) read the legacy\n   * `productDetails` atom, and on a fresh page load this fetch is its only writer —\n   * `/order/order_products/` is fetched solely after a cancel/uncancel. Keep writing\n   * it so those screens are unaffected.\n   *\n   * The pallet-aware screens (this product section and the split modal) read\n   * `returnProductDetails` instead: they need return-order products, which are the\n   * only ones carrying pallet data, and that atom cannot be overwritten with\n   * order-product records by a cancel/uncancel.\n   */\n  const [, setLegacyProductsData] = useProductDetails();\n  const [, setLoading] = useLoading();\n  const {\n    data: returnOrdersData,\n    loading,\n    fetchData: callReturnProducts,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/return/products/${returnOrder?.id}`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (returnOrder?.id) {\n      callReturnProducts();\n    }\n  }, [returnOrder.id]);\n\n  useEffect(() => {\n    setLoading(loading);\n    if (returnOrdersData && returnOrdersData.data) {\n      const requiredData = returnOrdersData.data;\n      if (requiredData?.length > 0) {\n        setProductsData(requiredData);\n        setLegacyProductsData(requiredData);\n      } else {\n        setProductsData([]);\n        setLegacyProductsData([]);\n      }\n    }\n  }, [returnOrdersData, loading]);\n\n  const isExportDisabled = !returnOrdersData?.data || returnOrdersData?.data?.length === 0;\n\n  return (\n    <CollapsableForm\n      collapsedContent={<CollapsedContent />}\n      extraActions={\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            cursor: isExportDisabled ? 'not-allowed' : 'pointer',\n            opacity: isExportDisabled ? 0.5 : 1,\n            marginRight: '16px',\n            backgroundColor: 'rgb(243 243 243)',\n            border: '1px solid #E2E8F0',\n            padding: '6px 14px',\n            borderRadius: '10px',\n            boxShadow: '0 1px 2px rgba(0,0,0,0.05)',\n            transition: 'background-color 0.2s',\n          }}\n          onClick={(e) => {\n            if (isExportDisabled) return;\n            handleExportCSV(e);\n          }}\n          onMouseOver={(e) => {\n            if (!isExportDisabled) e.currentTarget.style.backgroundColor = '#E2E8F0';\n          }}\n          onMouseOut={(e) => {\n            if (!isExportDisabled) e.currentTarget.style.backgroundColor = 'rgb(243 243 243)';\n          }}\n        >\n          <span style={{ color: '#475569', fontFamily: 'Lato', fontSize: '13px', fontWeight: 600, whiteSpace: 'nowrap', letterSpacing: '0.3px' }}>\n            EXPORT CSV\n          </span>\n          <span style={{ marginLeft: '6px', display: 'flex', alignItems: 'center' }}>\n            <Spin spinning={spinLoading} size=\"small\" />\n          </span>\n        </div>\n      }\n    >\n      <ExpandedContent\n        callReturnProducts={callReturnProducts}\n        loading={loading}\n        locationloading={locationloading}\n      />\n    </CollapsableForm>\n  );\n}\n\nexport default ProductsInfo;\n"],"names":["ProductsInfo","locationloading","data","useOrderDetails","returnOrder","spinLoading","setSpinLoading","useState","callExportCSV","useAxios","handleExportCSV","e","res","urlToDownload","a","err","notification","setProductsData","useReturnProductDetails","setLegacyProductsData","useProductDetails","setLoading","useLoading","returnOrdersData","loading","callReturnProducts","useEffect","requiredData","isExportDisabled","jsx","CollapsableForm","CollapsedContent","jsxs","Spin","ExpandedContent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/products-info/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ExpandedContent from './expanded-content';\nimport CollapsedContent from './collapsed-content';\nimport CollapsableForm from '../../../common/expand-collapse';\nimport { useOrderDetails, useProductDetails } from '../store';\nimport { useLoading } from '../../order-daily-overview/store/store';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification, Spin } from 'antd';\nimport { useState } from 'react';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction ProductsInfo({ locationloading }: any) {\n  const [data] = useOrderDetails();\n  const returnOrder = data;\n\n  const [spinLoading, setSpinLoading] = useState<boolean>(false);\n\n  // Export functionality\n  const { fetchData: callExportCSV } = useAxios<any>({\n    endpoint: `/v1/export/csv/${returnOrder?.id}`,\n    method: 'POST',\n  });\n\n  const handleExportCSV = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSpinLoading(true);\n\n    callExportCSV()\n      .then((res: any) => {\n        const urlToDownload = res?.data?.url || res?.url;\n        if (urlToDownload) {\n          const a = document.createElement('a');\n          a.href = urlToDownload;\n          a.download = `products_export_${returnOrder?.id}.csv`;\n          document.body.appendChild(a);\n          a.click();\n          document.body.removeChild(a);\n        }\n        setSpinLoading(false);\n      })\n      .catch(err => {\n        notification.error({\n          message: 'Failed to export csv',\n          description: err?.message || 'Export error',\n        });\n        setSpinLoading(false);\n      });\n  };\n\n  // For API Call\n  const [, setProductsData] = useProductDetails();\n  const [, setLoading] = useLoading();\n  const {\n    data: returnOrdersData,\n    loading,\n    fetchData: callReturnProducts,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/return/products/${returnOrder?.id}`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (returnOrder?.id) {\n      callReturnProducts();\n    }\n  }, [returnOrder.id]);\n\n  useEffect(() => {\n    setLoading(loading);\n    if (returnOrdersData && returnOrdersData.data) {\n      const requiredData = returnOrdersData.data;\n      if (requiredData?.length > 0) {\n        setProductsData(requiredData);\n      } else {\n        setProductsData([]);\n      }\n    }\n  }, [returnOrdersData, loading]);\n\n  const isExportDisabled = !returnOrdersData?.data || returnOrdersData?.data?.length === 0;\n\n  return (\n    <CollapsableForm\n      collapsedContent={<CollapsedContent />}\n      extraActions={\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            cursor: isExportDisabled ? 'not-allowed' : 'pointer',\n            opacity: isExportDisabled ? 0.5 : 1,\n            marginRight: '16px',\n            backgroundColor: 'rgb(243 243 243)',\n            border: '1px solid #E2E8F0',\n            padding: '6px 14px',\n            borderRadius: '10px',\n            boxShadow: '0 1px 2px rgba(0,0,0,0.05)',\n            transition: 'background-color 0.2s',\n          }}\n          onClick={(e) => {\n            if (isExportDisabled) return;\n            handleExportCSV(e);\n          }}\n          onMouseOver={(e) => {\n            if (!isExportDisabled) e.currentTarget.style.backgroundColor = '#E2E8F0';\n          }}\n          onMouseOut={(e) => {\n            if (!isExportDisabled) e.currentTarget.style.backgroundColor = 'rgb(243 243 243)';\n          }}\n        >\n          <span style={{ color: '#475569', fontFamily: 'Lato', fontSize: '13px', fontWeight: 600, whiteSpace: 'nowrap', letterSpacing: '0.3px' }}>\n            EXPORT CSV\n          </span>\n          <span style={{ marginLeft: '6px', display: 'flex', alignItems: 'center' }}>\n            <Spin spinning={spinLoading} size=\"small\" />\n          </span>\n        </div>\n      }\n    >\n      <ExpandedContent\n        callReturnProducts={callReturnProducts}\n        loading={loading}\n        locationloading={locationloading}\n      />\n    </CollapsableForm>\n  );\n}\n\nexport default ProductsInfo;\n"],"names":["ProductsInfo","locationloading","data","useOrderDetails","returnOrder","spinLoading","setSpinLoading","useState","callExportCSV","useAxios","handleExportCSV","e","res","urlToDownload","err","notification","setProductsData","useProductDetails","setLoading","useLoading","returnOrdersData","loading","callReturnProducts","useEffect","requiredData","isExportDisabled","jsx","CollapsableForm","CollapsedContent","jsxs","Spin","ExpandedContent"],"mappings":"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"}