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

package/dist/components/order-view/order-details/expanded-content/orders-section/VehicleType.js

@@ -0,0 +1,40 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { Label as c } from "@bjsdistribution/dms-component-library";
+import s from "styled-components";
+import { vehicleTypeOptions as o } from "../../helper.js";
+import { useOrderDetails as a } from "../../../store.js";
+import { StyledSelectDropdown as m } from "./Depot.js";
+function D() {
+  const [r, t] = a(), i = (e) => {
+    t((p) => ({
+      ...p,
+      vehicle_type: e.label
+    }));
+  };
+  return /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ l(c, { label: "Vehicle Type", htmlFor: "vehicleType" }),
+    /* @__PURE__ */ l(
+      m,
+      {
+        placeholder: "Select vehicle type",
+        options: o,
+        inputId: "vehicleType",
+        openMenuOnFocus: !0,
+        value: o?.filter(
+          (e) => e.label === r?.vehicle_type
+        ),
+        onChange: i
+      }
+    )
+  ] });
+}
+const d = s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  D as default
+};
+//# sourceMappingURL=VehicleType.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/VehicleType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleType.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/VehicleType.tsx"],"sourcesContent":["import { Label } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { vehicleTypeOptions } from '../../helper';\nimport { useOrderDetails } from '../../../store';\nimport { StyledSelectDropdown } from './Depot';\n\nfunction VehicleTypeDropdown() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const onChange = (e: any) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        vehicle_type: e.label,\n      };\n    });\n  };\n\n  return (\n    <FormContainer>\n      <Label label=\"Vehicle Type\" htmlFor=\"vehicleType\" />\n      <StyledSelectDropdown\n        placeholder=\"Select vehicle type\"\n        options={vehicleTypeOptions}\n        inputId=\"vehicleType\"\n        openMenuOnFocus\n        value={vehicleTypeOptions?.filter(\n          (x: any) => x.label === orderDetails?.vehicle_type\n        )}\n        onChange={onChange}\n      />\n    </FormContainer>\n  );\n}\n\nconst FormContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default VehicleTypeDropdown;\n"],"names":["VehicleTypeDropdown","orderDetails","setOrderDetails","useOrderDetails","onChange","prev","FormContainer","jsx","Label","StyledSelectDropdown","vehicleTypeOptions","x","styled"],"mappings":";;;;;;AAOA,SAASA,IAAsB;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAW,CAAC,MAAW;AAC3B,IAAAF,EAAgB,CAAAG,OACP;AAAA,MACL,GAAGA;AAAA,MACH,cAAc,EAAE;AAAA,IAAA,EAEnB;AAAA,EACH;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,gBAAe,SAAQ,eAAc;AAAA,IAClD,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASC;AAAA,QACT,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,OAAOA,GAAoB;AAAA,UACzB,CAACC,MAAWA,EAAE,UAAUV,GAAc;AAAA,QAAA;AAAA,QAExC,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAME,IAAgBM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,54 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { FormSection as m } from "@bjsdistribution/dms-component-library";
+import i from "styled-components";
+import p from "../../common/Header.js";
+import t from "./ConsignmentNumber.js";
+import n from "./RecipientReference.js";
+import d from "./Depot.js";
+import f from "./Droptime.js";
+import c from "./DeliveryDate.js";
+import l from "./Carrier.js";
+import s from "./OrderNumber.js";
+import a from "./ScheduleAfter.js";
+import x from "./VehicleType.js";
+function R() {
+  return /* @__PURE__ */ o(h, { children: [
+    /* @__PURE__ */ r(p, { label: "Order" }),
+    /* @__PURE__ */ o(u, { children: [
+      /* @__PURE__ */ o(e, { children: [
+        /* @__PURE__ */ r(t, {}),
+        /* @__PURE__ */ r(l, {})
+      ] }),
+      /* @__PURE__ */ o(e, { children: [
+        /* @__PURE__ */ r(s, {}),
+        /* @__PURE__ */ r(d, {})
+      ] }),
+      /* @__PURE__ */ o(e, { children: [
+        /* @__PURE__ */ r(c, {}),
+        /* @__PURE__ */ r(a, {})
+      ] }),
+      /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(f, {}) }),
+      /* @__PURE__ */ o(e, { children: [
+        /* @__PURE__ */ r(n, {}),
+        /* @__PURE__ */ r(x, {})
+      ] })
+    ] })
+  ] });
+}
+const e = i.div`
+  display: flex;
+  gap: 15px;
+`, u = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+`, h = i(m)`
+  flex: 1;
+  border-radius: 8px;
+  background: #f8fafc;
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+`;
+export {
+  R as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-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 ConsignmentNumber from './ConsignmentNumber';\nimport RecipientReference from './RecipientReference';\nimport DepotDropdown from './Depot';\nimport Droptime from './Droptime';\nimport DeliveryDate from './DeliveryDate';\nimport Carrier from './Carrier';\nimport OrderNumber from './OrderNumber';\nimport ScheduleAfter from './ScheduleAfter';\nimport VehicleTypeDropdown from './VehicleType';\n\nfunction OrdersSection() {\n  return (\n    <CustomFormSection>\n      <Header label=\"Order\" />\n      <FormInputs>\n        <GroupedInputs>\n          <ConsignmentNumber />\n          <Carrier />\n        </GroupedInputs>\n        <GroupedInputs>\n          <OrderNumber />\n          <DepotDropdown />\n        </GroupedInputs>\n        <GroupedInputs>\n          <DeliveryDate />\n          <ScheduleAfter />\n        </GroupedInputs>\n        <GroupedInputs>\n          <Droptime />\n        </GroupedInputs>\n        <GroupedInputs>\n          <RecipientReference />\n          <VehicleTypeDropdown />\n        </GroupedInputs>\n      </FormInputs>\n    </CustomFormSection>\n  );\n}\n\nconst GroupedInputs = styled.div`\n  display: flex;\n  gap: 15px;\n`;\n\nconst FormInputs = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n`;\n\nconst CustomFormSection = styled(FormSection)`\n  flex: 1;\n  border-radius: 8px;\n  background: #f8fafc;\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n`;\n\nexport default OrdersSection;\n"],"names":["OrdersSection","CustomFormSection","jsx","Header","FormInputs","jsxs","GroupedInputs","ConsignmentNumber","Carrier","OrderNumber","DepotDropdown","DeliveryDate","ScheduleAfter","Droptime","RecipientReference","VehicleTypeDropdown","styled","FormSection"],"mappings":";;;;;;;;;;;;;AAcA,SAASA,IAAgB;AACvB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,QAAA,CAAQ;AAAA,sBACrBC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAkB;AAAA,0BAClBC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX;AAAA,wBACCF,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACO,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAc;AAAA,MAAA,GACjB;AAAA,wBACCJ,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACS,GAAA,EAAa;AAAA,0BACbC,GAAA,CAAA,CAAc;AAAA,MAAA,GACjB;AAAA,MACA,gBAAAV,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACW,GAAA,CAAA,CAAS,GACZ;AAAA,wBACCP,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACY,GAAA,EAAmB;AAAA,0BACnBC,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMT,IAAgBU,EAAO;AAAA;AAAA;AAAA,GAKvBZ,IAAaY,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpBf,IAAoBe,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,49 @@
+import { jsx as t } from "react/jsx-runtime";
+import { RadioButtonGroup as n } from "@bjsdistribution/dms-component-library";
+import d from "styled-components";
+import { useOrderDetails as p, useOrderStaticData as c } from "../../../store.js";
+import { capitalize as m } from "../../../utils.js";
+function h() {
+  const [e, s] = p(), [r] = c(), i = r?.order_service_list_category?.map(
+    (a) => ({
+      label: m(a.type.replaceAll("_", " ")),
+      value: a.type.toLowerCase()
+    })
+  ), o = (a) => {
+    const l = {
+      ...e,
+      assembly_type: a.target.value
+    };
+    s(l);
+  };
+  return /* @__PURE__ */ t(y, { $isDisable: e?.assemble === !1 && e?.disassemble === !1, children: /* @__PURE__ */ t(
+    n,
+    {
+      selectedValue: e?.assembly_type?.toLowerCase() || "",
+      heading: "Assembly Type",
+      options: i || [],
+      onChange: o,
+      required: !1,
+      isDisabled: !0
+    }
+  ) });
+}
+const y = d.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  pointer-events: ${(e) => e.$isDisable ? "none" : "auto"};
+  /* temporary change will add this in library */
+  > fieldset {
+    > div {
+      > legend {
+        width: auto;
+      }
+    }
+  }
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=AssemblyType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssemblyType.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/AssemblyType.tsx"],"sourcesContent":["import { RadioButtonGroup } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails, useOrderStaticData } from '../../../store';\nimport { capitalize } from '../../../utils';\nimport { OrdersType } from '../../../types';\n\nfunction AssemblyType() {\n  const [orderData, setOrderData] = useOrderDetails();\n  const [orderStaticData] = useOrderStaticData();\n\n  const assemblyTypeOptions = orderStaticData?.order_service_list_category?.map(\n    (option: any) => ({\n      label: capitalize(option.type.replaceAll('_', ' ')),\n      value: option.type.toLowerCase(),\n    })\n  );\n\n  const newRadioGroupHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newData: OrdersType = {\n      ...orderData,\n      assembly_type: event.target.value,\n    };\n    setOrderData(newData);\n  };\n\n  const isServiceDisable = () =>\n    orderData?.assemble === false && orderData?.disassemble === false;\n\n  return (\n    <Container $isDisable={isServiceDisable()}>\n      <RadioButtonGroup\n        selectedValue={orderData?.assembly_type?.toLowerCase() || ''}\n        heading=\"Assembly Type\"\n        options={assemblyTypeOptions || []}\n        onChange={newRadioGroupHandler}\n        required={false}\n        isDisabled={true}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div<{ $isDisable: boolean }>`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  pointer-events: ${props => (props.$isDisable ? 'none' : 'auto')};\n  /* temporary change will add this in library */\n  > fieldset {\n    > div {\n      > legend {\n        width: auto;\n      }\n    }\n  }\n`;\n\nexport default AssemblyType;\n"],"names":["AssemblyType","orderData","setOrderData","useOrderDetails","orderStaticData","useOrderStaticData","assemblyTypeOptions","option","capitalize","newRadioGroupHandler","event","newData","jsx","Container","RadioButtonGroup","styled","props"],"mappings":";;;;;AAOA,SAASA,IAAe;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAC5B,CAACC,CAAe,IAAIC,EAAA,GAEpBC,IAAsBF,GAAiB,6BAA6B;AAAA,IACxE,CAACG,OAAiB;AAAA,MAChB,OAAOC,EAAWD,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,MAClD,OAAOA,EAAO,KAAK,YAAA;AAAA,IAAY;AAAA,EACjC,GAGIE,IAAuB,CAACC,MAA+C;AAC3E,UAAMC,IAAsB;AAAA,MAC1B,GAAGV;AAAA,MACH,eAAeS,EAAM,OAAO;AAAA,IAAA;AAE9B,IAAAR,EAAaS,CAAO;AAAA,EACtB;AAKA,SACE,gBAAAC,EAACC,GAAA,EAAU,YAHXZ,GAAW,aAAa,MAASA,GAAW,gBAAgB,IAI1D,UAAA,gBAAAW;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeb,GAAW,eAAe,YAAA,KAAiB;AAAA,MAC1D,SAAQ;AAAA,MACR,SAASK,KAAuB,CAAA;AAAA,MAChC,UAAUG;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAEA,MAAMI,IAAYE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKL,CAAAC,MAAUA,EAAM,aAAa,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,52 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { SelectDropdown as v, Label as u } from "@bjsdistribution/dms-component-library";
+import { useOrderStaticData as _, useOrderDetails as m } from "../../../store.js";
+import i from "styled-components";
+import { capitalize as y } from "../../../utils.js";
+function O() {
+  const [d] = _(), [r, l] = m(), n = r?.order_services_detail?.order_delivery_point_id, t = d?.order_delivery_point?.map(
+    (e) => ({
+      label: y(e.type.replaceAll("_", " ")),
+      value: e.id
+    })
+  ), a = (e) => {
+    const s = {
+      ...r?.order_services_detail,
+      order_delivery_point_id: e.value
+    }, c = { ...r, order_services_detail: s };
+    l(c);
+  };
+  return /* @__PURE__ */ p(D, { children: [
+    /* @__PURE__ */ o(u, { label: "Delivery Point" }),
+    /* @__PURE__ */ o(
+      f,
+      {
+        placeholder: "Select Delivery Point",
+        options: t || [],
+        inputId: "deliveryPointDropdown",
+        value: t?.filter(
+          (e) => e.value === n
+        ),
+        openMenuOnFocus: !0,
+        onChange: a,
+        className: "disabled"
+      }
+    )
+  ] });
+}
+const D = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  // flex: 1;
+  min-width: 250px;
+`, f = i(v)`
+  &.disabled {
+    pointer-events: none;
+    opacity: 0.7;
+  }
+`;
+export {
+  O as default
+};
+//# sourceMappingURL=DeliveryPoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryPoint.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.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 DeliveryPointDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetails();\n\n  const deliveryPointId =\n    orderData?.order_services_detail?.order_delivery_point_id;\n\n  const deliveryPointOptions = orderStaticData?.order_delivery_point?.map(\n    (option: any) => ({\n      label: capitalize(option.type.replaceAll('_', ' ')),\n      value: option.id,\n    })\n  );\n\n  const onChange = (event: any) => {\n    const updatedServices = {\n      ...orderData?.order_services_detail!,\n      order_delivery_point_id: event.value,\n    };\n    const newData = { ...orderData, order_services_detail: updatedServices };\n    setOrderData(newData);\n  };\n\n  const isDisabled = true;\n\n  return (\n    <Container>\n      <Label label=\"Delivery Point\" />\n      <StyledSelectDropdown\n        placeholder=\"Select Delivery Point\"\n        options={deliveryPointOptions || []}\n        inputId=\"deliveryPointDropdown\"\n        value={deliveryPointOptions?.filter(\n          (f: any) => f.value === deliveryPointId\n        )}\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`;\nconst StyledSelectDropdown = styled(SelectDropdown)`\n  &.disabled {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n`;\nexport default DeliveryPointDropdown;\n"],"names":["DeliveryPointDropdown","orderStaticData","useOrderStaticData","orderData","setOrderData","useOrderDetails","deliveryPointId","deliveryPointOptions","option","capitalize","onChange","event","updatedServices","newData","Container","jsx","Label","StyledSelectDropdown","f","styled","SelectDropdown"],"mappings":";;;;;AAMA,SAASA,IAAwB;AAC/B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IACJH,GAAW,uBAAuB,yBAE9BI,IAAuBN,GAAiB,sBAAsB;AAAA,IAClE,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,IAAkB;AAAA,MACtB,GAAGT,GAAW;AAAA,MACd,yBAAyBQ,EAAM;AAAA,IAAA,GAE3BE,IAAU,EAAE,GAAGV,GAAW,uBAAuBS,EAAA;AACvD,IAAAR,EAAaS,CAAO;AAAA,EACtB;AAIA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,iBAAA,CAAiB;AAAA,IAC9B,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASV,KAAwB,CAAA;AAAA,QACjC,SAAQ;AAAA,QACR,OAAOA,GAAsB;AAAA,UAC3B,CAACW,MAAWA,EAAE,UAAUZ;AAAA,QAAA;AAAA,QAE1B,iBAAe;AAAA,QACf,UAAAI;AAAA,QAEA,WAAwB;AAAA,MAAa;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEA,MAAMI,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBF,IAAuBE,EAAOC,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,55 @@
+import { jsx as n } from "react/jsx-runtime";
+import f from "styled-components";
+import u from "../../../../../common/services-slider/ServiceSlider.js";
+import { useOrderStaticData as v, useOrderDetails as S } from "../../../store.js";
+function b() {
+  const [r] = v(), [i, c] = S(), d = r?.order_service_list, o = [
+    "unpack_items",
+    "take_packaging_away",
+    "assemble",
+    "disassemble",
+    "collect_disposal"
+  ], l = d?.sort((e, t) => o.indexOf(e.type) - o.indexOf(t.type)), p = (e) => {
+    const a = d?.find(
+      (s) => s.id === e
+    )?.type, m = !i[a];
+    c((s) => ({
+      ...s,
+      [a]: m
+    }));
+  };
+  return /* @__PURE__ */ n(x, { disabled: !0, children: l?.map((e) => {
+    const t = i[e?.type];
+    return /* @__PURE__ */ n(
+      u,
+      {
+        serviceName: e?.type?.replaceAll("_", " "),
+        serviceId: e?.id,
+        isSelected: t,
+        toggle: p,
+        disabled: !0
+      },
+      e?.id
+    );
+  }) });
+}
+const x = f.div`
+  display: flex;
+  gap: 30px;
+  flex: 1;
+  @media screen and (max-width: 1170px) {
+    flex-wrap: wrap;
+
+    ${({ disabled: r }) => r && `
+    pointer-events: none;
+
+    > * {
+    pointer-events: none;
+    }
+  `}
+  }
+`;
+export {
+  b as default
+};
+//# sourceMappingURL=OrderServices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderServices.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport ServiceSlider from '../../../../../common/services-slider/ServiceSlider';\nimport {\n  useOrderDetails,\n  useOrderStaticData,\n} from '../../../store';\nimport { OrdersType } from '../../../types';\n\nfunction OrderServices() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n\n  const orderServicesOptions = orderStaticData?.order_service_list;\n\n  const desiredOrder = [\n    'unpack_items',\n    'take_packaging_away',\n    'assemble',\n    'disassemble',\n    'collect_disposal',\n  ];\n\n  const sortedServices = orderServicesOptions?.sort((a: any, b: any) => {\n    return desiredOrder.indexOf(a.type) - desiredOrder.indexOf(b.type);\n  });\n\n  const toggleServices = (id: number) => {\n    const selectedService = orderServicesOptions?.find(\n      (item: any) => item.id === id\n    );\n    const key = selectedService?.type;\n    const value = !orderDetails[key as keyof OrdersType];\n    setOrderDetails(prev => ({\n      ...prev,\n      [key]: value,\n    }));\n  };\n  const isDisabled = true;\n\n  return (\n    <Container disabled={isDisabled}>\n      {sortedServices?.map((service: any) => {\n        const selected = orderDetails[service?.type as keyof OrdersType];\n        return (\n          <ServiceSlider\n            serviceName={service?.type?.replaceAll('_', ' ')}\n            serviceId={service?.id}\n            isSelected={selected}\n            toggle={toggleServices}\n            key={service?.id}\n            disabled={true}\n          />\n        );\n      })}\n    </Container>\n  );\n}\n\nconst Container = styled.div<{ disabled: boolean }>`\n  display: flex;\n  gap: 30px;\n  flex: 1;\n  @media screen and (max-width: 1170px) {\n    flex-wrap: wrap;\n\n    ${({ disabled }) =>\n      disabled &&\n      `\n    pointer-events: none;\n\n    > * {\n    pointer-events: none;\n    }\n  `}\n  }\n`;\n\nexport default OrderServices;\n"],"names":["OrderServices","orderStaticData","useOrderStaticData","orderDetails","setOrderDetails","useOrderDetails","orderServicesOptions","desiredOrder","sortedServices","a","b","toggleServices","id","key","item","value","prev","Container","service","selected","jsx","ServiceSlider","styled","disabled"],"mappings":";;;;AASA,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElCC,IAAuBL,GAAiB,oBAExCM,IAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIC,IAAiBF,GAAsB,KAAK,CAACG,GAAQC,MAClDH,EAAa,QAAQE,EAAE,IAAI,IAAIF,EAAa,QAAQG,EAAE,IAAI,CAClE,GAEKC,IAAiB,CAACC,MAAe;AAIrC,UAAMC,IAHkBP,GAAsB;AAAA,MAC5C,CAACQ,MAAcA,EAAK,OAAOF;AAAA,IAAA,GAEA,MACvBG,IAAQ,CAACZ,EAAaU,CAAuB;AACnD,IAAAT,EAAgB,CAAAY,OAAS;AAAA,MACvB,GAAGA;AAAA,MACH,CAACH,CAAG,GAAGE;AAAA,IAAA,EACP;AAAA,EACJ;AAGA,2BACGE,GAAA,EAAU,UAHM,IAId,UAAAT,GAAgB,IAAI,CAACU,MAAiB;AACrC,UAAMC,IAAWhB,EAAae,GAAS,IAAwB;AAC/D,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAaH,GAAS,MAAM,WAAW,KAAK,GAAG;AAAA,QAC/C,WAAWA,GAAS;AAAA,QACpB,YAAYC;AAAA,QACZ,QAAQR;AAAA,QAER,UAAU;AAAA,MAAA;AAAA,MADLO,GAAS;AAAA,IAAA;AAAA,EAIpB,CAAC,EAAA,CACH;AAEJ;AAEA,MAAMD,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOnB,CAAC,EAAE,UAAAC,EAAA,MACHA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMH;AAAA;AAAA;"}

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

