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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/notes/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport AddNote from './AddNote';\nimport AuditLogs from './logs';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport {\n  useAuditLogLoadingState,\n  // useCallAPi,\n  usegetNotes,\n  useGlobalStateHitAuditLog,\n  usemoduleIds,\n  useOrderId,\n} from '../store';\n// import { useLocation } from 'react-router-dom';\nfunction Notes() {\n  const [moduleIds, setModuleIds] = usemoduleIds();\n  const [orderId] = useOrderId();\n  const [, setNotes] = usegetNotes();\n  const [, setAuditLogLoading] = useAuditLogLoadingState();\n  const [recallAuditLog, setAuditLogs] = useGlobalStateHitAuditLog();\n\n  // Fetch module IDs\n  const { data: fetchedData, loading: apiLoading } = useApiHook<{ data: any }>({\n    endpoint: 'audit_logs/modules/',\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (!apiLoading && fetchedData?.data) {\n      const modules =\n        fetchedData?.data\n          .filter((item: any) => item?.name === 'ORDER')\n          .flatMap((item: any) =>\n            item?.static_child_mappings\n              ?.filter(\n                (child: any) => child?.child_module?.name === 'ORDER_NOTE'\n              )\n              .map((child: any) => ({\n                id: child?.child_module?.id,\n                parentId: child?.parent_module?.id,\n              }))\n          ) || [];\n\n      setModuleIds(modules[0] || null);\n    }\n  }, [apiLoading, fetchedData]);\n\n  // Fetch Notes Data\n  const {\n    data: NotesData,\n    loading: NotesLoading,\n    setShouldPerformAction,\n  } = useApiHook<{ data: any }>({\n    endpoint: `audit_logs/?module_id=${moduleIds?.parentId}&module_object_id=${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (moduleIds && orderId) {\n      setShouldPerformAction(true);\n    }\n    if (!NotesLoading && NotesData?.data) {\n      const updatedData = NotesData?.data\n        .filter(\n          (item: any) =>\n            item['ORDER_NOTE'] || item['ORDER'] || item['ORDER_RETURN']\n        )\n        .map((item: any) => [\n          item['ORDER_NOTE'],\n          item['ORDER'],\n          item['ORDER_RETURN'],\n        ])\n        .flat()\n        .filter(Boolean);\n\n      const combinedArray = updatedData?.flat();\n      combinedArray.sort(\n        (a: any, b: any) =>\n          new Date(b.created_at).getTime() - new Date(a.created_at).getTime()\n      );\n      setNotes(combinedArray);\n      recallAuditLog\n        ? setShouldPerformAction(true)\n        : setShouldPerformAction(false);\n    }\n    setAuditLogLoading(NotesLoading);\n  }, [moduleIds, orderId, NotesLoading, recallAuditLog]);\n\n  const handleGetLogs = () => {\n    setAuditLogs(true);\n    setTimeout(() => {\n      setAuditLogs(false);\n    }, 1000);\n  };\n\n  return (\n    <Container>\n      <CardHeader>\n        NOTES\n        <SmallButton onClick={handleGetLogs}>UPDATE LOGS</SmallButton>\n      </CardHeader>\n      <CustomizedFormSection>\n        <AddNote />\n        <AuditLogs />\n      </CustomizedFormSection>\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  border-radius: 5px;\n`;\n\nconst CardHeader = styled.div`\n  border: 1px solid #f0f2f2;\n  background-color: #f8fafc;\n  color: #3a3630;\n  font-size: 16px;\n  padding: 10px;\n  border-bottom: 1px solid #ddd;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  text-transform: uppercase;\n  font-family: 'Roboto', sans-serif;\n  font-weight: 600;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nconst CustomizedFormSection = styled.div`\n  display: flex;\n  background: #ffffff;\n  padding: 10px;\n  flex-direction: column;\n  gap: 14px;\n  border: 1px solid #f0f2f2;\n  border-bottom-right-radius: 8px;\n  border-bottom-left-radius: 8px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n`;\n\nconst SmallButton = styled.button`\n  background-color: #363a30;\n  color: #ffffff;\n  font-size: 12px;\n  padding: 4px 8px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: #feba30;\n  }\n`;\nexport default Notes;\n"],"names":["Notes","moduleIds","setModuleIds","usemoduleIds","orderId","useOrderId","setNotes","usegetNotes","setAuditLogLoading","useAuditLogLoadingState","recallAuditLog","setAuditLogs","useGlobalStateHitAuditLog","fetchedData","apiLoading","useApiHook","useEffect","modules","item","child","NotesData","NotesLoading","setShouldPerformAction","combinedArray","a","b","Container","jsxs","CardHeader","jsx","SmallButton","CustomizedFormSection","AddNote","AuditLogs","styled"],"mappings":"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"}

package/dist/components/order-view/notes/logs/fakeData.js

@@ -0,0 +1,13 @@
+const e = [
+  {
+    tableHead: [
+      { key: "startFinish", label: "Created", alwaysVisible: !0 },
+      { key: "routeDetails", label: "Notes", alwaysVisible: !0 }
+    ],
+    tableBody: []
+  }
+];
+export {
+  e as NotesTableData
+};
+//# sourceMappingURL=fakeData.js.map

package/dist/components/order-view/notes/logs/fakeData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fakeData.js","sources":["../../../../../src/components/order-view/notes/logs/fakeData.ts"],"sourcesContent":["export const NotesTableData = [\n  {\n    tableHead: [\n      { key: 'startFinish', label: 'Created', alwaysVisible: true },\n      { key: 'routeDetails', label: 'Notes', alwaysVisible: true },\n    ],\n    tableBody: [\n    ],\n  },\n];\n"],"names":["NotesTableData"],"mappings":"AAAO,MAAMA,IAAiB;AAAA,EAC5B;AAAA,IACE,WAAW;AAAA,MACT,EAAE,KAAK,eAAe,OAAO,WAAW,eAAe,GAAA;AAAA,MACvD,EAAE,KAAK,gBAAgB,OAAO,SAAS,eAAe,GAAA;AAAA,IAAK;AAAA,IAE7D,WAAW,CAAA;AAAA,EACX;AAEJ;"}

package/dist/components/order-view/notes/logs/index.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "styled-components";
+import o from "../../generic-table/AuditLogs.js";
+function h() {
+  return /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(o, {}) });
+}
+const r = i.div`
+  height: 500px;
+  min-height: 200px;
+  max-height: 500px;
+  overflow: auto; /* Enable scrolling */
+  scrollbar-width: thin;
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/notes/logs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/notes/logs/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport GenericAuditLogsTable from '../../generic-table/AuditLogs';\n\nfunction AuditLogs() {\n  return (\n    <Container>\n      <GenericAuditLogsTable />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  height: 500px;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto; /* Enable scrolling */\n  scrollbar-width: thin;\n`;\n\nexport default AuditLogs;\n"],"names":["AuditLogs","jsx","Container","GenericAuditLogsTable","styled"],"mappings":";;;AAIA,SAASA,IAAY;AACnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAsB,GACzB;AAEJ;AAEA,MAAMD,IAAYE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/notes/order-dropdown/NewReturnDropdown.js

