npm - @bjsdistribution/dms-client-return - Versions diffs - 0.2.2-prod → 0.2.3-prod - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

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

@@ -1,41 +1,39 @@
-import { jsx as e, jsxs as o, Fragment as y } from "react/jsx-runtime";
-import { useCancelOrderProducts as v, useOrderStaticData as w } from "../../../store.js";
-import { useLoading as _ } from "../../../../order-daily-overview/store/store.js";
-import { Select as S, Skeleton as O, Empty as R } from "antd";
-import C from "../../Dropdown.js";
+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 D } from "../confirm-order/tables/ReminderStyles.js";
-import x from "../../../../../assets/icons/DeliverProductIcon.js";
-import c from "../../../../../assets/icons/ReturnProductIcon.js";
-import { useClientPortal as T } from "../../../../store.js";
-import { toReverseDeliveryLabel as k } from "@bjsdistribution/dms-component-library";
-const P = [
+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(x, {})
+    icon: /* @__PURE__ */ e(b, {})
   },
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(c, {})
+    icon: /* @__PURE__ */ e(s, {})
   }
-], I = [
+], T = [
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(c, {})
+    icon: /* @__PURE__ */ e(s, {})
   }
-], M = () => {
+], Y = () => {
   const [
     d,
     f
-  ] = v(), [m] = _(), [p] = w(), [g] = T();
+  ] = y(), [m] = w(), [p] = v();
   if (!d?.length)
     return null;
   const h = p?.return_reasons?.map(
     (r) => ({
-      label: g ? r?.reason : k(r?.reason),
+      label: r?.reason,
       value: r?.reason
     })
   ), u = p?.order_product_return_action?.map(
@@ -46,14 +44,14 @@ const P = [
   ), a = (r, n, i) => {
     console.log(r, n, i);
     const t = d?.map(
-      (s) => s.order_product_id === n ? {
-        ...s,
+      (c) => c.order_product_id === n ? {
+        ...c,
         [i]: r
-      } : s
+      } : c
     );
     f(t);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ o(N, { className: "scrollClass", children: [
+  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" }),
@@ -61,8 +59,8 @@ const P = [
       /* @__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(O, { active: !0 }) }) }) : d?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 5, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, {}) }) }) }) : d?.map((r) => {
-      const n = r?.product_type === "deliver" ? P : I, i = r?.action === "return";
+    /* @__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",
         {
@@ -72,7 +70,7 @@ const P = [
           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(
-                A,
+                k,
                 {
                   options: n,
                   placeholder: "Select",
@@ -81,7 +79,7 @@ const P = [
                     r?.order_product_id,
                     "action"
                   ),
-                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(x, {}) : r?.action === "return" ? /* @__PURE__ */ e(c, {}) : /* @__PURE__ */ e(y, {}),
+                  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
@@ -114,9 +112,9 @@ const P = [
               /* @__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(j, { children: [
+            i && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ o(A, { children: [
               /* @__PURE__ */ e(
-                b,
+                x,
                 {
                   label: "Return Action",
                   required: !0,
@@ -133,7 +131,7 @@ const P = [
                 }
               ),
               /* @__PURE__ */ e(
-                b,
+                x,
                 {
                   label: "Return Reason",
                   required: !0,
@@ -156,7 +154,7 @@ const P = [
       );
     }) })
   ] }) }) });
-}, A = l(S)`
+}, k = l(_)`
   .ant-select-selector {
     border-radius: 25px !important;
     /* border: none !important; */
@@ -174,16 +172,16 @@ const P = [
     font-weight: 400;
     font-size: 13px;
   }
-`, L = l.div`
+`, 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;
-`, b = l(C)`
+`, x = l(R)`
   flex: 1;
-`, N = l.table`
+`, P = l.table`
   width: 100%;
   font-size: 14px;
   color: #333;
@@ -248,7 +246,7 @@ const P = [
     background: transparent;
     padding: 8px 12px;
   }
-`, j = l.div`
+`, A = l.div`
   display: flex;
   flex-direction: row;
   gap: 12px;
@@ -256,8 +254,8 @@ const P = [
   width: 100%;
 `;
 export {
-  N as StyledTable,
-  L as StyledTableWrapper,
-  M as default
+  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 CHANGED Viewed

	@@ -1 +1 @@
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';\nimport { useClientPortal } from '../../../../store';\nimport { toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\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 const [isClientPortal] = useClientPortal();\n\n if (!cancelOrderProducts?.length) {\n return null;\n }\n\n const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n (option: any) => ({\n label: isClientPortal\n ? option?.reason\n : toReverseDeliveryLabel(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","isClientPortal","useClientPortal","returnReasonsOptions","option","toReverseDeliveryLabel","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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"}
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/what3words/What3WordsModal.tsx.js CHANGED Viewed

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

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

	@@ -1 +1 @@
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 [currentWhat3Words, setWhat3Words] = useState();\n const [localW3W, setLocalW3W] = useState('');\n const [localLat, setLocalLat] = useState(orderDetails?.latitude \|\| '');\n const [localLong, setLocalLong] = useState(orderDetails?.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?.latitude &&\n orderDetails?.longitude\n ) {\n getWhat3Words({\n endPointQuery: `latitude=${orderDetails?.latitude}&longitude=${orderDetails?.longitude}`,\n }).then((response: any) => {\n console.log(response?.data);\n setWhat3Words(response?.data?.words);\n });\n }\n }, [\n orderDetails?.latitude,\n orderDetails?.longitude,\n ]);\n\n const onSave = async () => {\n const updatedOrderDetails = {\n ...orderDetails,\n latitude: localLat,\n longitude: localLong,\n order_recipient: {\n ...(orderDetails?.order_recipient \|\| {}),\n what_3words_address: localW3W,\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 originalRecipient = orderDetails?.order_recipient \|\| {};\n return (\n localW3W !== (originalRecipient.what_3words_address \|\| '') \|\|\n localLat !== (orderDetails?.latitude \|\| '') \|\|\n localLong !== (orderDetails?.longitude \|\| '')\n );\n };\n\n useEffect(() => {\n setLocalLat(orderDetails?.latitude \|\| '');\n setLocalLong(orderDetails?.longitude \|\| '');\n }, [orderDetails?.latitude, orderDetails?.longitude]);\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","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","originalRecipient","jsxs","OrderActionModal","jsx","Section","FieldRow","WordsSection","Label","WordInputWrapper","CustomInput","ErrorText","CurrentText","CoordRow","Coordinate","styled","GenericInput"],"mappings":"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"}
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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"}