@@ -0,0 +1,58 @@
+import { jsx as o } from "react/jsx-runtime";
+import { RadioButtonGroup as v } from "@bjsdistribution/dms-component-library";
+import { useOrderStaticData as p, useOrderDetails as u } from "../../../store.js";
+import _ from "styled-components";
+import { capitalize as m } from "../../../utils.js";
+function L() {
+  const [r] = p(), [t, a] = u(), s = t?.order_services_detail?.order_service_level_id?.toString(), l = r?.order_service_levels?.map(
+    (e) => ({
+      label: m(e.type.replaceAll("_", " ")),
+      value: e?.id?.toString()
+    })
+  ), d = (e) => {
+    const n = {
+      ...t?.order_services_detail,
+      order_service_level_id: +e.target.value
+    }, c = { ...t, order_services_detail: n };
+    a(c);
+  }, i = !0;
+  return /* @__PURE__ */ o(f, { disabled: i, children: /* @__PURE__ */ o(
+    v,
+    {
+      selectedValue: s || "",
+      heading: "Service Level",
+      options: l || [],
+      onChange: d,
+      required: !0,
+      isDisabled: i
+    }
+  ) });
+}
+const f = _.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+
+  ${({ disabled: r }) => r && `
+    pointer-events: none;
+
+    > * {
+      pointer-events: none;
+    }
+  `}
+
+  > fieldset {
+    > div {
+      > div {
+        > label {
+          text-transform: capitalize;
+        }
+      }
+    }
+  }
+`;
+export {
+  L as default
+};
+//# sourceMappingURL=ServiceLevel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceLevel.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/ServiceLevel.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioButtonGroup } from '@bjsdistribution/dms-component-library';\nimport { useOrderDetails, useOrderStaticData } from '../../../store';\nimport styled from 'styled-components';\nimport { capitalize } from '../../../utils';\n\nfunction ServiceLevel() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetails();\n\n  const serviceLevelId = orderData?.order_services_detail?.order_service_level_id?.toString();\n\n  const serviceLevelOptions = orderStaticData?.order_service_levels?.map(\n    (option: any) => ({\n      label: capitalize(option.type.replaceAll('_', ' ')),\n      value: option?.id?.toString(),\n    })\n  );\n\n  const radioGroupHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const updatedServices = {\n      ...orderData?.order_services_detail!,\n      order_service_level_id: +event.target.value,\n    };\n    const newData = { ...orderData, order_services_detail: updatedServices };\n    setOrderData(newData);\n  };\n\n  const isDisabled = true; // Example value\n\n  return (\n    <Container disabled={isDisabled}>\n      <RadioButtonGroup\n        selectedValue={serviceLevelId || ''}\n        heading=\"Service Level\"\n        options={serviceLevelOptions || []}\n        onChange={radioGroupHandler}\n        required={true}\n        isDisabled={isDisabled}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div<{ disabled: boolean }>`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n\n  ${({ disabled }) =>\n    disabled &&\n    `\n    pointer-events: none;\n\n    > * {\n      pointer-events: none;\n    }\n  `}\n\n  > fieldset {\n    > div {\n      > div {\n        > label {\n          text-transform: capitalize;\n        }\n      }\n    }\n  }\n`;\n\nexport default ServiceLevel;\n"],"names":["ServiceLevel","orderStaticData","useOrderStaticData","orderData","setOrderData","useOrderDetails","serviceLevelId","serviceLevelOptions","option","capitalize","radioGroupHandler","event","updatedServices","newData","isDisabled","jsx","Container","RadioButtonGroup","styled","disabled"],"mappings":";;;;;AAMA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAiBH,GAAW,uBAAuB,wBAAwB,SAAA,GAE3EI,IAAsBN,GAAiB,sBAAsB;AAAA,IACjE,CAACO,OAAiB;AAAA,MAChB,OAAOC,EAAWD,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,MAClD,OAAOA,GAAQ,IAAI,SAAA;AAAA,IAAS;AAAA,EAC9B,GAGIE,IAAoB,CAACC,MAA+C;AACxE,UAAMC,IAAkB;AAAA,MACtB,GAAGT,GAAW;AAAA,MACd,wBAAwB,CAACQ,EAAM,OAAO;AAAA,IAAA,GAElCE,IAAU,EAAE,GAAGV,GAAW,uBAAuBS,EAAA;AACvD,IAAAR,EAAaS,CAAO;AAAA,EACtB,GAEMC,IAAa;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAU,UAAUF,GACnB,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeX,KAAkB;AAAA,MACjC,SAAQ;AAAA,MACR,SAASC,KAAuB,CAAA;AAAA,MAChC,UAAUG;AAAA,MACV,UAAU;AAAA,MACV,YAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAME,IAAYE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,UAAAC,EAAA,MACHA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,48 @@
+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 n = { ...r, order_type_id: e.value };
+    l(n);
+  };
+  return /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ o(m, { label: "Service Type", htmlFor: "serviceTypeDropdown" }),
+    /* @__PURE__ */ o(
+      v,
+      {
+        placeholder: "Select Service Type",
+        options: t || [],
+        value: t?.filter((e) => e.value === p),
+        inputId: "serviceTypeDropdown",
+        openMenuOnFocus: !0,
+        onChange: d,
+        isDisabled: !0,
+        className: "disabled"
+      }
+    )
+  ] });
+}
+const f = a.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  // flex: 1;
+  min-width: 250px;
+`, v = a(c)`
+  &.disabled {
+    cursor: not-allowed !important;
+    opacity: 0.7;
+  }
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=ServiceType.js.map

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

@@ -0,0 +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 } 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/TimedService.js

@@ -0,0 +1,66 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { useOrderStaticData as u, useOrderDetails as v } from "../../../store.js";
+import { SelectDropdown as S, Label as _, dropdownStyles as f } from "@bjsdistribution/dms-component-library";
+import l from "styled-components";
+import { capitalize as D } from "../../../utils.js";
+function c(r) {
+  const [t, i] = r?.split(":")?.map(Number), o = t >= 12 ? "PM" : "AM";
+  return `${t % 12 || 12}:${i?.toString()?.padStart(2, "0")} ${o}`;
+}
+function g() {
+  const [r] = u(), [t, i] = v(), o = t?.order_services_detail?.timed_service_id, s = r?.order_timed_services?.map(
+    (e) => {
+      const d = c(e?.start_time), a = c(e?.end_time);
+      return {
+        label: `${D(
+          e?.type?.replaceAll("_", " ")
+        )} (${d} - ${a})`,
+        value: e?.id
+      };
+    }
+  ), m = (e) => {
+    const d = {
+      ...t?.order_services_detail,
+      timed_service_id: e.value
+    }, a = { ...t, order_services_detail: d };
+    i(a);
+  };
+  return /* @__PURE__ */ p(x, { children: [
+    /* @__PURE__ */ n(_, { label: "Timed Service" }),
+    /* @__PURE__ */ n(
+      b,
+      {
+        styles: {
+          ...f,
+          control: (e) => ({
+            ...e,
+            minWidth: "max-content"
+          })
+        },
+        placeholder: "Select Timed Service",
+        options: s || [],
+        value: s?.filter(
+          (e) => e.value === o
+        ),
+        inputId: "timedServiceDropdown",
+        onChange: m,
+        className: "disabled"
+      }
+    )
+  ] });
+}
+const x = l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`, b = l(S)`
+  &.disabled {
+    pointer-events: none;
+    opacity: 0.7;
+  }
+`;
+export {
+  g as default
+};
+//# sourceMappingURL=TimedService.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimedService.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx"],"sourcesContent":["import React from 'react';\nimport { useOrderDetails, useOrderStaticData } from '../../../store';\nimport {\n  dropdownStyles,\n  Label,\n  SelectDropdown,\n} from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { capitalize } from '../../../utils';\n\nfunction convertTo12HourFormat(time24: any) {\n  const [hours, minutes] = time24?.split(':')?.map(Number);\n  const period = hours >= 12 ? 'PM' : 'AM';\n  const hours12 = hours % 12 || 12; // Convert to 12-hour format\n  return `${hours12}:${minutes?.toString()?.padStart(2, '0')} ${period}`;\n}\n\nfunction TimedServiceDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetails();\n\n  const timesServiceId = orderData?.order_services_detail?.timed_service_id;\n\n  const timedServicesOptions = orderStaticData?.order_timed_services?.map(\n    (option: any) => {\n      const startTime = convertTo12HourFormat(option?.start_time);\n      const endTime = convertTo12HourFormat(option?.end_time);\n      const label = `${capitalize(\n        option?.type?.replaceAll('_', ' ')\n      )} (${startTime} - ${endTime})`;\n      return {\n        label: label,\n        value: option?.id,\n      };\n    }\n  );\n\n  const onChange = (event: any) => {\n    const updatedServices = {\n      ...orderData?.order_services_detail!,\n      timed_service_id: event.value,\n    };\n    const newData = { ...orderData, order_services_detail: updatedServices };\n    setOrderData(newData);\n  };\n\n  const isDisabled = true;\n\n  return (\n    <Container>\n      <Label label=\"Timed Service\" />\n      <StyledSelectDropdown\n        styles={{\n          ...dropdownStyles,\n          control: (styles: any) => ({\n            ...styles,\n            minWidth: 'max-content',\n          }),\n        }}\n        placeholder=\"Select Timed Service\"\n        options={timedServicesOptions || []}\n        value={timedServicesOptions?.filter(\n          (f: any) => f.value === timesServiceId\n        )}\n        inputId=\"timedServiceDropdown\"\n        onChange={onChange}\n        // isDisabled={isDisabled}\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`;\n\nconst StyledSelectDropdown = styled(SelectDropdown)`\n  &.disabled {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n`;\n\nexport default TimedServiceDropdown;\n"],"names":["convertTo12HourFormat","time24","hours","minutes","period","TimedServiceDropdown","orderStaticData","useOrderStaticData","orderData","setOrderData","useOrderDetails","timesServiceId","timedServicesOptions","option","startTime","endTime","capitalize","onChange","event","updatedServices","newData","Container","jsx","Label","StyledSelectDropdown","dropdownStyles","styles","f","styled","SelectDropdown"],"mappings":";;;;;AAUA,SAASA,EAAsBC,GAAa;AAC1C,QAAM,CAACC,GAAOC,CAAO,IAAIF,GAAQ,MAAM,GAAG,GAAG,IAAI,MAAM,GACjDG,IAASF,KAAS,KAAK,OAAO;AAEpC,SAAO,GADSA,IAAQ,MAAM,EACb,IAAIC,GAAS,SAAA,GAAY,SAAS,GAAG,GAAG,CAAC,IAAIC,CAAM;AACtE;AAEA,SAASC,IAAuB;AAC9B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAiBH,GAAW,uBAAuB,kBAEnDI,IAAuBN,GAAiB,sBAAsB;AAAA,IAClE,CAACO,MAAgB;AACf,YAAMC,IAAYd,EAAsBa,GAAQ,UAAU,GACpDE,IAAUf,EAAsBa,GAAQ,QAAQ;AAItD,aAAO;AAAA,QACL,OAJY,GAAGG;AAAA,UACfH,GAAQ,MAAM,WAAW,KAAK,GAAG;AAAA,QAAA,CAClC,KAAKC,CAAS,MAAMC,CAAO;AAAA,QAG1B,OAAOF,GAAQ;AAAA,MAAA;AAAA,IAEnB;AAAA,EAAA,GAGII,IAAW,CAACC,MAAe;AAC/B,UAAMC,IAAkB;AAAA,MACtB,GAAGX,GAAW;AAAA,MACd,kBAAkBU,EAAM;AAAA,IAAA,GAEpBE,IAAU,EAAE,GAAGZ,GAAW,uBAAuBW,EAAA;AACvD,IAAAV,EAAaW,CAAO;AAAA,EACtB;AAIA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,gBAAA,CAAgB;AAAA,IAC7B,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,UACN,GAAGC;AAAA,UACH,SAAS,CAACC,OAAiB;AAAA,YACzB,GAAGA;AAAA,YACH,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEF,aAAY;AAAA,QACZ,SAASd,KAAwB,CAAA;AAAA,QACjC,OAAOA,GAAsB;AAAA,UAC3B,CAACe,MAAWA,EAAE,UAAUhB;AAAA,QAAA;AAAA,QAE1B,SAAQ;AAAA,QACR,UAAAM;AAAA,QAEA,WAAwB;AAAA,MAAa;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEA,MAAMI,IAAYO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBJ,IAAuBI,EAAOC,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,64 @@
+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 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, {})
+      ] }),
+      /* @__PURE__ */ r(x, { children: [
+        /* @__PURE__ */ e(a, {}),
+        /* @__PURE__ */ e(m, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(c, {}) })
+  ] });
+}
+const s = o.div`
+  display: flex;
+  gap: 30px;
+
+  @media screen and (max-width: 1280px) {
+    flex-direction: column;
+    gap: 20px;
+  }
+`, l = o.div`
+  display: contents;
+  @media screen and (max-width: 1280px) {
+    display: flex;
+    gap: 15px;
+  }
+`, x = o.div`
+  display: contents;
+  @media screen and (max-width: 1280px) {
+    display: flex;
+    gap: 15px;
+  }
+`, f = o.div``, v = o(i)`
+  flex: 1;
+  flex-direction: column;
+  gap: 10px;
+  border-radius: 8px;
+  background: #f8fafc;
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+  label,
+  input,
+  span {
+    cursor: default !important;
+  }
+`;
+export {
+  j as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,14 @@
+const e = [
+  {
+    label: "LGV",
+    value: "1"
+  },
+  {
+    label: "HGV",
+    value: "2"
+  }
+];
+export {
+  e as vehicleTypeOptions
+};
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +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: '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/order-details/index.js

@@ -0,0 +1,30 @@
+import { jsx as o, Fragment as u } from "react/jsx-runtime";
+import { useEffect as r } from "react";
+import f from "./expanded-content/index.js";
+import { useOrderDetails as p, useCustomerDetails as D } from "../store.js";
+import { useApiHook as l } from "@bjsdistribution/dms-component-library";
+function O({ orderLoading: a, depotDataLoading: s }) {
+  const [i] = p(), e = i?.customer_id, [, m] = D(), { data: t, loading: n, setShouldPerformAction: d } = l({
+    endpoint: `customers/${e}`,
+    method: "GET",
+    performAction: !1
+  });
+  return r(() => {
+    e && d(!0);
+  }, [e]), r(() => {
+    if (t && t?.data) {
+      const c = t?.data;
+      m(c[0]);
+    }
+  }, [t, n]), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
+    f,
+    {
+      orderLoading: a,
+      depotDataLoading: s
+    }
+  ) });
+}
+export {
+  O as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/order-details/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n// import CollapsedContent from './collapsed-content';\n// import CollapsableForm from '../../../common/expand-collapse';\nimport ExpandedContent from './expanded-content';\nimport { useCustomerDetails, useOrderDetails } from '../store';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\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 OrderDetails({ orderLoading, depotDataLoading }: any) {\n  const [orderData] = useOrderDetails();\n  const customerData = orderData;\n  const id = customerData?.customer_id;\n\n  // For API Call\n  const [, setCustomerData] = useCustomerDetails();\n  const { data: fetchedData, loading, setShouldPerformAction } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `customers/${id}`,\n    method: 'GET',\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (id) {\n      setShouldPerformAction(true);\n    }\n  }, [id]);\n\n  useEffect(() => {\n    if (fetchedData && fetchedData?.data) {\n      const requiredData = fetchedData?.data;\n      setCustomerData(requiredData[0]);\n    }\n  }, [fetchedData, loading]);\n\n  return (\n    <>\n      <ExpandedContent\n        orderLoading={orderLoading}\n        depotDataLoading={depotDataLoading}\n      />\n    </>\n  );\n}\n\nexport default OrderDetails;\n"],"names":["OrderDetails","orderLoading","depotDataLoading","orderData","useOrderDetails","id","setCustomerData","useCustomerDetails","fetchedData","loading","setShouldPerformAction","useApiHook","useEffect","requiredData","jsx","Fragment","ExpandedContent"],"mappings":";;;;;AAgBA,SAASA,EAAa,EAAE,cAAAC,GAAc,kBAAAC,KAAyB;AAC7D,QAAM,CAACC,CAAS,IAAIC,EAAA,GAEdC,IADeF,GACI,aAGnB,CAAA,EAAGG,CAAe,IAAIC,EAAA,GACtB,EAAE,MAAMC,GAAa,SAAAC,GAAS,wBAAAC,EAAA,IAA2BC,EAE5D;AAAA,IACD,UAAU,aAAaN,CAAE;AAAA,IACzB,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA,CAChB;AAED,SAAAO,EAAU,MAAM;AACd,IAAIP,KACFK,EAAuB,EAAI;AAAA,EAE/B,GAAG,CAACL,CAAE,CAAC,GAEPO,EAAU,MAAM;AACd,QAAIJ,KAAeA,GAAa,MAAM;AACpC,YAAMK,IAAeL,GAAa;AAClC,MAAAF,EAAgBO,EAAa,CAAC,CAAC;AAAA,IACjC;AAAA,EACF,GAAG,CAACL,GAAaC,CAAO,CAAC,GAGvB,gBAAAK,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAAf;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}