@@ -0,0 +1,95 @@
+import { jsxs as I, jsx as f } from "react/jsx-runtime";
+import { useState as A, useEffect as d } from "react";
+import l from "styled-components";
+import { useApiHook as C } from "@bjsdistribution/dms-component-library";
+import { useOrderDetails as N, useProductDetails as R, useOrderId as b } from "../../store.js";
+import { Select as j } from "antd";
+import { useNewReturnOrderData as z, useSelectedProducts as E } from "../../../store.js";
+import { atom as h, useAtom as m } from "jotai";
+const T = h(null), $ = h(null), U = () => {
+  const w = { width: "100%" }, g = "dropDownStyle", [S, v] = z(), [o, y] = m($), [a] = E(), [D] = N(), [, i] = m(T), [c] = R(), [t, x] = A(), [_] = b(), r = D?.customer_id;
+  d(() => {
+    const e = c?.map((P) => P?.return_location) || [];
+    x(e);
+  }, [c]);
+  const n = [
+    { field: "customer_id", op: "=", value: r },
+    { field: "is_deleted", op: "=", value: 0 },
+    { field: "status", op: "!=", value: "SD" },
+    { field: "id", op: "!=", value: _ }
+  ];
+  t?.length > 0 && t[0] && n.push({
+    field: "return_order_products.return_location",
+    op: "=",
+    value: t[0]
+  });
+  const { data: s, setShouldPerformAction: p } = C({
+    endpoint: "/v1/return/orders/",
+    method: "GET",
+    filters: n && n?.length > 0 ? n : void 0,
+    //@ts-ignore
+    pagination: { is_pagination: !1 },
+    performAction: !1
+  });
+  d(() => {
+    r && t?.length > 0 && t[0] && p(!0);
+  }, [r, t, p]), d(() => {
+    s && s?.data && r !== null && v(s?.data);
+  }, [s, r]), d(() => {
+    o && a?.length > 0 && i({
+      new_return_order: o,
+      products: a
+    });
+  }, [o, a, i]);
+  const O = (e) => {
+    y(e);
+  }, u = S?.map((e) => ({
+    label: `${e?.recipient_name} - ${e?.postcode}`,
+    value: e?.id
+  }));
+  return /* @__PURE__ */ I(F, { children: [
+    /* @__PURE__ */ f(G, { children: "New Return Order:" }),
+    /* @__PURE__ */ f(
+      k,
+      {
+        options: u,
+        value: o,
+        placeholder: "Select",
+        onChange: O,
+        style: w,
+        showSearch: !0,
+        dropdownStyle: { width: "250px" },
+        popupClassName: g,
+        status: u.length === 0 || o ? "" : "error",
+        notFoundContent: "No orders found with a similar postcode"
+      }
+    )
+  ] });
+}, k = l(j)`
+  .ant-select-selector {
+    /* width: 22vw; */
+    border-radius: 22px;
+  }
+  .ant-select-clear {
+    top: 40% !important;
+    font-size: 18px !important;
+  }
+`, F = l.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  align-self: stretch;
+  white-space: nowrap;
+`, G = l.div`
+  color: #000;
+  font-family: 'Lato';
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 16px;
+`;
+export {
+  U as default,
+  T as payloadAtom,
+  $ as selectedOrderId
+};
+//# sourceMappingURL=NewReturnDropdown.js.map

package/dist/components/order-view/notes/order-dropdown/NewReturnDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewReturnDropdown.js","sources":["../../../../../src/components/order-view/notes/order-dropdown/NewReturnDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../types';\nimport { useOrderDetails, useOrderId, useProductDetails } from '../../store';\nimport { Select } from 'antd';\nimport { useNewReturnOrderData, useSelectedProducts } from '../../../store';\nimport { atom, useAtom } from 'jotai';\n\nexport const payloadAtom = atom<any>(null);\nexport const selectedOrderId = atom<any>(null);\n\nconst NewReturnDropdown = () => {\n  const defaultSelectStyle = { width: '100%' };\n  const defaultPopupClassName = 'dropDownStyle';\n  const [returnOrderData, setReturnOrderData] = useNewReturnOrderData();\n  const [selectedId, setSelectedOrderId] = useAtom(selectedOrderId);\n  const [selectedProducts] = useSelectedProducts();\n  const [orderData] = useOrderDetails();\n  const [, setPayload] = useAtom(payloadAtom);\n  const [productData] = useProductDetails();\n  const [idProduct, setId] = useState<any>();\n  const [orderId] = useOrderId();\n\n  const id = orderData?.customer_id;\n  useEffect(() => {\n    const allProductIds =\n      productData?.map((product: any) => product?.return_location) || [];\n    setId(allProductIds);\n  }, [productData]);\n\n  const filters = [\n    { field: 'customer_id', op: '=', value: id },\n    { field: 'is_deleted', op: '=', value: 0 },\n    { field: 'status', op: '!=', value: 'SD' },\n    { field: 'id', op: '!=', value: orderId },\n  ];\n\n  if (idProduct?.length > 0 && idProduct[0]) {\n    filters.push({\n      field: 'return_order_products.return_location',\n      op: '=',\n      value: idProduct[0],\n    });\n  }\n\n  const { data: fetchedReturnOrderData, setShouldPerformAction } = useApiHook<\n    ApiResponse\n  >({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters && filters?.length > 0 ? filters : undefined,\n    //@ts-ignore\n    pagination: { is_pagination: false },\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (id && idProduct?.length > 0 && idProduct[0]) {\n      setShouldPerformAction(true);\n    }\n  }, [id, idProduct, setShouldPerformAction]);\n\n  useEffect(() => {\n    if (fetchedReturnOrderData && fetchedReturnOrderData?.data && id !== null) {\n      setReturnOrderData(fetchedReturnOrderData?.data);\n    }\n  }, [fetchedReturnOrderData, id]);\n\n  useEffect(() => {\n    if (selectedId && selectedProducts?.length > 0) {\n      const newPayload = {\n        new_return_order: selectedId,\n        products: selectedProducts,\n      };\n      setPayload(newPayload);\n    }\n  }, [selectedId, selectedProducts, setPayload]);\n\n  const handleDropdownChange = (value: string) => {\n    setSelectedOrderId(value);\n  };\n  const dropdownOptions = returnOrderData?.map((order: any) => ({\n    label: `${order?.recipient_name} - ${order?.postcode}`,\n    value: order?.id,\n  }));\n  return (\n    <Container>\n      <Text>New Return Order:</Text>\n      <StyledAntSelect\n        options={dropdownOptions}\n        value={selectedId}\n        placeholder=\"Select\"\n        // @ts-ignore\n        onChange={handleDropdownChange}\n        style={defaultSelectStyle}\n        showSearch\n        dropdownStyle={{ width: '250px' }}\n        popupClassName={defaultPopupClassName}\n        status={dropdownOptions.length === 0 ? '' : selectedId ? '' : 'error'}\n        notFoundContent=\"No orders found with a similar postcode\"\n      />\n    </Container>\n  );\n};\n\nconst StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  align-self: stretch;\n  white-space: nowrap;\n`;\n\nconst Text = styled.div`\n  color: #000;\n  font-family: 'Lato';\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 16px;\n`;\n\nexport default NewReturnDropdown;\n"],"names":["payloadAtom","atom","selectedOrderId","NewReturnDropdown","defaultSelectStyle","defaultPopupClassName","returnOrderData","setReturnOrderData","useNewReturnOrderData","selectedId","setSelectedOrderId","useAtom","selectedProducts","useSelectedProducts","orderData","useOrderDetails","setPayload","productData","useProductDetails","idProduct","setId","useState","orderId","useOrderId","id","useEffect","allProductIds","product","filters","fetchedReturnOrderData","setShouldPerformAction","useApiHook","handleDropdownChange","value","dropdownOptions","order","Container","jsx","Text","StyledAntSelect","styled","Select"],"mappings":"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"}

