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

package/dist/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.js

@@ -0,0 +1,261 @@
+import { jsx as e, jsxs as o, Fragment as g } from "react/jsx-runtime";
+import { useCancelOrderProducts as y, useOrderStaticData as v } from "../../../store.js";
+import { useLoading as w } from "../../../../order-daily-overview/store/store.js";
+import { Select as _, Skeleton as S, Empty as O } from "antd";
+import R from "../../Dropdown.js";
+import l from "styled-components";
+import { EmptyDataContainer as C } from "../confirm-order/tables/ReminderStyles.js";
+import b from "../../../../../assets/icons/DeliverProductIcon.js";
+import s from "../../../../../assets/icons/ReturnProductIcon.js";
+const D = [
+  {
+    label: "Deliver",
+    value: "deliver",
+    icon: /* @__PURE__ */ e(b, {})
+  },
+  {
+    label: "Return",
+    value: "return",
+    icon: /* @__PURE__ */ e(s, {})
+  }
+], T = [
+  {
+    label: "Return",
+    value: "return",
+    icon: /* @__PURE__ */ e(s, {})
+  }
+], Y = () => {
+  const [
+    d,
+    f
+  ] = y(), [m] = w(), [p] = v();
+  if (!d?.length)
+    return null;
+  const h = p?.return_reasons?.map(
+    (r) => ({
+      label: r?.reason,
+      value: r?.reason
+    })
+  ), u = p?.order_product_return_action?.map(
+    (r) => ({
+      label: r?.value,
+      value: r?.value
+    })
+  ), a = (r, n, i) => {
+    console.log(r, n, i);
+    const t = d?.map(
+      (c) => c.order_product_id === n ? {
+        ...c,
+        [i]: r
+      } : c
+    );
+    f(t);
+  };
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ o(P, { className: "scrollClass", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
+      /* @__PURE__ */ e("th", { children: "Status" }),
+      /* @__PURE__ */ e("th", { children: "Original Type" }),
+      /* @__PURE__ */ e("th", { children: "Code" }),
+      /* @__PURE__ */ e("th", { children: "Description" }),
+      /* @__PURE__ */ e("th", { children: "SKU" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e(S, { active: !0 }) }) }) : d?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 5, children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(O, {}) }) }) }) : d?.map((r) => {
+      const n = r?.product_type === "deliver" ? D : T, i = r?.action === "return";
+      return /* @__PURE__ */ e(
+        "tr",
+        {
+          style: {
+            boxShadow: "0px 1px 3px 0px rgba(16, 24, 40, 0.1)"
+          },
+          children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e("table", { style: { width: "100%" }, children: /* @__PURE__ */ o("tbody", { children: [
+            /* @__PURE__ */ o("tr", { children: [
+              /* @__PURE__ */ e("td", { style: { width: "20%" }, children: /* @__PURE__ */ e(
+                k,
+                {
+                  options: n,
+                  placeholder: "Select",
+                  onChange: (t) => a(
+                    t,
+                    r?.order_product_id,
+                    "action"
+                  ),
+                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(b, {}) : r?.action === "return" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(g, {}),
+                  style: { width: "100%" },
+                  value: n?.filter(
+                    (t) => t?.value === r?.action
+                  ),
+                  optionRender: (t) => /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        gap: "8px",
+                        alignItems: "center"
+                      },
+                      children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            style: { display: "flex" },
+                            "aria-label": t.data.label,
+                            children: t.data.icon
+                          }
+                        ),
+                        /* @__PURE__ */ e("span", { style: { color: "#8D8F90" }, children: t.data.label })
+                      ]
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e("td", { style: { width: "20%" }, children: r?.previous_product_type === null ? "N/A" : r?.previous_product_type }),
+              /* @__PURE__ */ e("td", { style: { width: "20%" }, children: r?.code }),
+              /* @__PURE__ */ e("td", { style: { width: "20%" }, children: r?.description }),
+              /* @__PURE__ */ e("td", { style: { width: "20%" }, children: r?.sku })
+            ] }),
+            i && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ o(A, { children: [
+              /* @__PURE__ */ e(
+                x,
+                {
+                  label: "Return Action",
+                  required: !0,
+                  placeholder: "Select action",
+                  options: u,
+                  onSelect: (t) => a(
+                    t,
+                    r?.order_product_id,
+                    "return_action"
+                  ),
+                  value: u?.filter(
+                    (t) => t.value === r?.return_action
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  label: "Return Reason",
+                  required: !0,
+                  placeholder: "Select reason",
+                  options: h,
+                  onSelect: (t) => a(
+                    t,
+                    r?.order_product_id,
+                    "return_reason"
+                  ),
+                  value: h?.filter(
+                    (t) => t.value === r?.return_reason
+                  )
+                }
+              )
+            ] }) }) })
+          ] }) }) })
+        },
+        r?.order_product_id
+      );
+    }) })
+  ] }) }) });
+}, k = l(_)`
+  .ant-select-selector {
+    border-radius: 25px !important;
+    /* border: none !important; */
+    min-width: 100px;
+    padding: 0 10px;
+    display: flex;
+    gap: 8px;
+    align-items: center !important;
+
+    .ant-select-prefix {
+      margin-top: 4px;
+    }
+  }
+  .ant-select-selection-item {
+    font-weight: 400;
+    font-size: 13px;
+  }
+`, I = l.div`
+  width: 100%;
+  overflow-x: auto;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  padding: 16px;
+`, x = l(R)`
+  flex: 1;
+`, P = l.table`
+  width: 100%;
+  font-size: 14px;
+  color: #333;
+  border-spacing: 0 10px;
+
+  th,
+  td {
+    padding: 12px 16px;
+    background: #fff;
+  }
+
+  th {
+    background: #f0f2f2;
+
+    &:first-child {
+      border-top-left-radius: 40px;
+      border-bottom-left-radius: 40px;
+    }
+
+    &:last-child {
+      border-top-right-radius: 40px;
+      border-bottom-right-radius: 40px;
+    }
+  }
+
+  // This affects ONLY top-level rows
+  > tbody > tr {
+    background: #fff;
+    border-radius: 40px;
+    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);
+  }
+
+  // Round the outer row's corners only on first/last td
+  > tbody > tr > td:first-child {
+    border-top-left-radius: 40px;
+    border-bottom-left-radius: 40px;
+  }
+
+  > tbody > tr > td:last-child {
+    border-top-right-radius: 40px;
+    border-bottom-right-radius: 40px;
+  }
+
+  .scrollClass {
+    overflow-x: auto;
+  }
+
+  .emptyTd {
+    text-align: center;
+    padding: 40px 0;
+    color: #999;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  td table {
+    border-spacing: 0;
+    width: 100%;
+  }
+
+  td table td {
+    background: transparent;
+    padding: 8px 12px;
+  }
+`, A = l.div`
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+  padding: 0 12px;
+  width: 100%;
+`;
+export {
+  P as StyledTable,
+  I as StyledTableWrapper,
+  Y as default
+};
+//# sourceMappingURL=UncancelOrderTable.js.map

