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

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/index.js

@@ -1,37 +1,55 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import t from "styled-components";
-import d from "./Address.js";
-import e from "./Postcode.js";
-import n from "./Latitude.js";
-import p from "./Longitude.js";
-import l from "./What3words.js";
-function y() {
-  return /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ o(d, {}),
-    /* @__PURE__ */ i(m, { children: [
-      /* @__PURE__ */ i(r, { children: [
-        /* @__PURE__ */ o(e, {}),
-        /* @__PURE__ */ o(l, {})
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import d from "styled-components";
+import o from "./Address.js";
+import n from "./Postcode.js";
+import r from "./Latitude.js";
+import m from "./Longitude.js";
+import a from "./What3words.js";
+function w() {
+  return /* @__PURE__ */ t(l, { children: [
+    /* @__PURE__ */ i(o, {}),
+    /* @__PURE__ */ t(p, { children: [
+      /* @__PURE__ */ t(e, { children: [
+        /* @__PURE__ */ i(n, {}),
+        /* @__PURE__ */ i(a, {})
       ] }),
-      /* @__PURE__ */ i(r, { children: [
-        /* @__PURE__ */ o(n, {}),
-        /* @__PURE__ */ o(p, {})
+      /* @__PURE__ */ t(e, { children: [
+        /* @__PURE__ */ i(r, {}),
+        /* @__PURE__ */ i(m, {})
       ] })
     ] })
   ] });
 }
-const r = t.div`
+const e = d.div`
   display: flex;
   flex-direction: column;
   gap: 10px;
-`, m = t.div`
+
+  @media screen and (max-width: 768px) {
+    flex: 1;
+    min-width: 0;
+  }
+`, p = d.div`
   display: flex;
   gap: 10px;
-`, s = t.div`
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: 15px;
+    width: 100%;
+    min-width: 0;
+  }
+`, l = d.div`
   display: flex;
   gap: 15px;
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: 15px;
+    min-width: 0;
+  }
 `;
 export {
-  y as default
+  w as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-details/expanded-content/customer-section/location-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Address from './Address';\nimport Postcode from './Postcode';\nimport Latitude from './Latitude';\nimport Longitude from './Longitude';\nimport What3words from './What3words';\n\nfunction LocationDetails() {\n  return (\n    <Container>\n      <Address />\n      <Right>\n        <RightColumn>\n          <Postcode />\n          <What3words />\n        </RightColumn>\n        <RightColumn>\n          <Latitude />\n          <Longitude />\n        </RightColumn>\n      </Right>\n    </Container>\n  );\n}\n\nconst RightColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n`;\n\nconst Right = styled.div`\n  display: flex;\n  gap: 10px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  gap: 15px;\n`;\n\nexport default LocationDetails;\n"],"names":["LocationDetails","Container","jsx","Address","Right","jsxs","RightColumn","Postcode","What3words","Latitude","Longitude","styled"],"mappings":";;;;;;;AAQA,SAASA,IAAkB;AACzB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,sBACRC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAS;AAAA,0BACTC,GAAA,CAAA,CAAW;AAAA,MAAA,GACd;AAAA,wBACCF,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACO,GAAA,EAAS;AAAA,0BACTC,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CACb;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMJ,IAAcK,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBP,IAAQO,EAAO;AAAA;AAAA;AAAA,GAKfV,IAAYU,EAAO;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-details/expanded-content/customer-section/location-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Address from './Address';\nimport Postcode from './Postcode';\nimport Latitude from './Latitude';\nimport Longitude from './Longitude';\nimport What3words from './What3words';\n\nfunction LocationDetails() {\n  return (\n    <Container>\n      <Address />\n      <Right>\n        <RightColumn>\n          <Postcode />\n          <What3words />\n        </RightColumn>\n        <RightColumn>\n          <Latitude />\n          <Longitude />\n        </RightColumn>\n      </Right>\n    </Container>\n  );\n}\n\nconst RightColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  @media screen and (max-width: 768px) {\n    flex: 1;\n    min-width: 0;\n  }\n`;\n\nconst Right = styled.div`\n  display: flex;\n  gap: 10px;\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    gap: 15px;\n    width: 100%;\n    min-width: 0;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  gap: 15px;\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    gap: 15px;\n    min-width: 0;\n  }\n`;\n\nexport default LocationDetails;\n"],"names":["LocationDetails","Container","jsx","Address","Right","jsxs","RightColumn","Postcode","What3words","Latitude","Longitude","styled"],"mappings":";;;;;;;AAQA,SAASA,IAAkB;AACzB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,sBACRC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAS;AAAA,0BACTC,GAAA,CAAA,CAAW;AAAA,MAAA,GACd;AAAA,wBACCF,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACO,GAAA,EAAS;AAAA,0BACTC,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CACb;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMJ,IAAcK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBP,IAAQO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYfV,IAAYU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -2,22 +2,22 @@ import { jsxs as L, jsx as _ } from "react/jsx-runtime";
 import F from "styled-components";
 import J from "./AllowTracking.js";
 import { useAxios as d, Button as N } from "@bjsdistribution/dms-component-library";
-import { useOrderDetails as U, usePrevOrderDetails as B, useCustomerInfo as K, errorAtom as q, useGlobalStateHitAuditLog as z, useGlobalStateHitOrder as M, useLiveRecalling as Q, useOrderAlertsData as V, useStatusDetails as W } from "../../../store.js";
+import { useOrderDetails as U, usePrevOrderDetails as z, useCustomerInfo as B, errorAtom as K, useGlobalStateHitAuditLog as q, useGlobalStateHitOrder as M, useLiveRecalling as Q, useOrderAlertsData as V, useStatusDetails as W } from "../../../store.js";
 import { compareOrderDetailsStates as X, filterObject as g } from "../../../utils.js";
 import { notification as Y } from "antd";
 import { useClientPortal as Z } from "../../../../store.js";
 import { useAtom as ee } from "jotai";
 function ue() {
-  const [t, p] = U(), [n, y] = B(), [, O] = K(), [s] = ee(q), [, m] = z(), [, u] = M(), [D] = Z(), [, b] = Q(), [, h] = V(), [, S] = W(), { fetchData: x } = d({
+  const [t, p] = U(), [n, y] = z(), [, O] = B(), [s] = ee(K), [, m] = q(), [, u] = M(), [x] = Z(), [, b] = Q(), [, h] = V(), [, D] = W(), { fetchData: S } = d({
     endpoint: `v1/orders/alerts/?order_id=${t?.id}`,
     method: "GET"
   }), { fetchData: v } = d({
     endpoint: `/orders/get_live_status/${t?.id}`,
     method: "GET"
-  }), { fetchData: A } = d({
+  }), { fetchData: w } = d({
     endpoint: "/orders/update/",
     method: "PUT"
-  }), k = () => s?.w3wError?.length > 0 || s?.emailError?.length > 0 || s?.homeContactError?.length > 0 || s?.workCOntanctError?.length > 0 || s?.mobileError?.length > 0 || s?.postCodeError?.length > 0, C = () => {
+  }), A = () => s?.w3wError?.length > 0 || s?.emailError?.length > 0 || s?.homeContactError?.length > 0 || s?.workCOntanctError?.length > 0 || s?.mobileError?.length > 0 || s?.postCodeError?.length > 0, k = () => {
     const e = [
       "order_locked",
       "order_communications",
@@ -31,7 +31,7 @@ function ue() {
       e
     ), a = JSON.stringify(l), i = JSON.stringify(o);
     return !(a === i);
-  }, { fetchData: E } = d({
+  }, { fetchData: C } = d({
     endpoint: `v1/orders/update/customs_details?order_id=${t?.id}`,
     method: "PATCH"
   });
@@ -45,8 +45,8 @@ function ue() {
             console.log("yooooooo11111");
             const {
               consignor_eori: r,
-              packaging_type: P,
-              consignee_country: w,
+              packaging_type: E,
+              consignee_country: P,
               commodity_code: R,
               country_of_origin: j,
               item_invoice_amount: T,
@@ -58,8 +58,8 @@ function ue() {
             let c = {
               order_id: t?.id,
               consignor_eori: r,
-              packaging_type: P,
-              consignee_country: w,
+              packaging_type: E,
+              consignee_country: P,
               commodity_code: R,
               country_of_origin: j,
               item_invoice_amount: T,
@@ -72,7 +72,7 @@ function ue() {
               Object.entries(c).filter(
                 ([re, f]) => f != null
               )
-            ), E({
+            ), C({
               payload: c
             });
           }
@@ -88,7 +88,7 @@ function ue() {
           for (const r of l)
             r in e ? e[r] = e[r] : r in t && (e[r] = t[r]);
           e?.assemble === !1 && e?.disassemble === !1 && (e.assembly_type = null), console.log("final payload for update--->", [e]);
-          let o = await A({
+          let o = await w({
             payload: [{ ...e, id: t?.id }]
           });
           u(!0), o.code == 200 && o?.data?.length > 0 ? (Y.success({
@@ -99,12 +99,12 @@ function ue() {
             postcode: o?.data[0]?.order_recipient?.postcode,
             return_action: o?.data[0]?.return_action
           }), m(!0)) : p(n);
-          const a = await x();
+          const a = await S();
           a?.code === 200 && a?.data && h(a?.data);
           const i = await v();
-          i?.code === 200 && i?.data && S(i?.data);
+          i?.code === 200 && i?.data && D(i?.data);
         },
-        disabled: D ? !0 : !C() || k(),
+        disabled: x ? !0 : !k() || A(),
         children: "Save Details"
       }
     )
@@ -119,6 +119,20 @@ const te = F.div`
   background: #f8fafc;
   margin: 0px -15px -15px -15px;
   border-radius: 0px 0px 8px 8px;
+
+  @media screen and (max-width: 768px) {
+    flex-wrap: wrap;
+    gap: 12px;
+    min-width: 0;
+    box-sizing: border-box;
+    > * {
+      min-width: 0;
+      max-width: 100%;
+    }
+    > button {
+      width: 100%;
+    }
+  }
 `;
 export {
   ue as default

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/footer/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport AllowTracking from './AllowTracking';\nimport { Button, useAxios } from '@bjsdistribution/dms-component-library';\nimport {\n  useAtom,\n  useOrderDetails,\n  usePrevOrderDetails,\n  errorAtom,\n  useCustomerInfo,\n  useGlobalStateHitAuditLog,\n  useGlobalStateHitOrder,\n  useLiveRecalling,\n  useOrderAlertsData,\n  useStatusDetails,\n} from '../../../store';\n// import useUpdateOrder from '../../../hooks/useUpdateOrder';\nimport { compareOrderDetailsStates, filterObject } from '../../../utils';\nimport { ApiResponse, OrdersType } from '../../../types';\nimport { notification } from 'antd';\nimport { useClientPortal } from '../../../../store';\n\nfunction OrderDetailsFooter() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails, setPrevOrderDetails] = usePrevOrderDetails();\n  const [, setCustomerInfo] = useCustomerInfo();\n  // const updateOrder = useUpdateOrder();\n  const [errorState] = useAtom(errorAtom);\n  const [, setRecallAuditLog] = useGlobalStateHitAuditLog();\n  const [, setRecallOrders] = useGlobalStateHitOrder();\n  const [isClientPortal] = useClientPortal();\n  const [, setRecalling] = useLiveRecalling();\n  const [, setOrderAlertsData] = useOrderAlertsData();\n  const [, setOrderStatus] = useStatusDetails();\n\n  // call alerts api\n  const { fetchData: callOrderAlertsApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/alerts/?order_id=${orderDetails?.id}`,\n    method: 'GET',\n  });\n\n  //Order status api\n  const { fetchData: callOrderStatusApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/get_live_status/${orderDetails?.id}`,\n    method: 'GET',\n  });\n  //update order\n  const { fetchData: callUpdateOrderAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/update/`,\n    method: 'PUT',\n  });\n\n  const errorFound = () => {\n    const isError =\n      errorState?.w3wError?.length > 0 ||\n      errorState?.emailError?.length > 0 ||\n      errorState?.homeContactError?.length > 0 ||\n      errorState?.workCOntanctError?.length > 0 ||\n      errorState?.mobileError?.length > 0 ||\n      errorState?.postCodeError?.length > 0;\n\n    return isError;\n  };\n\n  const isDifferent = () => {\n    const keysToRemovefromOrders = [\n      'order_locked',\n      'order_communications',\n      'updated_at',\n      'updated_by',\n    ];\n    const filteredOrderDetails = filterObject(\n      orderDetails,\n      keysToRemovefromOrders\n    );\n    const filteredPrevOrderDetails = filterObject(\n      prevOrderDetails,\n      keysToRemovefromOrders\n    );\n\n    const orderDetailsSorted = JSON.stringify(filteredOrderDetails);\n    const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);\n    const isSame = orderDetailsSorted === prevOrderDetailsSorted;\n    return !isSame;\n  };\n  //Northern/Southern Ireland PATCH API\n  const { fetchData: callCustomDetailsAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/update/customs_details?order_id=${orderDetails?.id}`,\n    method: 'PATCH',\n  });\n  const onSave = async () => {\n    if (orderDetails?.id) {\n      console.log('yooooooo11111');\n\n      const {\n        consignor_eori,\n        packaging_type,\n        consignee_country,\n        commodity_code,\n        country_of_origin,\n        item_invoice_amount,\n        procedure_code,\n        ni_additional_information_codes,\n        additional_procedure_code,\n        additional_procedures,\n      } = orderDetails?.order_customs_details ?? {};\n\n      let customDetailsPayload: Record<string, any> = {\n        order_id: orderDetails?.id,\n        consignor_eori,\n        packaging_type,\n        consignee_country,\n        commodity_code,\n        country_of_origin,\n        item_invoice_amount,\n        procedure_code,\n        ni_additional_information_codes,\n        additional_procedure_code,\n        additional_procedures,\n      };\n\n      // remove null/undefined values\n      customDetailsPayload = Object.fromEntries(\n        Object.entries(customDetailsPayload).filter(\n          ([_, value]) => value !== null && value !== undefined\n        )\n      );\n\n      // northern/southern details API\n      callCustomDetailsAPI({\n        payload: customDetailsPayload,\n      });\n    }\n    console.log('yoooooooooo');\n    setRecallAuditLog(false);\n    setRecallOrders(false);\n    setRecalling(false);\n    const payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);\n\n    type ServiceKey =\n      | 'assemble'\n      | 'disassemble'\n      | 'unpack_items'\n      | 'collect_disposal'\n      | 'take_packaging_away'\n      | 'assembly_type';\n\n    const serviceKeys: ServiceKey[] = [\n      'assemble',\n      'disassemble',\n      'unpack_items',\n      'collect_disposal',\n      'take_packaging_away',\n      'assembly_type',\n    ];\n\n    for (const key of serviceKeys) {\n      if (key in payload) {\n        (payload as Record<ServiceKey, any>)[key] =\n          payload[key as keyof typeof payload];\n      } else if (key in orderDetails) {\n        (payload as Record<ServiceKey, any>)[key] =\n          orderDetails[key as keyof OrdersType];\n      }\n    }\n\n    if (payload?.assemble === false && payload?.disassemble === false) {\n      payload.assembly_type = null;\n    }\n\n    console.log('final payload for update--->', [payload]);\n    let response = (await callUpdateOrderAPI({\n      payload: [{ ...payload, id: orderDetails?.id }],\n    })) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    // const response = await updateOrder([payload]);\n\n    setRecallOrders(true);\n    if (response.code == 200 && response?.data?.length > 0) {\n      notification.success({\n        message: 'Success',\n        description: `${response?.message}`,\n      });\n      setOrderDetails(response?.data[0]);\n      setPrevOrderDetails(response?.data[0]);\n      setCustomerInfo({\n        recipient_name: response?.data[0]?.order_recipient?.recipient_name,\n        postcode: response?.data[0]?.order_recipient?.postcode,\n        return_action: response?.data[0]?.return_action,\n\n      });\n      setRecallAuditLog(true);\n    } else {\n      setOrderDetails(prevOrderDetails);\n    }\n\n    const alertsApiRes = (await callOrderAlertsApi()) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (alertsApiRes?.code === 200 && alertsApiRes?.data) {\n      setOrderAlertsData(alertsApiRes?.data);\n    }\n\n    const orderStatusApiRes = (await callOrderStatusApi()) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (orderStatusApiRes?.code === 200 && orderStatusApiRes?.data) {\n      setOrderStatus(orderStatusApiRes?.data);\n    }\n  };\n  //here changes needed\n  return (\n    <Container>\n      <AllowTracking />\n      <Button\n        onClick={onSave}\n        disabled={isClientPortal ? true : !isDifferent() || errorFound()}\n      >\n        Save Details\n      </Button>\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 15px;\n  align-items: flex-start;\n  border-top: 1px solid #edebe8;\n  background: #f8fafc;\n  margin: 0px -15px -15px -15px;\n  border-radius: 0px 0px 8px 8px;\n`;\n\nexport default OrderDetailsFooter;\n"],"names":["OrderDetailsFooter","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","setPrevOrderDetails","usePrevOrderDetails","setCustomerInfo","useCustomerInfo","errorState","useAtom","errorAtom","setRecallAuditLog","useGlobalStateHitAuditLog","setRecallOrders","useGlobalStateHitOrder","isClientPortal","useClientPortal","setRecalling","useLiveRecalling","setOrderAlertsData","useOrderAlertsData","setOrderStatus","useStatusDetails","callOrderAlertsApi","useAxios","callOrderStatusApi","callUpdateOrderAPI","errorFound","isDifferent","keysToRemovefromOrders","filteredOrderDetails","filterObject","filteredPrevOrderDetails","orderDetailsSorted","prevOrderDetailsSorted","callCustomDetailsAPI","Container","jsx","AllowTracking","Button","consignor_eori","packaging_type","consignee_country","commodity_code","country_of_origin","item_invoice_amount","procedure_code","ni_additional_information_codes","additional_procedure_code","additional_procedures","customDetailsPayload","_","value","payload","compareOrderDetailsStates","serviceKeys","key","response","notification","alertsApiRes","orderStatusApiRes","styled"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/footer/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport AllowTracking from './AllowTracking';\nimport { Button, useAxios } from '@bjsdistribution/dms-component-library';\nimport {\n  useAtom,\n  useOrderDetails,\n  usePrevOrderDetails,\n  errorAtom,\n  useCustomerInfo,\n  useGlobalStateHitAuditLog,\n  useGlobalStateHitOrder,\n  useLiveRecalling,\n  useOrderAlertsData,\n  useStatusDetails,\n} from '../../../store';\n// import useUpdateOrder from '../../../hooks/useUpdateOrder';\nimport { compareOrderDetailsStates, filterObject } from '../../../utils';\nimport { ApiResponse, OrdersType } from '../../../types';\nimport { notification } from 'antd';\nimport { useClientPortal } from '../../../../store';\n\nfunction OrderDetailsFooter() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails, setPrevOrderDetails] = usePrevOrderDetails();\n  const [, setCustomerInfo] = useCustomerInfo();\n  // const updateOrder = useUpdateOrder();\n  const [errorState] = useAtom(errorAtom);\n  const [, setRecallAuditLog] = useGlobalStateHitAuditLog();\n  const [, setRecallOrders] = useGlobalStateHitOrder();\n  const [isClientPortal] = useClientPortal();\n  const [, setRecalling] = useLiveRecalling();\n  const [, setOrderAlertsData] = useOrderAlertsData();\n  const [, setOrderStatus] = useStatusDetails();\n\n  // call alerts api\n  const { fetchData: callOrderAlertsApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/alerts/?order_id=${orderDetails?.id}`,\n    method: 'GET',\n  });\n\n  //Order status api\n  const { fetchData: callOrderStatusApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/get_live_status/${orderDetails?.id}`,\n    method: 'GET',\n  });\n  //update order\n  const { fetchData: callUpdateOrderAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/update/`,\n    method: 'PUT',\n  });\n\n  const errorFound = () => {\n    const isError =\n      errorState?.w3wError?.length > 0 ||\n      errorState?.emailError?.length > 0 ||\n      errorState?.homeContactError?.length > 0 ||\n      errorState?.workCOntanctError?.length > 0 ||\n      errorState?.mobileError?.length > 0 ||\n      errorState?.postCodeError?.length > 0;\n\n    return isError;\n  };\n\n  const isDifferent = () => {\n    const keysToRemovefromOrders = [\n      'order_locked',\n      'order_communications',\n      'updated_at',\n      'updated_by',\n    ];\n    const filteredOrderDetails = filterObject(\n      orderDetails,\n      keysToRemovefromOrders\n    );\n    const filteredPrevOrderDetails = filterObject(\n      prevOrderDetails,\n      keysToRemovefromOrders\n    );\n\n    const orderDetailsSorted = JSON.stringify(filteredOrderDetails);\n    const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);\n    const isSame = orderDetailsSorted === prevOrderDetailsSorted;\n    return !isSame;\n  };\n  //Northern/Southern Ireland PATCH API\n  const { fetchData: callCustomDetailsAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/update/customs_details?order_id=${orderDetails?.id}`,\n    method: 'PATCH',\n  });\n  const onSave = async () => {\n    if (orderDetails?.id) {\n      console.log('yooooooo11111');\n\n      const {\n        consignor_eori,\n        packaging_type,\n        consignee_country,\n        commodity_code,\n        country_of_origin,\n        item_invoice_amount,\n        procedure_code,\n        ni_additional_information_codes,\n        additional_procedure_code,\n        additional_procedures,\n      } = orderDetails?.order_customs_details ?? {};\n\n      let customDetailsPayload: Record<string, any> = {\n        order_id: orderDetails?.id,\n        consignor_eori,\n        packaging_type,\n        consignee_country,\n        commodity_code,\n        country_of_origin,\n        item_invoice_amount,\n        procedure_code,\n        ni_additional_information_codes,\n        additional_procedure_code,\n        additional_procedures,\n      };\n\n      // remove null/undefined values\n      customDetailsPayload = Object.fromEntries(\n        Object.entries(customDetailsPayload).filter(\n          ([_, value]) => value !== null && value !== undefined\n        )\n      );\n\n      // northern/southern details API\n      callCustomDetailsAPI({\n        payload: customDetailsPayload,\n      });\n    }\n    console.log('yoooooooooo');\n    setRecallAuditLog(false);\n    setRecallOrders(false);\n    setRecalling(false);\n    const payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);\n\n    type ServiceKey =\n      | 'assemble'\n      | 'disassemble'\n      | 'unpack_items'\n      | 'collect_disposal'\n      | 'take_packaging_away'\n      | 'assembly_type';\n\n    const serviceKeys: ServiceKey[] = [\n      'assemble',\n      'disassemble',\n      'unpack_items',\n      'collect_disposal',\n      'take_packaging_away',\n      'assembly_type',\n    ];\n\n    for (const key of serviceKeys) {\n      if (key in payload) {\n        (payload as Record<ServiceKey, any>)[key] =\n          payload[key as keyof typeof payload];\n      } else if (key in orderDetails) {\n        (payload as Record<ServiceKey, any>)[key] =\n          orderDetails[key as keyof OrdersType];\n      }\n    }\n\n    if (payload?.assemble === false && payload?.disassemble === false) {\n      payload.assembly_type = null;\n    }\n\n    console.log('final payload for update--->', [payload]);\n    let response = (await callUpdateOrderAPI({\n      payload: [{ ...payload, id: orderDetails?.id }],\n    })) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    // const response = await updateOrder([payload]);\n\n    setRecallOrders(true);\n    if (response.code == 200 && response?.data?.length > 0) {\n      notification.success({\n        message: 'Success',\n        description: `${response?.message}`,\n      });\n      setOrderDetails(response?.data[0]);\n      setPrevOrderDetails(response?.data[0]);\n      setCustomerInfo({\n        recipient_name: response?.data[0]?.order_recipient?.recipient_name,\n        postcode: response?.data[0]?.order_recipient?.postcode,\n        return_action: response?.data[0]?.return_action,\n\n      });\n      setRecallAuditLog(true);\n    } else {\n      setOrderDetails(prevOrderDetails);\n    }\n\n    const alertsApiRes = (await callOrderAlertsApi()) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (alertsApiRes?.code === 200 && alertsApiRes?.data) {\n      setOrderAlertsData(alertsApiRes?.data);\n    }\n\n    const orderStatusApiRes = (await callOrderStatusApi()) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (orderStatusApiRes?.code === 200 && orderStatusApiRes?.data) {\n      setOrderStatus(orderStatusApiRes?.data);\n    }\n  };\n  //here changes needed\n  return (\n    <Container>\n      <AllowTracking />\n      <Button\n        onClick={onSave}\n        disabled={isClientPortal ? true : !isDifferent() || errorFound()}\n      >\n        Save Details\n      </Button>\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 15px;\n  align-items: flex-start;\n  border-top: 1px solid #edebe8;\n  background: #f8fafc;\n  margin: 0px -15px -15px -15px;\n  border-radius: 0px 0px 8px 8px;\n\n  @media screen and (max-width: 768px) {\n    flex-wrap: wrap;\n    gap: 12px;\n    min-width: 0;\n    box-sizing: border-box;\n    > * {\n      min-width: 0;\n      max-width: 100%;\n    }\n    > button {\n      width: 100%;\n    }\n  }\n`;\n\nexport default OrderDetailsFooter;\n"],"names":["OrderDetailsFooter","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","setPrevOrderDetails","usePrevOrderDetails","setCustomerInfo","useCustomerInfo","errorState","useAtom","errorAtom","setRecallAuditLog","useGlobalStateHitAuditLog","setRecallOrders","useGlobalStateHitOrder","isClientPortal","useClientPortal","setRecalling","useLiveRecalling","setOrderAlertsData","useOrderAlertsData","setOrderStatus","useStatusDetails","callOrderAlertsApi","useAxios","callOrderStatusApi","callUpdateOrderAPI","errorFound","isDifferent","keysToRemovefromOrders","filteredOrderDetails","filterObject","filteredPrevOrderDetails","orderDetailsSorted","prevOrderDetailsSorted","callCustomDetailsAPI","Container","jsx","AllowTracking","Button","consignor_eori","packaging_type","consignee_country","commodity_code","country_of_origin","item_invoice_amount","procedure_code","ni_additional_information_codes","additional_procedure_code","additional_procedures","customDetailsPayload","_","value","payload","compareOrderDetailsStates","serviceKeys","key","response","notification","alertsApiRes","orderStatusApiRes","styled"],"mappings":"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"}

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

@@ -1,52 +1,68 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, 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 t from "../../common/Header.js";
+import d 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";
+import p from "./Depot.js";
+import c from "./Droptime.js";
+import f from "./DeliveryDate.js";
+import x from "./Carrier.js";
+import a from "./OrderNumber.js";
+import l from "./ScheduleAfter.js";
+import s 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, {})
+  return /* @__PURE__ */ e(u, { children: [
+    /* @__PURE__ */ r(t, { label: "Order" }),
+    /* @__PURE__ */ e(h, { children: [
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ r(d, {}),
+        /* @__PURE__ */ r(x, {})
       ] }),
-      /* @__PURE__ */ o(e, { children: [
-        /* @__PURE__ */ r(s, {}),
-        /* @__PURE__ */ r(d, {})
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ r(a, {}),
+        /* @__PURE__ */ r(p, {})
       ] }),
-      /* @__PURE__ */ o(e, { children: [
-        /* @__PURE__ */ r(c, {}),
-        /* @__PURE__ */ r(a, {})
+      /* @__PURE__ */ e(o, { children: [
+        /* @__PURE__ */ r(f, {}),
+        /* @__PURE__ */ r(l, {})
       ] }),
-      /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(f, {}) }),
-      /* @__PURE__ */ o(e, { children: [
+      /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(c, {}) }),
+      /* @__PURE__ */ e(o, { children: [
         /* @__PURE__ */ r(n, {}),
-        /* @__PURE__ */ r(x, {})
+        /* @__PURE__ */ r(s, {})
       ] })
     ] })
   ] });
 }
-const e = i.div`
+const o = i.div`
   display: flex;
   gap: 15px;
-`, u = i.div`
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: 15px;
+    min-width: 0;
+    > div {
+      min-width: 0;
+      max-width: 100%;
+    }
+  }
+`, h = i.div`
   display: flex;
   flex-direction: column;
   gap: 15px;
-`, h = i(m)`
+`, u = i(m)`
   flex: 1;
   border-radius: 8px;
   background: #f8fafc;
   box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+
+  @media screen and (max-width: 768px) {
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 `;
 export {
   R as default

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

@@ -1 +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;"}
+{"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  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    gap: 15px;\n    min-width: 0;\n    > div {\n      min-width: 0;\n      max-width: 100%;\n    }\n  }\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  @media screen and (max-width: 768px) {\n    min-width: 0;\n    max-width: 100%;\n    box-sizing: border-box;\n  }\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAevBZ,IAAaY,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpBf,IAAoBe,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,44 +1,52 @@
-import { jsx as l } from "react/jsx-runtime";
-import u from "styled-components";
-import v from "../../../../../common/services-slider/ServiceSlider.js";
-import { useOrderStaticData as y, useOrderDetails as S } from "../../../store.js";
-import { useClientPortal as x } from "../../../../store.js";
-import { toReverseDeliveryLabel as D } from "@bjsdistribution/dms-component-library";
-function A() {
-  const [r] = y(), [i, n] = S(), [c] = x(), o = r?.order_service_list, a = [
+import { jsx as o } from "react/jsx-runtime";
+import x from "styled-components";
+import f from "../../../../../common/services-slider/ServiceSlider.js";
+import { useOrderStaticData as u, useOrderDetails as g } from "../../../store.js";
+function b() {
+  const [r] = u(), [i, c] = g(), d = r?.order_service_list, a = [
     "unpack_items",
     "take_packaging_away",
     "assemble",
     "disassemble",
     "collect_disposal"
-  ], p = o?.sort((e, t) => a.indexOf(e.type) - a.indexOf(t.type)), m = (e) => {
-    const d = o?.find(
+  ], l = d?.sort((e, t) => a.indexOf(e.type) - a.indexOf(t.type)), p = (e) => {
+    const n = d?.find(
       (s) => s.id === e
-    )?.type, f = !i[d];
-    n((s) => ({
+    )?.type, m = !i[n];
+    c((s) => ({
       ...s,
-      [d]: f
+      [n]: m
     }));
   };
-  return /* @__PURE__ */ l(O, { disabled: !0, children: p?.map((e) => {
+  return /* @__PURE__ */ o(v, { disabled: !0, children: l?.map((e) => {
     const t = i[e?.type];
-    return /* @__PURE__ */ l(
-      v,
+    return /* @__PURE__ */ o(
+      f,
       {
-        serviceName: c ? e?.type?.replaceAll("_", " ") : D(e?.type?.replaceAll("_", " ")),
+        serviceName: e?.type?.replaceAll("_", " "),
         serviceId: e?.id,
         isSelected: t,
-        toggle: m,
+        toggle: p,
         disabled: !0
       },
       e?.id
     );
   }) });
 }
-const O = u.div`
+const v = x.div`
   display: flex;
   gap: 30px;
   flex: 1;
+  @media screen and (max-width: 768px) {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px 12px;
+  }
+
+  @media screen and (max-width: 480px) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
   @media screen and (max-width: 1170px) {
     flex-wrap: wrap;
 
@@ -52,6 +60,6 @@ const O = u.div`
   }
 `;
 export {
-  A as default
+  b as default
 };
 //# sourceMappingURL=OrderServices.js.map

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

@@ -1 +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';\nimport { useClientPortal } from '../../../../store';\nimport { toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\n\nfunction OrderServices() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [isClientPortal] = useClientPortal();\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={\n              isClientPortal\n                ? service?.type?.replaceAll('_', ' ')\n                : toReverseDeliveryLabel(service?.type?.replaceAll('_', ' '))\n            }\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","isClientPortal","useClientPortal","orderServicesOptions","desiredOrder","sortedServices","a","b","toggleServices","id","key","item","value","prev","Container","service","selected","jsx","ServiceSlider","toReverseDeliveryLabel","styled","disabled"],"mappings":";;;;;;AAWA,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAuBP,GAAiB,oBAExCQ,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,CAACd,EAAaY,CAAuB;AACnD,IAAAX,EAAgB,CAAAc,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,IAAWlB,EAAaiB,GAAS,IAAwB;AAC/D,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aACEjB,IACIc,GAAS,MAAM,WAAW,KAAK,GAAG,IAClCI,EAAuBJ,GAAS,MAAM,WAAW,KAAK,GAAG,CAAC;AAAA,QAEhE,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,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOnB,CAAC,EAAE,UAAAC,EAAA,MACHA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMH;AAAA;AAAA;"}
+{"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: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAiBnB,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

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

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

@@ -1 +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, toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\nimport { useOrderDetails, useOrderStaticData } from '../../../store';\nimport styled from 'styled-components';\nimport { capitalize } from '../../../utils';\nimport { useClientPortal } from 'src/components/store';\n\nfunction ServiceLevel() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetails();\n  const [clientPortal] = useClientPortal();\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: toReverseDeliveryLabel(capitalize(option.type.replaceAll('_', ' ')), clientPortal),\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","clientPortal","useClientPortal","serviceLevelId","serviceLevelOptions","option","toReverseDeliveryLabel","capitalize","radioGroupHandler","event","updatedServices","newData","isDisabled","jsx","Container","RadioButtonGroup","styled","disabled"],"mappings":";;;;;;AAOA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAC5B,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAiBL,GAAW,uBAAuB,wBAAwB,SAAA,GAE3EM,IAAsBR,GAAiB,sBAAsB;AAAA,IACjE,CAACS,OAAiB;AAAA,MAChB,OAAOC,EAAuBC,EAAWF,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC,GAAGJ,CAAY;AAAA,MACxF,OAAOI,GAAQ,IAAI,SAAA;AAAA,IAAS;AAAA,EAC9B,GAGIG,IAAoB,CAACC,MAA+C;AACxE,UAAMC,IAAkB;AAAA,MACtB,GAAGZ,GAAW;AAAA,MACd,wBAAwB,CAACW,EAAM,OAAO;AAAA,IAAA,GAElCE,IAAU,EAAE,GAAGb,GAAW,uBAAuBY,EAAA;AACvD,IAAAX,EAAaY,CAAO;AAAA,EACtB,GAEMC,IAAa;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAU,UAAUF,GACnB,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeZ,KAAkB;AAAA,MACjC,SAAQ;AAAA,MACR,SAASC,KAAuB,CAAA;AAAA,MAChC,UAAUI;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;"}
+{"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;"}