package/dist/components/order-view/notification/FlagTemplate.js

@@ -0,0 +1,62 @@
+import { jsx as t, Fragment as n, jsxs as e } from "react/jsx-runtime";
+import { FlagAlert as y, formatUtcToLocal as s } from "@bjsdistribution/dms-component-library";
+import l from "styled-components";
+import { useFlagRefId as a } from "../order-actions/store.js";
+import { useCurrentAction as g } from "../store.js";
+import { useClientPortal as h } from "../../store.js";
+function w({ data: o, dismissFlags: r }) {
+  const [, i] = a(), [, c] = g(), [f] = h(), m = () => {
+    c("view-flag");
+  }, u = (d) => {
+    i(d), m();
+  }, p = o?.status === "SD" ? "#36A053" : "#3a3630";
+  return /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(
+    y,
+    {
+      type: o?.status === "AD" ? "info" : "success",
+      title: /* @__PURE__ */ t(n, { children: /* @__PURE__ */ e(b, { color: p, children: [
+        "Flag : ",
+        o?.is_private ? "Private" : "Public",
+        " ",
+        /* @__PURE__ */ e(C, { onClick: () => u(o.id), children: [
+          o?.id,
+          " - ",
+          o?.flag_type,
+          " "
+        ] }),
+        " ",
+        o?.status === "AD" ? "Unresolved" : "Resolved on",
+        " ",
+        o?.status == "SD" ? /* @__PURE__ */ e(n, { children: [
+          `${s(o?.resolved_at)?.date}  ${s(o?.resolved_at)?.time}`,
+          " ",
+          "by ",
+          o?.resolved_by,
+          " "
+        ] }) : null
+      ] }) }),
+      subtitle: "",
+      description: f ? /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: o?.description } }) : `${o?.description}`,
+      showOkButton: !1,
+      onClose: () => r(o?.id)
+    }
+  ) });
+}
+const v = l.div``, C = l.span`
+  color: var(--contextual-blue, #6396e5);
+  font-family: Roboto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  cursor: pointer;
+`, b = l.span`
+  color: ${({ color: o }) => o};
+  font-family: Roboto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+`;
+export {
+  w as default
+};
+//# sourceMappingURL=FlagTemplate.js.map