package/dist/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { Empty, Select, Skeleton } from 'antd';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport { EmptyDataContainer } from '../confirm-order/tables/ReminderStyles';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\n\nconst deliverTypeOptions = [\n  {\n    label: 'Deliver',\n    value: 'deliver',\n    icon: <DeliverProductIcon />,\n  },\n  {\n    label: 'Return',\n    value: 'return',\n    icon: <ReturnProductIcon />,\n  },\n];\n\nconst collectTypeOptions = [\n  {\n    label: 'Return',\n    value: 'return',\n    icon: <ReturnProductIcon />,\n  },\n];\n\nconst UnCancelOrderTable = () => {\n  const [\n    cancelOrderProducts,\n    setCancelOrderProducts,\n  ] = useCancelOrderProducts();\n\n  const [loading] = useLoading();\n  const [orderStaticData] = useOrderStaticData();\n\n  if (!cancelOrderProducts?.length) {\n    return null;\n  }\n\n  const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n    (option: any) => ({\n      label: option?.reason,\n      value: option?.reason,\n    })\n  );\n\n  const returnActionOptions = orderStaticData?.order_product_return_action?.map(\n    (option: any) => ({\n      label: option?.value,\n      value: option?.value,\n    })\n  );\n\n  const onChange = (\n    selectedVal: string,\n    id: number,\n    type: keyof CancelOrderProductsType\n  ) => {\n    console.log(selectedVal, id, type);\n    const updatedList = cancelOrderProducts?.map(\n      (item: CancelOrderProductsType) => {\n        const newItem =\n          item.order_product_id === id\n            ? {\n                ...item,\n                [type]: selectedVal,\n              }\n            : item;\n        return newItem;\n      }\n    );\n    setCancelOrderProducts(updatedList);\n  };\n\n  return (\n    <div>\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Status</th>\n              <th>Original Type</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>SKU</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={5}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : cancelOrderProducts?.length === 0 ? (\n              <tr>\n                <td className=\"emptyTd\" colSpan={5}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              cancelOrderProducts?.map((product: CancelOrderProductsType) => {\n                const dropdownOptions =\n                  product?.product_type === 'deliver'\n                    ? deliverTypeOptions\n                    : collectTypeOptions;\n\n                const isReturn = product?.action === 'return';\n\n                return (\n                  <tr\n                    key={product?.order_product_id}\n                    style={{\n                      boxShadow: '0px 1px 3px 0px rgba(16, 24, 40, 0.1)',\n                    }}\n                  >\n                    <td colSpan={5}>\n                      <table style={{ width: '100%' }}>\n                        <tbody>\n                          <tr>\n                            <td style={{ width: '20%' }}>\n                              <CustomSelectDropdown\n                                options={dropdownOptions}\n                                placeholder=\"Select\"\n                                onChange={(val: any) =>\n                                  onChange(\n                                    val,\n                                    product?.order_product_id!,\n                                    'action'\n                                  )\n                                }\n                                prefix={\n                                  product?.action === 'deliver' ? (\n                                    <DeliverProductIcon />\n                                  ) : product?.action === 'return' ? (\n                                    <ReturnProductIcon />\n                                  ) : (\n                                    <></>\n                                  )\n                                }\n                                style={{ width: '100%' }}\n                                // popupClassName={'dropDownStyle'}\n                                // selectWrapperClass={'rounded'}\n                                value={dropdownOptions?.filter(\n                                  (item: any) => item?.value === product?.action\n                                )}\n                                optionRender={(option: any) => (\n                                  <div\n                                    style={{\n                                      display: 'flex',\n                                      gap: '8px',\n                                      alignItems: 'center',\n                                    }}\n                                  >\n                                    <span\n                                      style={{ display: 'flex' }}\n                                      aria-label={option.data.label}\n                                    >\n                                      {option.data.icon}\n                                    </span>\n                                    <span style={{ color: '#8D8F90' }}>\n                                      {option.data.label}\n                                    </span>\n                                  </div>\n                                )}\n                              />\n                            </td>\n                            <td style={{ width: '20%' }}>\n                              {product?.previous_product_type === null\n                                ? 'N/A'\n                                : product?.previous_product_type}\n                            </td>\n                            <td style={{ width: '20%' }}>{product?.code}</td>\n                            <td style={{ width: '20%' }}>\n                              {product?.description}\n                            </td>\n                            <td style={{ width: '20%' }}>{product?.sku}</td>\n                          </tr>\n\n                          {isReturn && (\n                            <tr>\n                              <td colSpan={5}>\n                                <ReturnRowWrapper>\n                                  <StyledDropdown\n                                    label=\"Return Action\"\n                                    required\n                                    placeholder=\"Select action\"\n                                    options={returnActionOptions}\n                                    onSelect={(val: any) =>\n                                      onChange(\n                                        val,\n                                        product?.order_product_id!,\n                                        'return_action'\n                                      )\n                                    }\n                                    value={returnActionOptions?.filter(\n                                      (option: any) =>\n                                        option.value === product?.return_action\n                                    )}\n                                  />\n                                  <StyledDropdown\n                                    label=\"Return Reason\"\n                                    required\n                                    placeholder=\"Select reason\"\n                                    options={returnReasonsOptions}\n                                    onSelect={(val: any) =>\n                                      onChange(\n                                        val,\n                                        product?.order_product_id!,\n                                        'return_reason'\n                                      )\n                                    }\n                                    value={returnReasonsOptions?.filter(\n                                      (option: any) =>\n                                        option.value === product?.return_reason\n                                    )}\n                                  />\n                                </ReturnRowWrapper>\n                              </td>\n                            </tr>\n                          )}\n                        </tbody>\n                      </table>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </div>\n  );\n};\n\nconst CustomSelectDropdown: any = styled(Select)`\n  .ant-select-selector {\n    border-radius: 25px !important;\n    /* border: none !important; */\n    min-width: 100px;\n    padding: 0 10px;\n    display: flex;\n    gap: 8px;\n    align-items: center !important;\n\n    .ant-select-prefix {\n      margin-top: 4px;\n    }\n  }\n  .ant-select-selection-item {\n    font-weight: 400;\n    font-size: 13px;\n  }\n`;\n\nexport const StyledTableWrapper = styled.div`\n  width: 100%;\n  overflow-x: auto;\n  background-color: #fff;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n  padding: 16px;\n`;\n\nconst StyledDropdown = styled(OrderActionsDropdown)`\n  flex: 1;\n`;\n\nexport const StyledTable = styled.table`\n  width: 100%;\n  font-size: 14px;\n  color: #333;\n  border-spacing: 0 10px;\n\n  th,\n  td {\n    padding: 12px 16px;\n    background: #fff;\n  }\n\n  th {\n    background: #f0f2f2;\n\n    &:first-child {\n      border-top-left-radius: 40px;\n      border-bottom-left-radius: 40px;\n    }\n\n    &:last-child {\n      border-top-right-radius: 40px;\n      border-bottom-right-radius: 40px;\n    }\n  }\n\n  // This affects ONLY top-level rows\n  > tbody > tr {\n    background: #fff;\n    border-radius: 40px;\n    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n  }\n\n  // Round the outer row's corners only on first/last td\n  > tbody > tr > td:first-child {\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px;\n  }\n\n  > tbody > tr > td:last-child {\n    border-top-right-radius: 40px;\n    border-bottom-right-radius: 40px;\n  }\n\n  .scrollClass {\n    overflow-x: auto;\n  }\n\n  .emptyTd {\n    text-align: center;\n    padding: 40px 0;\n    color: #999;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  td table {\n    border-spacing: 0;\n    width: 100%;\n  }\n\n  td table td {\n    background: transparent;\n    padding: 8px 12px;\n  }\n`;\n\nconst ReturnRowWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  padding: 0 12px;\n  width: 100%;\n`;\n\nexport default UnCancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","UnCancelOrderTable","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","loading","useLoading","orderStaticData","useOrderStaticData","returnReasonsOptions","option","returnActionOptions","onChange","selectedVal","id","type","updatedList","item","jsx","StyledTableWrapper","jsxs","StyledTable","Skeleton","EmptyDataContainer","Empty","product","dropdownOptions","isReturn","CustomSelectDropdown","val","Fragment","ReturnRowWrapper","StyledDropdown","styled","Select","OrderActionsDropdown"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/unhold-order/UnholdOrder.js

@@ -0,0 +1,48 @@
+import { jsx as n } from "react/jsx-runtime";
+import { CancelAndCompleteAction as c, useAxios as l, CancelationModal as d } from "@bjsdistribution/dms-component-library";
+import m from "styled-components";
+import { useOrderId as u, useCurrentAction as f } from "../../../store.js";
+import { notification as s } from "antd";
+import { useClientPortal as p } from "../../../../store.js";
+const x = (e) => {
+  const [t] = u(), [, r] = f(), [a] = p(), { fetchData: i } = l({
+    // remove the date from the params as requested by backend
+    endpoint: `orders/${t}/unhold/`,
+    method: "POST"
+  });
+  return /* @__PURE__ */ n(
+    d,
+    {
+      title: "Unhold Order",
+      description: "Are you sure, you want to UnHold the Order?",
+      actions: /* @__PURE__ */ n(
+        C,
+        {
+          cancelLabel: "Cancel",
+          onCancel: () => {
+            r(void 0);
+          },
+          completeLabel: "Confirm",
+          onComplete: async () => {
+            if (t) {
+              const o = await i();
+              o?.code === 200 && (s.success({
+                message: "Success",
+                description: `${o.message}`
+              }), a && await e?.callUnresolvedTaskApi(), await e?.callOrderAlertsApi(), await e?.callOrdersApi(), await e?.callOrderStatusApi()), o?.code !== 200 && (s.error({
+                message: "Error",
+                description: `${o.error}`
+              }), r(void 0));
+            }
+          }
+        }
+      )
+    }
+  );
+}, C = m(c)`
+  justify-content: center;
+`;
+export {
+  x as default
+};
+//# sourceMappingURL=UnholdOrder.js.map

package/dist/components/order-view/order-actions/actions/unhold-order/UnholdOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnholdOrder.js","sources":["../../../../../../src/components/order-view/order-actions/actions/unhold-order/UnholdOrder.tsx"],"sourcesContent":["import {\n  CancelAndCompleteAction,\n  CancelationModal,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useCurrentAction, useOrderId } from '../../../store';\nimport { ApiResponse } from '../../../types';\nimport { notification } from 'antd';\nimport { useClientPortal } from '../../../../store';\ninterface IProps {\n  callOrderAlertsApi: any;\n  callOrdersApi?: any;\n  callUnresolvedTaskApi?: any;\n  callOrderStatusApi: any;\n}\n\nconst UnholdOrder = (props: IProps) => {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [isClientPortal] = useClientPortal();\n\n  const { fetchData: fetchUnholdData } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    // remove the date from the params as requested by backend\n    endpoint: `orders/${orderId}/unhold/`,\n    method: 'POST',\n  });\n\n  const saveButton = async () => {\n    if (orderId) {\n      const response = (await fetchUnholdData()) as {\n        code: number | null;\n        error?: string | null | undefined;\n        [key: string]: any;\n      };\n      if (response?.code === 200) {\n        notification.success({\n          message: 'Success',\n          description: `${response.message}`,\n        });\n        // call orders api to update status\n        if (isClientPortal) {\n          await props?.callUnresolvedTaskApi();\n        }\n        await props?.callOrderAlertsApi();\n        await props?.callOrdersApi();\n        await props?.callOrderStatusApi();\n      }\n      if (response?.code !== 200) {\n        notification.error({\n          message: 'Error',\n          description: `${response.error}`,\n        });\n        setCurrentAction(undefined);\n      }\n    }\n  };\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n  return (\n    <CancelationModal\n      title=\"Unhold Order\"\n      description=\"Are you sure, you want to UnHold 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 UnholdOrder;\n"],"names":["UnholdOrder","props","orderId","useOrderId","setCurrentAction","useCurrentAction","isClientPortal","useClientPortal","fetchUnholdData","useAxios","jsx","CancelationModal","CustomCancelAndCompleteAction","response","notification","styled","CancelAndCompleteAction"],"mappings":";;;;;;AAkBA,MAAMA,IAAc,CAACC,MAAkB;AACrC,QAAM,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAc,IAAIC,EAAA,GAEnB,EAAE,WAAWC,EAAA,IAAoBC,EAEpC;AAAA;AAAA,IAED,UAAU,UAAUP,CAAO;AAAA,IAC3B,QAAQ;AAAA,EAAA,CACT;AAmCD,SACE,gBAAAQ;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,YAAAR,EAAiB,MAAS;AAAA,UAC5B;AAAA,UASQ,eAAc;AAAA,UACd,YA1CW,YAAY;AAC7B,gBAAIF,GAAS;AACX,oBAAMW,IAAY,MAAML,EAAA;AAKxB,cAAIK,GAAU,SAAS,QACrBC,EAAa,QAAQ;AAAA,gBACnB,SAAS;AAAA,gBACT,aAAa,GAAGD,EAAS,OAAO;AAAA,cAAA,CACjC,GAEGP,KACF,MAAML,GAAO,sBAAA,GAEf,MAAMA,GAAO,mBAAA,GACb,MAAMA,GAAO,cAAA,GACb,MAAMA,GAAO,mBAAA,IAEXY,GAAU,SAAS,QACrBC,EAAa,MAAM;AAAA,gBACjB,SAAS;AAAA,gBACT,aAAa,GAAGD,EAAS,KAAK;AAAA,cAAA,CAC/B,GACDT,EAAiB,MAAS;AAAA,YAE9B;AAAA,UACF;AAAA,QAcoB;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAIR,GAEMQ,IAAgCG,EAAOC,CAAuB;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/what3words/What3WordsModal.tsx.js

@@ -0,0 +1,210 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as s, useEffect as C } from "react";
+import { useCurrentAction as B, useOrderDetails as Q, usePrevOrderDetails as q, useCustomerInfo as J } from "../../../store.js";
+import N from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { notification as L } from "antd";
+import { useAxios as O, Label as m } from "@bjsdistribution/dms-component-library";
+import r from "styled-components";
+import X from "../../../../../common/custom-input/CustomInput.js";
+import { compareOrderDetailsStates as Y } from "../../../utils.js";
+import { useClientPortal as Z } from "../../../../store.js";
+function ge(A) {
+  const I = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/, [, P] = B(), [o, h] = Q(), [g, T] = q(), [w] = J(), [l, x] = s(""), [v] = Z(), a = o?.order_recipient || {}, [W, k] = s(), [c, E] = s(""), [p, y] = s(a?.latitude || ""), [u, b] = s(a?.longitude || ""), _ = () => P(void 0), F = (e) => e.replace(/^\/+/, ""), R = (e) => {
+    if (e.trim()) {
+      const d = I.test(e);
+      x(
+        d ? "" : "Please enter a valid input (format: word.word.word)"
+      );
+    } else
+      x("Input cannot be empty or only spaces");
+  }, U = (e) => {
+    const d = e.target.value, n = F(d);
+    R(d), E(n);
+  }, j = (e) => {
+    y(e.target.value);
+  }, K = (e) => {
+    b(e.target.value);
+  }, D = (e) => {
+    ["e", "E", "+", "-"].includes(e.key) && e.preventDefault();
+  }, { fetchData: M } = O({
+    endpoint: "/orders/update/",
+    method: "PUT"
+  }), { fetchData: z } = O({
+    endpoint: "/v1/orders/coordinates_to_w3w/?",
+    method: "GET"
+  });
+  C(() => {
+    o?.order_recipient?.latitude && o?.order_recipient?.longitude && z({
+      endPointQuery: `latitude=${o?.order_recipient?.latitude}&longitude=${o?.order_recipient?.longitude}`
+    }).then((e) => {
+      console.log(e?.data), k(e?.data?.words);
+    });
+  }, [
+    o?.order_recipient?.latitude,
+    o?.order_recipient?.longitude
+  ]);
+  const G = async () => {
+    const e = {
+      ...o,
+      order_recipient: {
+        ...o?.order_recipient || {},
+        what_3words_address: c,
+        latitude: p,
+        longitude: u
+      }
+    }, d = Y(
+      g,
+      e
+    );
+    let n = await M({
+      payload: [d]
+    });
+    n.code === 200 && n?.data?.length > 0 ? (L.success({
+      message: "Success",
+      description: `${n?.message}`
+    }), await A?.callOrdersApi(), h(n?.data[0]), T(n?.data[0]), _()) : (L.error({
+      message: "Update Failed",
+      description: n?.error || "Unknown error"
+    }), h(g));
+  }, H = `${w?.recipient_name}, ${w?.postcode}`, V = () => {
+    const e = a || {};
+    return c !== (e.what_3words_address || "") || p !== (e.latitude || "") || u !== (e.longitude || "");
+  };
+  return C(() => {
+    y(a?.latitude || ""), b(a?.longitude || "");
+  }, [a]), /* @__PURE__ */ i(
+    N,
+    {
+      headerTitle: "WHAT3WORDS",
+      onCloseHeader: _,
+      onSubmit: G,
+      showAdditionalInfo: !0,
+      infoText: H,
+      isSubmitDisabled: v ? !0 : !V() || !!l,
+      submitBtnTitle: "Save Details",
+      children: [
+        /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ i(ee, { children: [
+          /* @__PURE__ */ t(m, { label: "Words" }),
+          /* @__PURE__ */ i(te, { children: [
+            /* @__PURE__ */ t(
+              f,
+              {
+                name: "w3w",
+                type: "text",
+                placeholder: "Format: word.word.word",
+                value: c,
+                onChange: U,
+                disabled: v
+              }
+            ),
+            l && /* @__PURE__ */ t(re, { children: l })
+          ] }),
+          /* @__PURE__ */ i(oe, { children: [
+            /* @__PURE__ */ t("strong", { children: "Current:" }),
+            " ",
+            /* @__PURE__ */ t(
+              "a",
+              {
+                href: `https://what3words.com/${W}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: W
+              }
+            )
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ t(S, { children: /* @__PURE__ */ i(ie, { children: [
+          /* @__PURE__ */ i($, { children: [
+            /* @__PURE__ */ t(m, { label: "Latitude", htmlFor: "lat" }),
+            /* @__PURE__ */ t(
+              f,
+              {
+                name: "lat",
+                type: "number",
+                placeholder: "Lat",
+                value: p,
+                onChange: j,
+                onKeyDown: D
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i($, { children: [
+            /* @__PURE__ */ t(m, { label: "Longitude", htmlFor: "long" }),
+            /* @__PURE__ */ t(
+              f,
+              {
+                name: "long",
+                type: "number",
+                placeholder: "Long",
+                value: u,
+                onChange: K,
+                onKeyDown: D
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+const ee = r.div`
+  display: flex;
+  flex-direction: row;
+  gap: 15px;
+  align-items: center;
+`, te = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+`, oe = r.div`
+  font-size: 13px;
+  color: #444;
+  white-space: nowrap;
+
+  a {
+    color: #1677ff;
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+`, re = r.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`, S = r.div`
+  padding: 15px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`, ne = r.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+`, ie = r.div`
+  display: flex;
+  justify-content: space-between;
+  gap: 14px;
+`, $ = r.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+`, f = r(X)`
+  width: 100%;
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &:focus-visible {
+    outline: none;
+  }
+`;
+export {
+  ge as default
+};
+//# sourceMappingURL=What3WordsModal.tsx.js.map

package/dist/components/order-view/order-actions/actions/what3words/What3WordsModal.tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"What3WordsModal.tsx.js","sources":["../../../../../../src/components/order-view/order-actions/actions/what3words/What3WordsModal.tsx.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderDetails,\n  usePrevOrderDetails,\n} from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport { notification } from 'antd';\nimport { Label, useAxios } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport GenericInput from '../../../../../common/custom-input/CustomInput';\nimport { compareOrderDetailsStates } from '../../../utils';\nimport { ApiResponse } from '../../../types';\nimport { useClientPortal } from '../../../../store';\n\nfunction What3WordsModal(props: any) {\n  const w3wRegex = /^\\/{0,}[^0-9`~!@#$%^&*()+\\-_=[{\\]}\\\\|'<,.>?/\";:£§º©®\\s]{1,}[・.。][^0-9`~!@#$%^&*()+\\-_=[{\\]}\\\\|'<,.>?/\";:£§º©®\\s]{1,}[・.。][^0-9`~!@#$%^&*()+\\-_=[{\\]}\\\\|'<,.>?/\";:£§º©®\\s]{1,}$/;\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails, setPrevOrderDetails] = usePrevOrderDetails();\n  const [customerInfo] = useCustomerInfo();\n  const [w3wError, setW3wError] = useState('');\n  const [isClientPortal] = useClientPortal();\n  const orderRecipient = orderDetails?.order_recipient || {};\n  const [currentWhat3Words, setWhat3Words] = useState();\n  const [localW3W, setLocalW3W] = useState('');\n  const [localLat, setLocalLat] = useState(orderRecipient?.latitude || '');\n  const [localLong, setLocalLong] = useState(orderRecipient?.longitude || '');\n\n  const closeModal = () => setCurrentAction(undefined);\n\n  const cleanW3WAddress = (w3wStr: string) => {\n    return w3wStr.replace(/^\\/+/, '');\n  };\n\n  const validateInput = (value: string) => {\n    if (value.trim()) {\n      const isValid = w3wRegex.test(value);\n      setW3wError(\n        isValid ? '' : 'Please enter a valid input (format: word.word.word)'\n      );\n    } else {\n      setW3wError('Input cannot be empty or only spaces');\n    }\n  };\n\n  const onChangeW3W = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const rawVal = e.target.value;\n    const val = cleanW3WAddress(rawVal);\n    validateInput(rawVal); // still validate raw input for dots, etc.\n    setLocalW3W(val);\n  };\n\n  const onChangeLatitude = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setLocalLat(e.target.value);\n  };\n\n  const onChangeLongitude = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setLocalLong(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (['e', 'E', '+', '-'].includes(e.key)) {\n      e.preventDefault();\n    }\n  };\n\n  const { fetchData: callUpdateOrderAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/update/`,\n    method: 'PUT',\n  });\n\n  const { fetchData: getWhat3Words } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/orders/coordinates_to_w3w/?`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (\n      orderDetails?.order_recipient?.latitude &&\n      orderDetails?.order_recipient?.longitude\n    ) {\n      getWhat3Words({\n        endPointQuery: `latitude=${orderDetails?.order_recipient?.latitude}&longitude=${orderDetails?.order_recipient?.longitude}`,\n      }).then((response: any) => {\n        console.log(response?.data);\n        setWhat3Words(response?.data?.words);\n      });\n    }\n  }, [\n    orderDetails?.order_recipient?.latitude,\n    orderDetails?.order_recipient?.longitude,\n  ]);\n\n  const onSave = async () => {\n    const updatedOrderDetails = {\n      ...orderDetails,\n      order_recipient: {\n        ...(orderDetails?.order_recipient || {}),\n        what_3words_address: localW3W,\n        latitude: localLat,\n        longitude: localLong,\n      },\n    };\n\n    const payload = compareOrderDetailsStates(\n      prevOrderDetails,\n      updatedOrderDetails\n    );\n\n    let response = (await callUpdateOrderAPI({\n      payload: [payload],\n    })) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n\n    if (response.code === 200 && response?.data?.length > 0) {\n      notification.success({\n        message: 'Success',\n        description: `${response?.message}`,\n      });\n\n      await props?.callOrdersApi();\n      setOrderDetails(response?.data[0]);\n      setPrevOrderDetails(response?.data[0]);\n      closeModal();\n    } else {\n      notification.error({\n        message: 'Update Failed',\n        description: response?.error || 'Unknown error',\n      });\n\n      setOrderDetails(prevOrderDetails);\n    }\n  };\n\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n  const isDifferent = () => {\n    const original = orderRecipient || {};\n    return (\n      localW3W !== (original.what_3words_address || '') ||\n      localLat !== (original.latitude || '') ||\n      localLong !== (original.longitude || '')\n    );\n  };\n\n  useEffect(() => {\n    setLocalLat(orderRecipient?.latitude || '');\n    setLocalLong(orderRecipient?.longitude || '');\n  }, [orderRecipient]);\n\n  return (\n    <OrderActionModal\n      headerTitle=\"WHAT3WORDS\"\n      onCloseHeader={closeModal}\n      onSubmit={onSave}\n      showAdditionalInfo\n      infoText={infoText}\n      isSubmitDisabled={isClientPortal ? true : !isDifferent() || !!w3wError}\n      submitBtnTitle=\"Save Details\"\n    >\n      <Section>\n        <FieldRow>\n          <WordsSection>\n            <Label label=\"Words\" />\n            <WordInputWrapper>\n              <CustomInput\n                name=\"w3w\"\n                type=\"text\"\n                placeholder=\"Format: word.word.word\"\n                value={localW3W}\n                onChange={onChangeW3W}\n                disabled={isClientPortal}\n              />\n\n              {w3wError && <ErrorText>{w3wError}</ErrorText>}\n            </WordInputWrapper>\n\n            <CurrentText>\n              <strong>Current:</strong>{' '}\n              <a\n                href={`https://what3words.com/${currentWhat3Words}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {currentWhat3Words}\n              </a>\n            </CurrentText>\n          </WordsSection>\n        </FieldRow>\n      </Section>\n\n      <Section>\n        <CoordRow>\n          <Coordinate>\n            <Label label=\"Latitude\" htmlFor=\"lat\" />\n            <CustomInput\n              name=\"lat\"\n              type=\"number\"\n              placeholder=\"Lat\"\n              value={localLat}\n              onChange={onChangeLatitude}\n              onKeyDown={handleKeyDown}\n            />\n          </Coordinate>\n          <Coordinate>\n            <Label label=\"Longitude\" htmlFor=\"long\" />\n\n            <CustomInput\n              name=\"long\"\n              type=\"number\"\n              placeholder=\"Long\"\n              value={localLong}\n              onChange={onChangeLongitude}\n              onKeyDown={handleKeyDown}\n            />\n          </Coordinate>\n        </CoordRow>\n      </Section>\n    </OrderActionModal>\n  );\n}\n\nconst WordsSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  align-items: center;\n`;\n\nconst WordInputWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n`;\n\nconst CurrentText = styled.div`\n  font-size: 13px;\n  color: #444;\n  white-space: nowrap;\n\n  a {\n    color: #1677ff;\n    text-decoration: none;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n`;\n\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n`;\n\nconst Section = styled.div`\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`;\n\nconst FieldRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n`;\n\nconst CoordRow = styled.div`\n  display: flex;\n  justify-content: space-between;\n  gap: 14px;\n`;\n\nconst Coordinate = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n`;\n\nconst CustomInput = styled(GenericInput)`\n  width: 100%;\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nexport default What3WordsModal;\n"],"names":["What3WordsModal","props","w3wRegex","setCurrentAction","useCurrentAction","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","setPrevOrderDetails","usePrevOrderDetails","customerInfo","useCustomerInfo","w3wError","setW3wError","useState","isClientPortal","useClientPortal","orderRecipient","currentWhat3Words","setWhat3Words","localW3W","setLocalW3W","localLat","setLocalLat","localLong","setLocalLong","closeModal","cleanW3WAddress","w3wStr","validateInput","value","isValid","onChangeW3W","rawVal","val","onChangeLatitude","onChangeLongitude","handleKeyDown","callUpdateOrderAPI","useAxios","getWhat3Words","useEffect","response","onSave","updatedOrderDetails","payload","compareOrderDetailsStates","notification","infoText","isDifferent","original","jsxs","OrderActionModal","jsx","Section","FieldRow","WordsSection","Label","WordInputWrapper","CustomInput","ErrorText","CurrentText","CoordRow","Coordinate","styled","GenericInput"],"mappings":"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"}