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

package/dist/components/order-view/order-actions/actions/change-customer-account/ChangeCustomerAccModal.js

@@ -0,0 +1,94 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { useAxios as D, AntSelect as y } from "@bjsdistribution/dms-component-library";
+import x from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { ContentContainer as I, SplitLayout as N, Row as h, Label as p } from "../modalstyle.js";
+import { useOrderId as T, useCustomerData as b, useCurrentAction as M, useOrderDetails as O } from "../../../store.js";
+import { Input as R, notification as i } from "antd";
+function U(g) {
+  const [C] = T(), [f] = b(), [, w] = M(), [o] = O(), [n, c] = u(
+    o?.customer_id ?? null
+  ), [a, S] = u(
+    o?.trading_name || ""
+  ), d = o?.order_recipient, A = `${d?.recipient_name}, ${d?.postcode}`, l = () => w(void 0), m = f?.map((e) => ({
+    label: e?.customer_name,
+    value: e?.id
+  })), { fetchData: _ } = D({
+    endpoint: "/orders/change_customer_account",
+    method: "PUT"
+  });
+  return /* @__PURE__ */ t(
+    x,
+    {
+      headerTitle: "Change customer account",
+      onCloseHeader: l,
+      onSubmit: async () => {
+        if (n == null || !a?.trim()) {
+          i.warning({
+            message: "Validation Error",
+            description: "Please select a customer and enter a trading name."
+          });
+          return;
+        }
+        try {
+          const e = [
+            {
+              order_id: +C,
+              customer_id: +n,
+              trading_name: a
+            }
+          ], r = await _({ payload: e });
+          r?.code === 200 && (i.success({
+            message: "Success",
+            description: `${r.message}`
+          }), await g?.callOrdersApi(), l());
+        } catch {
+          i.error({
+            message: "Error",
+            description: "Something went wrong while saving."
+          });
+        }
+      },
+      showAdditionalInfo: !0,
+      infoText: A,
+      submitBtnTitle: "Save Details",
+      children: /* @__PURE__ */ t(I, { children: /* @__PURE__ */ s(N, { children: [
+        /* @__PURE__ */ s(h, { children: [
+          /* @__PURE__ */ t(p, { children: "New Customer" }),
+          /* @__PURE__ */ t(
+            y,
+            {
+              options: m,
+              placeholder: "Select Customer",
+              onChange: (e) => {
+                c(+e);
+                const r = m?.find((v) => v?.value === +e);
+                r && c(r?.value);
+              },
+              style: { width: "22vw", height: 40 },
+              showSearch: !0,
+              popupClassName: "dropDownStyle",
+              selectWrapperClass: "rounded",
+              defaultValue: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(h, { children: [
+          /* @__PURE__ */ t(p, { children: "New Trading Name" }),
+          /* @__PURE__ */ t(
+            R,
+            {
+              style: { borderRadius: "15px", minWidth: "22vw" },
+              value: a,
+              onChange: (e) => S(e.target.value)
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+}
+export {
+  U as default
+};
+//# sourceMappingURL=ChangeCustomerAccModal.js.map

package/dist/components/order-view/order-actions/actions/change-customer-account/ChangeCustomerAccModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeCustomerAccModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/change-customer-account/ChangeCustomerAccModal.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AntSelect, useAxios } from '@bjsdistribution/dms-component-library';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport { ContentContainer, Label, Row, SplitLayout } from '../modalstyle';\nimport {\n  useCurrentAction,\n  useCustomerData,\n  useOrderDetails,\n  useOrderId,\n} from '../../../store';\nimport { Input, notification } from 'antd';\nimport { ApiResponse } from '../../../types';\ninterface IProps {\n  callOrdersApi?: any;\n}\n\nfunction ChangeCustomerAccModal(props: IProps) {\n  const [orderId] = useOrderId();\n  const [customerData] = useCustomerData();\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderDetails] = useOrderDetails();\n  const [selectedCustomerId, setSelectedCustomerId] = useState<any>(\n    orderDetails?.customer_id ?? null\n  );\n  const [tradingName, setTradingName] = useState<string>(\n    orderDetails?.trading_name || ''\n  );\n  const orderRecipient = orderDetails?.order_recipient;\n  const infoText = `${orderRecipient?.recipient_name}, ${orderRecipient?.postcode}`;\n  const closeModal = () => setCurrentAction(undefined);\n\n  const customerMappedData = customerData?.map((customer: any) => ({\n    label: customer?.customer_name,\n    value: customer?.id,\n  }));\n\n  const { fetchData } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/change_customer_account`,\n    method: 'PUT',\n  });\n\n  const handleChangeAcc = async () => {\n    if (selectedCustomerId == null || !tradingName?.trim()) {\n      notification.warning({\n        message: 'Validation Error',\n        description: 'Please select a customer and enter a trading name.',\n      });\n      return;\n    }\n\n    try {\n      const payload = [\n        {\n          order_id: +orderId,\n          customer_id: +selectedCustomerId,\n          trading_name: tradingName,\n        },\n      ];\n      const response = (await fetchData({ payload })) as {\n        code: number | null;\n        error?: string | null | undefined;\n        [key: string]: any;\n      };\n\n      if (response?.code === 200) {\n        notification.success({\n          message: 'Success',\n          description: `${response.message}`,\n        });\n        await props?.callOrdersApi();\n        closeModal();\n      }\n    } catch {\n      notification.error({\n        message: 'Error',\n        description: 'Something went wrong while saving.',\n      });\n    }\n  };\n\n  const handleSelectChange = (value: string) => {\n    setSelectedCustomerId(+value);\n    const selected = customerMappedData?.find(c => c?.value === +value);\n    if (selected) {\n      setSelectedCustomerId(selected?.value);\n    }\n  };\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Change customer account\"\n      onCloseHeader={closeModal}\n      onSubmit={handleChangeAcc}\n      showAdditionalInfo\n      infoText={infoText}\n      submitBtnTitle=\"Save Details\"\n    >\n      <ContentContainer>\n        <SplitLayout>\n          <Row>\n            <Label>New Customer</Label>\n            <AntSelect\n              options={customerMappedData}\n              placeholder=\"Select Customer\"\n              onChange={handleSelectChange}\n              style={{ width: '22vw', height: 40 }}\n              showSearch\n              popupClassName=\"dropDownStyle\"\n              selectWrapperClass=\"rounded\"\n              defaultValue={selectedCustomerId}\n            />\n          </Row>\n\n          <Row>\n            <Label>New Trading Name</Label>\n            <Input\n              style={{ borderRadius: '15px', minWidth: '22vw' }}\n              value={tradingName}\n              onChange={e => setTradingName(e.target.value)}\n            />\n          </Row>\n        </SplitLayout>\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\n\nexport default ChangeCustomerAccModal;\n"],"names":["ChangeCustomerAccModal","props","orderId","useOrderId","customerData","useCustomerData","setCurrentAction","useCurrentAction","orderDetails","useOrderDetails","selectedCustomerId","setSelectedCustomerId","useState","tradingName","setTradingName","orderRecipient","infoText","closeModal","customerMappedData","customer","fetchData","useAxios","jsx","OrderActionModal","notification","payload","response","ContentContainer","jsxs","SplitLayout","Row","Label","AntSelect","value","selected","c","Input"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/charge-log/index.js

@@ -0,0 +1,373 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { useEffect as m } from "react";
+import { useAxios as y } from "@bjsdistribution/dms-component-library";
+import { useCurrentAction as k, useCustomerInfo as v, useOrderDetails as w, usegetClientData as D } from "../../../store.js";
+import S from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { Skeleton as C, Empty as T } from "antd";
+import e from "styled-components";
+import { getBaseUrlSymbol as z } from "../../../utils.js";
+function N() {
+  const [, a] = k(), [d] = v(), l = `${d?.recipient_name}, ${d?.postcode}`, [s] = w(), c = z(), [p] = D(), i = () => {
+    a(void 0);
+  }, { data: n, loading: b, fetchData: f } = y({
+    endpoint: `/invoices/charge-logs/?order_id=${s?.id}`,
+    method: "GET"
+  });
+  return m(() => {
+    f();
+  }, []), /* @__PURE__ */ r(
+    S,
+    {
+      headerTitle: "Charges For",
+      onCloseHeader: i,
+      onSubmit: i,
+      submitBtnTitle: "Close",
+      showAdditionalInfo: !0,
+      infoText: l,
+      children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ o(A, { className: "scrollClass", children: [
+        /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { children: [
+          /* @__PURE__ */ r("th", { children: "Date" }),
+          /* @__PURE__ */ r("th", { children: "Description" }),
+          /* @__PURE__ */ r("th", { children: "Amount" }),
+          /* @__PURE__ */ r("th", { children: "Status" })
+        ] }) }),
+        /* @__PURE__ */ r("tbody", { children: b ? /* @__PURE__ */ o("tr", { children: [
+          /* @__PURE__ */ r("td", { colSpan: 6, children: /* @__PURE__ */ r(C, { active: !0 }) }),
+          /* @__PURE__ */ r("td", { colSpan: 6 })
+        ] }) : n?.data?.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(T, {}) }) }) }) : n?.data?.map((t) => {
+          const x = t?.status?.split(":")[0], h = t?.status?.split(":")[1], g = p?.filter(
+            (u) => u?.client_id === t?.client_id
+          )[0]?.url + `/finance/order/${t?.debrief_id}`;
+          return /* @__PURE__ */ o("tr", { children: [
+            /* @__PURE__ */ r("td", { children: t?.date }),
+            /* @__PURE__ */ r("td", { children: t?.description }),
+            /* @__PURE__ */ r("td", { children: /* @__PURE__ */ o(
+              "a",
+              {
+                style: {
+                  color: "#09F",
+                  cursor: "pointer",
+                  textDecoration: "none"
+                },
+                href: `https://${g}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  c,
+                  t?.amount
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ r("td", { children: /* @__PURE__ */ o(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "5px"
+                },
+                children: [
+                  x,
+                  ": ",
+                  /* @__PURE__ */ r($, { children: h })
+                ]
+              }
+            ) })
+          ] });
+        }) })
+      ] }) })
+    }
+  );
+}
+const j = e.div`
+  overflow-x: auto;
+  max-height: calc(100vh - 290px);
+  scrollbar-width: none;
+  width: 100%;
+  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */
+  &::-webkit-scrollbar {
+    width: 5px;
+    border-radius: 100px;
+    height: 5px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: #777;
+    border-radius: 100px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #7b61ff;
+    border-radius: 100px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: #7b61ff;
+  }
+`, A = e.table`
+  border-spacing: 0 10px;
+  width: 100%;
+  padding: 10px;
+  thead {
+    tr {
+      border-radius: 40px;
+      border-spacing: 0 10px;
+      th {
+        color: #3a3630;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        padding: 5px 15px;
+        background: #f0f2f2;
+        border-right: none;
+        border-left: none;
+        text-align: left;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-width: 1px 0;
+        text-transform: capitalize;
+        &:first-child {
+          border-radius: 100px 0 0 100px;
+          border-left: 1px solid rgba(0, 0, 0, 0.08);
+        }
+        &:last-child {
+          border-radius: 0px 100px 100px 0;
+          border-right: 1px solid rgba(0, 0, 0, 0.08);
+        }
+      }
+    }
+  }
+  tbody {
+    tr {
+      td {
+        color: #3a3630;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        padding: 12px 15px;
+        background: #fff;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-right: none;
+        border-left: none;
+      }
+      .link {
+        color: #09f;
+        font-family: Roboto;
+        font-weight: 400;
+        .linkHover {
+          cursor: pointer;
+        }
+      }
+      td {
+        .flex {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+        }
+        .overDue {
+          border-radius: 20px;
+          border: 1px solid #edebe8;
+          background: #fff;
+          padding: 4px 8px;
+          color: #e95252;
+          font-size: 12px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 16px;
+        }
+      }
+      &:nth-child(even) td {
+        background: #f6fbff;
+      }
+      td:first-child {
+        border-radius: 100px 0 0 100px;
+        border-left: 1px solid rgba(0, 0, 0, 0.08);
+      }
+      td:last-child {
+        border-radius: 0px 100px 100px 0;
+        border-right: 1px solid rgba(0, 0, 0, 0.08);
+      }
+      .emptyTd {
+        border-radius: 100px !important;
+      }
+      .flex {
+        display: flex;
+        flex-direction: row;
+        gap: 5px;
+        height: 29px;
+        align-items: center;
+      }
+
+      &.insideTable {
+        td {
+          border-radius: 0;
+          border: none;
+          &:last-child {
+            border-radius: 0;
+            border-right: none;
+          }
+        }
+        table {
+          border-spacing: 0;
+          width: 100%;
+          border-radius: 5px;
+          border: 1px solid rgba(0, 0, 0, 0.08);
+          overflow: hidden;
+          border-top-left-radius: 15px;
+          border-top-right-radius: 15px;
+          thead {
+            tr {
+              border-bottom: none;
+              th {
+                padding: 14px 20px;
+                text-align: left;
+                border-top: 0;
+                border-right: 0;
+                border-left: 0;
+                background: #f8fafc;
+                &:first-child {
+                  border-radius: 0;
+                  border-left: 1px solid rgba(0, 0, 0, 0.08);
+                  border-top-left-radius: 15px;
+                }
+                &:last-child {
+                  border-radius: 0;
+                }
+              }
+            }
+          }
+          tbody {
+            tr {
+              td {
+                padding: 14px 20px;
+                text-align: left;
+                border-bottom: 1px solid rgba(58, 54, 48, 0.15);
+                background: #fff;
+                > svg {
+                  transform: scale(1.5);
+                  background-color: #edebe8;
+                  border-radius: 20px;
+                  padding: 5px;
+                }
+                &:last-child {
+                  border-radius: 0;
+                  border-right: none;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .actions {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    > svg {
+      transform: scale(1.5);
+      background-color: #edebe8;
+      border-radius: 20px;
+      padding: 5px;
+    }
+
+    .close-icon {
+      transform: scale(1.3);
+      background-color: transparent;
+      border-radius: 0;
+      padding: 0;
+    }
+  }
+`, _ = e.div`
+  display: flex;
+  justify-content: center;
+`;
+e.div`
+  div {
+    display: flex;
+    min-width: 85px;
+    padding: 6px 10px;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    border-radius: 22px;
+    font-family: 'Open Sans';
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+  }
+`;
+e.div`
+  &.pending {
+    background: #fff1d6;
+    color: #f4a503;
+  }
+
+  &.resolved {
+    background: rgba(41, 204, 106, 0.15);
+    color: #1f9254;
+  }
+
+  &.overdue {
+    background: rgba(233, 82, 82, 0.15);
+    color: var(--contextual-red, #e95252);
+  }
+`;
+e.div`
+  border-radius: 20px;
+  border: 1px solid #edebe8;
+  background: #fff;
+  display: flex;
+  padding: 6px 6px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+
+  &.active {
+    background: #313130;
+    & > div {
+      color: #fff;
+    }
+  }
+`;
+e.div`
+  display: flex;
+  width: 24px;
+  height: 24px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #f1f5f6;
+  .cross {
+    position: relative;
+    &:after {
+      display: inline-block;
+      content: 'X';
+      font-style: normal;
+      font-size: 14px;
+      color: #000;
+    }
+  }
+`;
+e.div`
+  color: #6a7378;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  white-space: nowrap;
+`;
+const $ = e.span`
+  color: #29cc6a;
+`;
+export {
+  _ as EmptyDataContainer,
+  A as StyledTable,
+  j as StyledTableWrapper,
+  N as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/charge-log/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/charge-log/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport {\n  useCurrentAction,\n  useCustomerInfo,\n  usegetClientData,\n  useOrderDetails,\n} from '../../../store';\nimport { ApiResponse } from '../../../types';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport { Empty, Skeleton } from 'antd';\n\nimport styled from 'styled-components';\nimport { ClientType } from '../../../../order-daily-overview/common/interface';\nimport { getBaseUrlSymbol } from '../../../utils';\n\nfunction ChargeLog() {\n  const [, setCurrentAction] = useCurrentAction();\n  const [customerInfo] = useCustomerInfo();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n  const [orderDetails] = useOrderDetails();\n  const baseUrlSymbol = getBaseUrlSymbol();\n  const [clientData] = usegetClientData();\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n\n  const { data: fetchedData, loading, fetchData } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/invoices/charge-logs/?order_id=${orderDetails?.id}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Charges For\"\n      onCloseHeader={closeModal}\n      onSubmit={closeModal}\n      submitBtnTitle=\"Close\"\n      showAdditionalInfo\n      infoText={infoText}\n    >\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Date</th>\n              <th>Description</th>\n              <th>Amount</th>\n              <th>Status</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={6}>\n                  <Skeleton active />\n                </td>\n                <td colSpan={6}></td>\n              </tr>\n            ) : fetchedData?.data?.length === 0 ? (\n              <tr>\n                <td className=\"emptyTd\" colSpan={7}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              fetchedData?.data?.map((order: any) => {\n                const label = order?.status?.split(':')[0];\n                const val = order?.status?.split(':')[1];\n                const baseUrl = clientData?.filter(\n                  (client: ClientType) => client?.client_id === order?.client_id\n                )[0]?.url;\n\n                const redirectionLink =\n                  baseUrl + `/finance/order/${order?.debrief_id}`;\n                return (\n                  <tr>\n                    <td>{order?.date}</td>\n                    <td>{order?.description}</td>\n                    <td>\n                      <a\n                        style={{\n                          color: '#09F',\n                          cursor: 'pointer',\n                          textDecoration: 'none',\n                        }}\n                        href={`https://${redirectionLink}`}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        {baseUrlSymbol}\n                        {order?.amount}\n                      </a>\n                    </td>\n                    <td>\n                      <div\n                        style={{\n                          display: 'flex',\n                          alignItems: 'center',\n                          gap: '5px',\n                        }}\n                      >\n                        {label}: <Value>{val}</Value>\n                      </div>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </OrderActionModal>\n  );\n}\n// Styled components\nexport const StyledTableWrapper = styled.div`\n  overflow-x: auto;\n  max-height: calc(100vh - 290px);\n  scrollbar-width: none;\n  width: 100%;\n  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 100px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #777;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #7b61ff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  padding: 10px;\n  thead {\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      th {\n        color: #3a3630;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: normal;\n        padding: 5px 15px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        text-transform: capitalize;\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 13px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: normal;\n        padding: 12px 15px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n      }\n      .link {\n        color: #09f;\n        font-family: Roboto;\n        font-weight: 400;\n        .linkHover {\n          cursor: pointer;\n        }\n      }\n      td {\n        .flex {\n          display: flex;\n          gap: 4px;\n          align-items: center;\n        }\n        .overDue {\n          border-radius: 20px;\n          border: 1px solid #edebe8;\n          background: #fff;\n          padding: 4px 8px;\n          color: #e95252;\n          font-size: 12px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 16px;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .emptyTd {\n        border-radius: 100px !important;\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Badge = styled.div`\n  div {\n    display: flex;\n    min-width: 85px;\n    padding: 6px 10px;\n    justify-content: center;\n    align-items: center;\n    gap: 5px;\n    border-radius: 22px;\n    font-family: 'Open Sans';\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n  }\n`;\n\nexport const BadgeStatus = styled.div`\n  &.pending {\n    background: #fff1d6;\n    color: #f4a503;\n  }\n\n  &.resolved {\n    background: rgba(41, 204, 106, 0.15);\n    color: #1f9254;\n  }\n\n  &.overdue {\n    background: rgba(233, 82, 82, 0.15);\n    color: var(--contextual-red, #e95252);\n  }\n`;\n\nexport const ClearAll = styled.div`\n  border-radius: 20px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 6px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #f1f5f6;\n  .cross {\n    position: relative;\n    &:after {\n      display: inline-block;\n      content: 'X';\n      font-style: normal;\n      font-size: 14px;\n      color: #000;\n    }\n  }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n\nexport default ChargeLog;\n\nconst Value = styled.span`\n  color: #29cc6a;\n`;\n"],"names":["ChargeLog","setCurrentAction","useCurrentAction","customerInfo","useCustomerInfo","infoText","orderDetails","useOrderDetails","baseUrlSymbol","getBaseUrlSymbol","clientData","usegetClientData","closeModal","fetchedData","loading","fetchData","useAxios","useEffect","jsx","OrderActionModal","StyledTableWrapper","jsxs","StyledTable","Skeleton","EmptyDataContainer","Empty","order","label","val","redirectionLink","client","Value","styled"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/clear-booking-status/ClearBookingStatus.js

@@ -0,0 +1,65 @@
+import { jsx as i } from "react/jsx-runtime";
+import { CancelAndCompleteAction as v, useApiHook as c, CancelationModal as O } from "@bjsdistribution/dms-component-library";
+import { useEffect as l } from "react";
+import h from "styled-components";
+import { useOrderId as P, useOrderDetails as y, usePrevOrderDetails as D, useCurrentAction as k, useLiveRecalling as L } from "../../../store.js";
+import { useLoading as S } from "../../../../order-daily-overview/store/store.js";
+import { notification as b } from "antd";
+const q = (d) => {
+  const [r] = P(), [, u] = y(), [, f] = D(), [, m] = S(), [, o] = k(), [p, a] = L(), {
+    data: t,
+    setShouldPerformAction: A
+  } = c({
+    endpoint: `orders/${r}/clear-date/`,
+    method: "POST",
+    performAction: !1
+  }), { data: e, loading: n, setShouldPerformAction: C } = c({
+    endpoint: `orders/${r}`,
+    method: "GET",
+    performAction: !1
+  }), g = async () => {
+    await d?.callOrderAlertsApi();
+  };
+  return l(() => {
+    if (m(n), e && e?.data) {
+      const s = e?.data;
+      u(s[0]), f(s[0]), g(), o(void 0);
+    }
+    (e && e?.data === null || e?.data?.length === 0) && o(void 0);
+  }, [n]), l(() => {
+    t && (t?.data && t?.code === 200 ? (C(!0), a(!0), setTimeout(() => {
+      a(!1);
+    }, 2e3)) : (b.error({
+      message: "Error",
+      description: (
+        //@ts-ignore
+        t?.error_traceback || "An error has occurred. Please try again later."
+      )
+    }), o(void 0)));
+  }, [t, p]), /* @__PURE__ */ i(
+    O,
+    {
+      title: "Clear Booking Status",
+      description: "Are you sure, you want to clear booking status of the Order?",
+      actions: /* @__PURE__ */ i(
+        B,
+        {
+          cancelLabel: "Cancel",
+          onCancel: () => {
+            o(void 0);
+          },
+          completeLabel: "Confirm",
+          onComplete: () => {
+            r && (a(!1), A(!0));
+          }
+        }
+      )
+    }
+  );
+}, B = h(v)`
+  justify-content: center;
+`;
+export {
+  q as default
+};
+//# sourceMappingURL=ClearBookingStatus.js.map

package/dist/components/order-view/order-actions/actions/clear-booking-status/ClearBookingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearBookingStatus.js","sources":["../../../../../../src/components/order-view/order-actions/actions/clear-booking-status/ClearBookingStatus.tsx"],"sourcesContent":["import {\n  CancelAndCompleteAction,\n  CancelationModal,\n  useApiHook,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport {\n  useCurrentAction,\n  useLiveRecalling,\n  useOrderDetails,\n  useOrderId,\n  usePrevOrderDetails,\n} from '../../../store';\nimport { ApiResponse, OrdersType } from '../../../types';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { notification } from 'antd';\n\ninterface IProps {\n  callOrderAlertsApi: any;\n}\n\nconst ClearBookingStatus = (props: IProps) => {\n  const [orderId] = useOrderId();\n  const [, setOrderDetails] = useOrderDetails();\n  const [, setPrevOrderDetails] = usePrevOrderDetails();\n  const [, setLoading] = useLoading();\n  const [, setCurrentAction] = useCurrentAction();\n  const [liveRecalling, setRecalling] = useLiveRecalling();\n\n  const {\n    data: response,\n    setShouldPerformAction: setPerformAction,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/clear-date/`,\n    method: 'POST',\n    performAction: false,\n  });\n  const { data: fetchedData, loading, setShouldPerformAction } = useApiHook<{\n    data: OrdersType[];\n  }>({\n    endpoint: `orders/${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n  const callOrdersApi = async () => {\n    await props?.callOrderAlertsApi();\n  };\n  useEffect(() => {\n    setLoading(loading);\n    if (fetchedData && fetchedData?.data) {\n      const requiredData = fetchedData?.data;\n      setOrderDetails(requiredData[0]);\n      setPrevOrderDetails(requiredData[0]);\n      callOrdersApi();\n      setCurrentAction(undefined);\n    }\n    if (\n      (fetchedData && fetchedData?.data === null) ||\n      fetchedData?.data?.length === 0\n    ) {\n      setCurrentAction(undefined);\n    }\n  }, [loading]);\n\n  useEffect(() => {\n    if (response) {\n      //@ts-ignore\n      if (response?.data && response?.code === 200) {\n        setShouldPerformAction(true);\n        setRecalling(true);\n        setTimeout(() => {\n          setRecalling(false);\n        }, 2000);\n      } else {\n        notification.error({\n          message: 'Error',\n          description:\n            //@ts-ignore\n            response?.error_traceback ||\n            'An error has occurred. Please try again later.',\n        });\n        setCurrentAction(undefined);\n      }\n    }\n  }, [response, liveRecalling]);\n\n  const saveButton = () => {\n    if (orderId) {\n      setRecalling(false);\n      setPerformAction(true);\n    }\n  };\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n  return (\n    <CancelationModal\n      title=\"Clear Booking Status\"\n      description=\"Are you sure, you want to clear booking status of the Order?\"\n      actions={\n        <CustomCancelAndCompleteAction\n          cancelLabel=\"Cancel\"\n          onCancel={closeModal}\n          completeLabel=\"Confirm\"\n          onComplete={saveButton}\n        />\n      }\n    />\n  );\n};\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nexport default ClearBookingStatus;\n"],"names":["ClearBookingStatus","props","orderId","useOrderId","setOrderDetails","useOrderDetails","setPrevOrderDetails","usePrevOrderDetails","setLoading","useLoading","setCurrentAction","useCurrentAction","liveRecalling","setRecalling","useLiveRecalling","response","setPerformAction","useApiHook","fetchedData","loading","setShouldPerformAction","callOrdersApi","useEffect","requiredData","notification","jsx","CancelationModal","CustomCancelAndCompleteAction","styled","CancelAndCompleteAction"],"mappings":";;;;;;;AAsBA,MAAMA,IAAqB,CAACC,MAAkB;AAC5C,QAAM,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAe,IAAIC,EAAA,GACtB,CAAA,EAAGC,CAAmB,IAAIC,EAAA,GAC1B,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjB,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,GAAeC,CAAY,IAAIC,EAAA,GAEhC;AAAA,IACJ,MAAMC;AAAA,IACN,wBAAwBC;AAAA,EAAA,IACtBC,EAED;AAAA,IACD,UAAU,UAAUf,CAAO;AAAA,IAC3B,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA,CAChB,GACK,EAAE,MAAMgB,GAAa,SAAAC,GAAS,wBAAAC,EAAA,IAA2BH,EAE5D;AAAA,IACD,UAAU,UAAUf,CAAO;AAAA,IAC3B,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA,CAChB,GACKmB,IAAgB,YAAY;AAChC,UAAMpB,GAAO,mBAAA;AAAA,EACf;AACA,SAAAqB,EAAU,MAAM;AAEd,QADAd,EAAWW,CAAO,GACdD,KAAeA,GAAa,MAAM;AACpC,YAAMK,IAAeL,GAAa;AAClC,MAAAd,EAAgBmB,EAAa,CAAC,CAAC,GAC/BjB,EAAoBiB,EAAa,CAAC,CAAC,GACnCF,EAAA,GACAX,EAAiB,MAAS;AAAA,IAC5B;AACA,KACGQ,KAAeA,GAAa,SAAS,QACtCA,GAAa,MAAM,WAAW,MAE9BR,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACS,CAAO,CAAC,GAEZG,EAAU,MAAM;AACd,IAAIP,MAEEA,GAAU,QAAQA,GAAU,SAAS,OACvCK,EAAuB,EAAI,GAC3BP,EAAa,EAAI,GACjB,WAAW,MAAM;AACf,MAAAA,EAAa,EAAK;AAAA,IACpB,GAAG,GAAI,MAEPW,EAAa,MAAM;AAAA,MACjB,SAAS;AAAA,MACT;AAAA;AAAA,QAEET,GAAU,mBACV;AAAA;AAAA,IAAA,CACH,GACDL,EAAiB,MAAS;AAAA,EAGhC,GAAG,CAACK,GAAUH,CAAa,CAAC,GAa1B,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SACE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAVW,MAAM;AACvB,YAAAjB,EAAiB,MAAS;AAAA,UAC5B;AAAA,UASQ,eAAc;AAAA,UACd,YAnBW,MAAM;AACvB,YAAIR,MACFW,EAAa,EAAK,GAClBG,EAAiB,EAAI;AAAA,UAEzB;AAAA,QAcoB;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAIR,GAEMW,IAAgCC,EAAOC,CAAuB;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ActionDropdown.js

@@ -0,0 +1,48 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { useState as s, useEffect as p } from "react";
+import { useOrderStaticData as d, useSelectionAction as m } from "../../../../store.js";
+import { capitalize as f } from "../../../../utils.js";
+import { Select as u } from "antd";
+import { Label as S } from "@bjsdistribution/dms-component-library";
+import y from "styled-components";
+function j() {
+  const [e] = d(), [r, l] = s([]), [o, c] = m();
+  return p(() => {
+    if (e) {
+      const t = e?.order_contact_action_type?.map(
+        (i) => ({
+          label: f(i?.type?.replaceAll("_", " ")),
+          // Display text
+          value: i?.type
+        })
+      );
+      l(t), t?.length > 0 && !o && c(t[0]?.value);
+    }
+  }, [e]), /* @__PURE__ */ a(A, { children: [
+    /* @__PURE__ */ n(S, { label: "Action" }),
+    /* @__PURE__ */ n(
+      u,
+      {
+        style: { minWidth: "260px" },
+        placeholder: "Select Action",
+        options: r,
+        value: o || void 0,
+        onChange: (t) => {
+          c(t);
+        },
+        className: "action-dropdown"
+      }
+    )
+  ] });
+}
+const A = y.div`
+  display: flex;
+  flex-direction: column;
+  .ant-select-selector {
+    border-radius: 25px;
+  }
+`;
+export {
+  j as default
+};
+//# sourceMappingURL=ActionDropdown.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ActionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionDropdown.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/ActionDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useOrderStaticData, useSelectionAction } from '../../../../store';\nimport { capitalize } from '../../../../utils';\nimport { Select } from 'antd';\nimport { Label } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nfunction ActionDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [actionTypeOptions, setActionTypeOptions] = useState<any>([]);\n  const [selectedAction, setSelectedAction] = useSelectionAction();\n\n  useEffect(() => {\n    if (orderStaticData) {\n      const options = orderStaticData?.order_contact_action_type?.map(\n        (option: any) => ({\n          label: capitalize(option?.type?.replaceAll('_', ' ')), // Display text\n          value: option?.type,\n        })\n      );\n      setActionTypeOptions(options);\n\n      if (options?.length > 0 && !selectedAction) {\n        setSelectedAction(options[0]?.value);\n      }\n    }\n  }, [orderStaticData]);\n  const onSelect = (value: any) => {\n    setSelectedAction(value);\n  };\n\n  return (\n    <Container>\n      <Label label=\"Action\" />\n      <Select\n        style={{ minWidth: '260px' }}\n        placeholder=\"Select Action\"\n        options={actionTypeOptions}\n        value={selectedAction || undefined}\n        onChange={onSelect}\n        className=\"action-dropdown\"\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  .ant-select-selector {\n    border-radius: 25px;\n  }\n`;\n\nexport default ActionDropdown;\n"],"names":["ActionDropdown","orderStaticData","useOrderStaticData","actionTypeOptions","setActionTypeOptions","useState","selectedAction","setSelectedAction","useSelectionAction","useEffect","options","option","capitalize","Container","jsx","Label","Select","value","styled"],"mappings":";;;;;;;AAOA,SAASA,IAAiB;AACxB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAmBC,CAAoB,IAAIC,EAAc,CAAA,CAAE,GAC5D,CAACC,GAAgBC,CAAiB,IAAIC,EAAA;AAE5C,SAAAC,EAAU,MAAM;AACd,QAAIR,GAAiB;AACnB,YAAMS,IAAUT,GAAiB,2BAA2B;AAAA,QAC1D,CAACU,OAAiB;AAAA,UAChB,OAAOC,EAAWD,GAAQ,MAAM,WAAW,KAAK,GAAG,CAAC;AAAA;AAAA,UACpD,OAAOA,GAAQ;AAAA,QAAA;AAAA,MACjB;AAEF,MAAAP,EAAqBM,CAAO,GAExBA,GAAS,SAAS,KAAK,CAACJ,KAC1BC,EAAkBG,EAAQ,CAAC,GAAG,KAAK;AAAA,IAEvC;AAAA,EACF,GAAG,CAACT,CAAe,CAAC,qBAMjBY,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,SAAA,CAAS;AAAA,IACtB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,UAAU,QAAA;AAAA,QACnB,aAAY;AAAA,QACZ,SAASb;AAAA,QACT,OAAOG,KAAkB;AAAA,QACzB,UAZW,CAACW,MAAe;AAC/B,UAAAV,EAAkBU,CAAK;AAAA,QACzB;AAAA,QAWM,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}