package/dist/components/order-view/notification/FlagTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagTemplate.js","sources":["../../../../src/components/order-view/notification/FlagTemplate.tsx"],"sourcesContent":["import {\n  FlagAlert,\n  formatUtcToLocal,\n} from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useFlagRefId } from '../order-actions/store';\nimport { useCurrentAction } from '../store';\nimport { useClientPortal } from '../../store';\nfunction FlagTemplate({ data, dismissFlags }: any) {\n  const [, setSelectedFlag] = useFlagRefId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [isCustomerPortal] = useClientPortal();\n  //\n  const openModal = () => {\n    setCurrentAction('view-flag');\n  };\n  const handleClick = (Id: number) => {\n    setSelectedFlag(Id);\n    openModal();\n  };\n\n  const titleColor = data?.status === 'SD' ? '#36A053' : '#3a3630';\n  return (\n    <StyledAlert>\n      <FlagAlert\n        type={data?.status === 'AD' ? 'info' : 'success'}\n        title={\n          <>\n            <StyledTitle color={titleColor}>\n              Flag : {data?.is_private ? 'Private' : 'Public'}{' '}\n              <StyledLink onClick={() => handleClick(data.id)}>\n                {data?.id} - {data?.flag_type}{' '}\n              </StyledLink>{' '}\n              {data?.status === 'AD' ? 'Unresolved' : 'Resolved on'}{' '}\n              {data?.status == 'SD' ? (\n                <>\n                  {`${formatUtcToLocal(data?.resolved_at)?.date}  ${\n                    formatUtcToLocal(data?.resolved_at)?.time\n                  }`}{' '}\n                  by {data?.resolved_by}{' '}\n                </>\n              ) : null}\n            </StyledTitle>\n          </>\n        }\n        subtitle=\"\"\n        description={\n          isCustomerPortal ? (\n            <span dangerouslySetInnerHTML={{ __html: data?.description }} />\n          ) : (\n            `${data?.description}`\n          )\n        }\n        showOkButton={false}\n        onClose={() => dismissFlags(data?.id)}\n      />\n    </StyledAlert>\n  );\n}\n\nconst StyledAlert = styled.div``;\n\nconst StyledLink = styled.span`\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  cursor: pointer;\n`;\n\nconst StyledTitle = styled.span<{ color: string }>`\n  color: ${({ color }) => color};\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n`;\n\nexport default FlagTemplate;\n"],"names":["FlagTemplate","data","dismissFlags","setSelectedFlag","useFlagRefId","setCurrentAction","useCurrentAction","isCustomerPortal","useClientPortal","openModal","handleClick","Id","titleColor","StyledAlert","jsx","FlagAlert","Fragment","jsxs","StyledTitle","StyledLink","formatUtcToLocal","styled","color"],"mappings":";;;;;;AASA,SAASA,EAAa,EAAE,MAAAC,GAAM,cAAAC,KAAqB;AACjD,QAAM,CAAA,EAAGC,CAAe,IAAIC,EAAA,GACtB,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAgB,IAAIC,EAAA,GAErBC,IAAY,MAAM;AACtB,IAAAJ,EAAiB,WAAW;AAAA,EAC9B,GACMK,IAAc,CAACC,MAAe;AAClC,IAAAR,EAAgBQ,CAAE,GAClBF,EAAA;AAAA,EACF,GAEMG,IAAaX,GAAM,WAAW,OAAO,YAAY;AACvD,2BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMd,GAAM,WAAW,OAAO,SAAS;AAAA,MACvC,OACE,gBAAAa,EAAAE,GAAA,EACE,UAAA,gBAAAC,EAACC,GAAA,EAAY,OAAON,GAAY,UAAA;AAAA,QAAA;AAAA,QACtBX,GAAM,aAAa,YAAY;AAAA,QAAU;AAAA,0BAChDkB,GAAA,EAAW,SAAS,MAAMT,EAAYT,EAAK,EAAE,GAC3C,UAAA;AAAA,UAAAA,GAAM;AAAA,UAAG;AAAA,UAAIA,GAAM;AAAA,UAAW;AAAA,QAAA,GACjC;AAAA,QAAc;AAAA,QACbA,GAAM,WAAW,OAAO,eAAe;AAAA,QAAe;AAAA,QACtDA,GAAM,UAAU,OACf,gBAAAgB,EAAAD,GAAA,EACG,UAAA;AAAA,UAAA,GAAGI,EAAiBnB,GAAM,WAAW,GAAG,IAAI,KAC3CmB,EAAiBnB,GAAM,WAAW,GAAG,IACvC;AAAA,UAAI;AAAA,UAAI;AAAA,UACJA,GAAM;AAAA,UAAa;AAAA,QAAA,EAAA,CACzB,IACE;AAAA,MAAA,EAAA,CACN,EAAA,CACF;AAAA,MAEF,UAAS;AAAA,MACT,aACEM,IACE,gBAAAO,EAAC,QAAA,EAAK,yBAAyB,EAAE,QAAQb,GAAM,YAAA,EAAY,CAAG,IAE9D,GAAGA,GAAM,WAAW;AAAA,MAGxB,cAAc;AAAA,MACd,SAAS,MAAMC,EAAaD,GAAM,EAAE;AAAA,IAAA;AAAA,EAAA,GAExC;AAEJ;AAEA,MAAMY,IAAcQ,EAAO,OAErBF,IAAaE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASpBH,IAAcG,EAAO;AAAA,WAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/notification/OrderTemplate.js

@@ -0,0 +1,441 @@
+import { jsxs as w, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { FlagAlert as i } from "@bjsdistribution/dms-component-library";
+import { useState as S } from "react";
+import h from "styled-components";
+import { useOrderNotify as O } from "../order-actions/store.js";
+import { useOrderStaticData as v } from "../store.js";
+import { useClientPortal as x } from "../../store.js";
+function P({ orderDetails: f, routeInfoData: t }) {
+  const [, g] = O(), [m] = v(), s = t?.status_value, [d] = x(), _ = m?.cancellation_reasons?.map(
+    (l) => ({
+      id: l?.id,
+      reason: l?.reason
+    })
+  ), p = ((l) => {
+    if (!_ || _?.length === 0)
+      return "Reason not found";
+    const a = _?.find((y) => y?.id === l);
+    return a ? a?.reason : "Reason not found";
+  })(f?.order_cancellations?.reason_id), [n, u] = S({
+    isHoldVisible: !0,
+    isCompleted: !0,
+    isOutstanding: !0,
+    isAwaitingConfirmation: !0,
+    isAwaitingRoute: !0,
+    isCancelled: !0,
+    isEnroute: !0,
+    isPreCall: !0,
+    isConfirmed: !0,
+    isPostcode: !0,
+    isSubcontracted: !0,
+    isRouted: !0,
+    isOnSite: !0,
+    isFailed: !0
+  }), o = (l) => {
+    u((a) => ({
+      ...a,
+      [l]: !1
+    })), g(0);
+  };
+  return /* @__PURE__ */ w(C, { children: [
+    !d && t?.order_red_cross_alerts?.length > 0 && /* @__PURE__ */ e(
+      i,
+      {
+        type: "error",
+        title: "",
+        description: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { className: "redCross", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "spanStyle",
+            dangerouslySetInnerHTML: {
+              __html: t?.order_red_cross_alerts
+            }
+          }
+        ) }) }),
+        showOkButton: !1,
+        onClose: () => o("isPostcode")
+      }
+    ),
+    s == "on hold" && n?.isHoldVisible && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "warn",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isHoldVisible")
+      }
+    ) }),
+    s == "complete" && n.isCompleted && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "success",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isCompleted")
+      }
+    ) }),
+    s == "outstanding" && n.isOutstanding && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "release",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isOutstanding")
+      }
+    ) }),
+    s == "awaiting confirmation" && n.isAwaitingConfirmation && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isAwaitingConfirmation")
+      }
+    ) }),
+    s == "awaiting route" && n.isAwaitingRoute && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isAwaitingRoute")
+      }
+    ) }),
+    s == "cancelled" && n.isCancelled && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: p,
+        showOkButton: !1,
+        onClose: () => o("isCancelled")
+      }
+    ) }),
+    s == "confirmed" && n.isConfirmed && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isConfirmed")
+      }
+    ) }),
+    s == "subcontracted" && n.isSubcontracted && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isRouted")
+      }
+    ) }),
+    s == "enroute" && n.isEnroute && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isEnroute")
+      }
+    ) }),
+    s == "routed" && n.isRouted && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isRouted")
+      }
+    ) }),
+    s == "precalled" && n.isPreCall && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isPreCall")
+      }
+    ) }),
+    s == "on site" && n.isOnSite && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isOnSite")
+      }
+    ) }),
+    s == "failed" && n.isFailed && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_info_alerts
+            }
+          }
+        ),
+        description: "",
+        showOkButton: !1,
+        onClose: () => o("isFailed")
+      }
+    ) }),
+    !d && t?.order_warnings_alerts?.length > 0 && /* @__PURE__ */ e(
+      i,
+      {
+        type: "warn",
+        title: "",
+        description: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_warnings_alerts
+            }
+          }
+        ) }) }),
+        showOkButton: !1,
+        onClose: () => o("isPostcode")
+      }
+    ),
+    !d && t?.order_green_check_alerts?.length > 0 && /* @__PURE__ */ e(
+      i,
+      {
+        type: "success",
+        title: "",
+        description: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.order_green_check_alerts
+            }
+          }
+        ) }) }),
+        showOkButton: !1,
+        onClose: () => o("isPostcode")
+      }
+    ),
+    !d && t?.same_postcode_orders && n.isPostcode && /* @__PURE__ */ e(
+      i,
+      {
+        type: "info",
+        title: "",
+        description: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { className: "postcode-alert-content", children: /* @__PURE__ */ e(
+          "div",
+          {
+            dangerouslySetInnerHTML: {
+              __html: t?.same_postcode_orders
+            }
+          }
+        ) }) }),
+        showOkButton: !1,
+        onClose: () => o("isPostcode")
+      }
+    )
+  ] });
+}
+const c = h.div`
+  .redCross {
+    font-size: 13px;
+    margin-top: 4px;
+  }
+  .postcode-alert-content {
+    > div {
+      > h4 {
+        color: #3a3630;
+        font-family: Lato;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 18px;
+      }
+    }
+    ul {
+      margin-bottom: 0;
+    }
+
+    li {
+      border-radius: 6px;
+      list-style-type: none;
+      > a {
+        color: #6396e5;
+        font-family: Roboto;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 24px;
+        text-decoration: none;
+      }
+      > strong {
+        > a {
+          color: #6396e5;
+
+          font-family: Roboto;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 24px;
+          text-decoration: none;
+        }
+      }
+    }
+
+    li.outstanding strong,
+    li.awaiting_confirmation strong,
+    li.awaiting_route strong {
+      font-family: Roboto, sans-serif;
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 24px;
+      font-style: normal;
+    }
+    li.routed strong {
+      margin-left: 5px;
+      color: #3a3630;
+      font-family: Lato;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 18px;
+    }
+
+    li.outstanding strong {
+      color: #e95252;
+    }
+    li.awaiting_confirmation strong {
+      color: #6396e5;
+    }
+    li.awaiting_route strong {
+      color: #36a053;
+    }
+    li.confirmed strong {
+      color: #36a053;
+    }
+    li.enroute strong {
+      color: #36a053;
+    }
+    li.cancelled strong {
+      color: #e95252;
+    }
+    li.complete strong {
+      color: #36a053;
+    }
+    li.on_hold strong {
+      color: #feba30;
+    }
+    li.routed strong {
+      color: #3a3630;
+    }
+    span {
+      margin-left: 5px;
+      color: #3a3630;
+      font-family: Lato;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 18px;
+    }
+  }
+`, r = h.div`
+  margin-bottom: 5px;
+`;
+export {
+  P as default
+};
+//# sourceMappingURL=OrderTemplate.js.map