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

package/dist/components/order-view/order-actions/actions/send-sms/SendSmsModal.js

@@ -0,0 +1,131 @@
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { useCurrentAction as A, useOrderDetails as D, useOrderId as T } from "../../../store.js";
+import I from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { Label as x, StyledInput as B } from "../modalstyle.js";
+import { useAxios as F } from "@bjsdistribution/dms-component-library";
+import y from "styled-components";
+import { notification as d } from "antd";
+import O from "antd/es/input/TextArea";
+function R() {
+  const [, v] = A(), [c] = D(), [M] = T(), p = /^(07\d{8,12}|447\d{7,11})$/, [l, u] = b(""), [r, f] = b({
+    to: [
+      c?.order_recipient?.contact_mobile,
+      c?.order_recipient?.contact_home,
+      c?.order_recipient?.contact_work
+    ].filter(Boolean).join(", "),
+    body: ""
+  }), { fetchData: C, loading: h } = F(
+    {
+      endpoint: "/v1/orders/send-sms/",
+      method: "POST"
+    }
+  ), g = (a) => {
+    const { name: m, value: n } = a.target;
+    if (m === "to") {
+      const e = n, t = e.split(",").map((i) => i.trim());
+      t.filter((i) => !p.test(i)).length === t.length ? u("Enter at least one valid UK mobile number.") : u(""), f((i) => ({ ...i, to: e }));
+    } else
+      f((e) => ({ ...e, [m]: n }));
+  }, _ = async () => {
+    const a = r?.body?.trim();
+    if (!a) return;
+    const n = r.to.split(",").map((e) => e.trim()).filter(
+      (e) => p.test(e)
+    );
+    if (n.length === 0) {
+      d.warning({
+        message: "No Valid UK Mobile Numbers",
+        description: "Please provide at least one valid UK mobile number (e.g., 07123...)."
+      });
+      return;
+    }
+    try {
+      for (const e of n) {
+        const t = {
+          order_id: +M,
+          receiver: e,
+          message: a,
+          notification_type: "Send SMS"
+        }, s = await C({ payload: t });
+        s.code === 200 ? d.success({
+          message: "SMS Sent",
+          description: `Message sent to ${e}`
+        }) : d.error({
+          message: "SMS Failed",
+          description: `Failed to send to ${e}: ${s?.error || "Unknown error"}`
+        });
+      }
+      S();
+    } catch (e) {
+      const t = e, s = t?.response?.data?.error || t?.response?.data?.message || t?.message || "An unexpected error occurred.";
+      d.error({
+        message: "Request Failed",
+        description: s
+      });
+    }
+  }, S = () => {
+    v(void 0);
+  }, w = r?.to.trim()?.length > 0 && !l && r?.body.trim().length > 0;
+  return /* @__PURE__ */ o(
+    I,
+    {
+      headerTitle: "Send SMS",
+      onCloseHeader: S,
+      onSubmit: _,
+      submitBtnTitle: h ? "Sending..." : "Send SMS",
+      isSubmitDisabled: !w || h,
+      children: /* @__PURE__ */ E(U, { children: [
+        /* @__PURE__ */ o(x, { children: "To" }),
+        /* @__PURE__ */ o(
+          B,
+          {
+            type: "text",
+            name: "to",
+            value: r.to,
+            onChange: g,
+            required: !0,
+            placeholder: "Enter the number"
+          }
+        ),
+        l && /* @__PURE__ */ o(j, { children: l }),
+        /* @__PURE__ */ o(x, { children: "Body" }),
+        /* @__PURE__ */ o(
+          O,
+          {
+            style: { width: "700px", height: "140px", resize: "none" },
+            name: "body",
+            value: r.body,
+            onChange: g,
+            required: !0,
+            placeholder: "Write here...",
+            maxLength: 500,
+            count: {
+              show: !0,
+              max: 500
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+const U = y.div`
+  display: flex;
+  padding: 20px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  flex: 1 0 0;
+  border-radius: 15px;
+`, j = y.div`
+  color: red;
+  font-size: 12px;
+  margin-top: 4px;
+`;
+export {
+  U as ContentContainer,
+  R as default
+};
+//# sourceMappingURL=SendSmsModal.js.map

package/dist/components/order-view/order-actions/actions/send-sms/SendSmsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendSmsModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/send-sms/SendSmsModal.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useCurrentAction, useOrderDetails, useOrderId } from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport { Label, StyledInput } from '../modalstyle';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../../types';\nimport styled from 'styled-components';\nimport { notification } from 'antd';\nimport TextArea from 'antd/es/input/TextArea';\n\nfunction SendSmsModal() {\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderDetails] = useOrderDetails();\n  const [orderId] = useOrderId();\n  const VALID_UK_MOBILE_REGEX = /^(07\\d{8,12}|447\\d{7,11})$/;\n  const [toError, setToError] = useState('');\n  const [formData, setFormData] = useState({\n    to: [\n      orderDetails?.order_recipient?.contact_mobile,\n      orderDetails?.order_recipient?.contact_home,\n      orderDetails?.order_recipient?.contact_work,\n    ]\n      .filter(Boolean)\n      .join(', '),\n    body: '',\n  });\n\n  const { fetchData: callSendSms, loading } = useAxios<{ data: ApiResponse[] }>(\n    {\n      endpoint: `/v1/orders/send-sms/`,\n      method: 'POST',\n    }\n  );\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { name, value } = e.target;\n\n    if (name === 'to') {\n      const rawValue = value;\n      const numbers = rawValue.split(',').map(num => num.trim());\n      const invalids = numbers.filter(num => !VALID_UK_MOBILE_REGEX.test(num));\n\n      if (invalids.length === numbers.length) {\n        setToError('Enter at least one valid UK mobile number.');\n      } else {\n        setToError('');\n      }\n      setFormData(prev => ({ ...prev, to: rawValue }));\n    } else {\n      setFormData(prev => ({ ...prev, [name]: value }));\n    }\n  };\n\n  const handleSubmit = async () => {\n    const trimmedBody = formData?.body?.trim();\n    if (!trimmedBody) return;\n\n    const rawContacts = formData.to.split(',').map(num => num.trim());\n\n    const validContacts = rawContacts.filter(num =>\n      VALID_UK_MOBILE_REGEX.test(num)\n    );\n\n    if (validContacts.length === 0) {\n      notification.warning({\n        message: 'No Valid UK Mobile Numbers',\n        description:\n          'Please provide at least one valid UK mobile number (e.g., 07123...).',\n      });\n      return;\n    }\n\n    try {\n      for (const number of validContacts) {\n        const payload = {\n          order_id: +orderId,\n          receiver: number,\n          message: trimmedBody,\n          notification_type: 'Send SMS',\n        };\n\n        const response = (await callSendSms({ payload })) as {\n          code: number | null;\n          error?: string | null;\n          message?: string;\n          [key: string]: any;\n        };\n\n        if (response.code === 200) {\n          notification.success({\n            message: 'SMS Sent',\n            description: `Message sent to ${number}`,\n          });\n        } else {\n          notification.error({\n            message: 'SMS Failed',\n            description: `Failed to send to ${number}: ${response?.error ||\n              'Unknown error'}`,\n          });\n        }\n      }\n\n      closeModal();\n    } catch (error) {\n      const err = error as any;\n      const errMsg =\n        err?.response?.data?.error ||\n        err?.response?.data?.message ||\n        err?.message ||\n        'An unexpected error occurred.';\n\n      notification.error({\n        message: 'Request Failed',\n        description: errMsg,\n      });\n    }\n  };\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n\n  const isFormValid =\n    formData?.to.trim()?.length > 0 &&\n    !toError &&\n    formData?.body.trim().length > 0;\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Send SMS\"\n      onCloseHeader={closeModal}\n      onSubmit={handleSubmit}\n      submitBtnTitle={loading ? 'Sending...' : 'Send SMS'}\n      isSubmitDisabled={!isFormValid || loading}\n    >\n      <ContentContainer>\n        <Label>To</Label>\n        <StyledInput\n          type=\"text\"\n          name=\"to\"\n          value={formData.to}\n          onChange={handleInputChange}\n          required\n          placeholder=\"Enter the number\"\n        />\n        {toError && <ErrorText>{toError}</ErrorText>}\n\n        <Label>Body</Label>\n        <TextArea\n          style={{ width: '700px', height: '140px', resize: 'none' }}\n          name=\"body\"\n          value={formData.body}\n          onChange={handleInputChange}\n          required\n          placeholder=\"Write here...\"\n          maxLength={500}\n          count={{\n            show: true,\n            max: 500,\n          }}\n        />\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  padding: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n`;\n\n// const CustomTextArea = styled(TextArea)`\n//   width: 700px;\n//   height: 140px;\n//   resize: none;\n// `;\n\nconst ErrorText = styled.div`\n  color: red;\n  font-size: 12px;\n  margin-top: 4px;\n`;\n\nexport default SendSmsModal;\n"],"names":["SendSmsModal","setCurrentAction","useCurrentAction","orderDetails","useOrderDetails","orderId","useOrderId","VALID_UK_MOBILE_REGEX","toError","setToError","useState","formData","setFormData","callSendSms","loading","useAxios","handleInputChange","e","name","value","rawValue","numbers","num","prev","handleSubmit","trimmedBody","validContacts","notification","number","payload","response","closeModal","error","err","errMsg","isFormValid","jsx","OrderActionModal","ContentContainer","Label","StyledInput","ErrorText","TextArea","styled"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/split-order/SplitOrderTable.js

@@ -0,0 +1,71 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as g, useEffect as b } from "react";
+import { useProductDetails as k } from "../../../store.js";
+import { Skeleton as C, Empty as D } from "antd";
+import { Checkbox as p } from "@bjsdistribution/dms-component-library";
+import { useLoading as T } from "../../../../order-daily-overview/store/store.js";
+import { useSelectedSplit as x, useSplitOrderPayload as P } from "../../store.js";
+import { StyledTableWrapper as A, StyledTable as E, EmptyDataContainer as _ } from "../confirm-order/tables/ReminderStyles.js";
+function q() {
+  const [i] = k(), [m] = T(), [n, c] = x(), [u, o] = g(!1), [S, s] = P(), f = (t) => {
+    const l = t.target.checked;
+    o(l), c(
+      l ? i?.map((h) => ({ id: h.id })) : []
+    );
+  }, y = (t) => {
+    c((l) => {
+      const a = l?.some((r) => r.id === t) ? l?.filter((r) => r.id !== t) : [...l, { id: t }];
+      return o(a?.length === i?.length), a;
+    });
+  };
+  return b(() => {
+    s({
+      ...S,
+      return_order: 1,
+      // FOR SPLIT ORDER WE ARE ASKED TO SET THIS AS 1
+      products: n?.map((t) => t.id),
+      force: !0
+    });
+  }, [n, s]), /* @__PURE__ */ e(A, { id: "tableScrolling", children: /* @__PURE__ */ d(E, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("th", { style: { position: "relative" }, children: /* @__PURE__ */ e(
+        p,
+        {
+          checked: u,
+          onChange: f,
+          disabled: i?.length === 0 || i?.length === null
+        }
+      ) }),
+      /* @__PURE__ */ e("th", { children: "Type" }),
+      /* @__PURE__ */ e("th", { children: "Code" }),
+      /* @__PURE__ */ e("th", { children: "Scan" }),
+      /* @__PURE__ */ e("th", { children: "Description" }),
+      /* @__PURE__ */ e("th", { children: "Delivery Instructions" }),
+      /* @__PURE__ */ e("th", { children: "Barcode" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("td", { colSpan: 6, children: /* @__PURE__ */ e(C, { active: !0 }) }),
+      /* @__PURE__ */ e("td", { colSpan: 6 })
+    ] }) : i?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(D, { description: "No Data Found" }) }) }) }) : i?.length > 0 && i?.map((t) => /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("td", { style: { position: "relative" }, children: /* @__PURE__ */ e(
+        p,
+        {
+          checked: n?.some(
+            (l) => l.id === t.id
+          ),
+          onChange: () => y(t.id)
+        }
+      ) }),
+      /* @__PURE__ */ e("td", { children: t?.order_product_type?.type }),
+      /* @__PURE__ */ e("td", { children: t?.code }),
+      /* @__PURE__ */ e("td", { children: t?.description }),
+      /* @__PURE__ */ e("td", { children: t?.description }),
+      /* @__PURE__ */ e("td", { children: t?.description }),
+      /* @__PURE__ */ e("td", { children: t?.sku })
+    ] }, t.id)) })
+  ] }) });
+}
+export {
+  q as default
+};
+//# sourceMappingURL=SplitOrderTable.js.map

package/dist/components/order-view/order-actions/actions/split-order/SplitOrderTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/split-order/SplitOrderTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useProductDetails } from '../../../store';\n\nimport { Empty, Skeleton } from 'antd';\nimport { Checkbox } from '@bjsdistribution/dms-component-library';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { useSelectedSplit, useSplitOrderPayload } from '../../store';\nimport {\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from '../confirm-order/tables/ReminderStyles';\n\nfunction SplitOrderTable() {\n  const [orderProductDetails] = useProductDetails();\n  const [loading] = useLoading();\n  const [selectedSplits, setSelectedSplit] = useSelectedSplit();\n  const [selectAll, setSelectAll] = useState(false);\n  const [payload, setPayload] = useSplitOrderPayload();\n\n  // Handle Select All\n  const handleSelectAll = (e: any) => {\n    const isChecked = e.target.checked;\n    setSelectAll(isChecked);\n\n    if (isChecked) {\n      setSelectedSplit(\n        orderProductDetails?.map((order: any) => ({ id: order.id }))\n      );\n    } else {\n      setSelectedSplit([]);\n    }\n  };\n\n  const handleSelectedSplitList = (id: any) => {\n    setSelectedSplit(prevSelectedOrder => {\n      const isSelected = prevSelectedOrder?.some(order => order.id === id);\n\n      const updatedSelection = isSelected\n        ? prevSelectedOrder?.filter(order => order.id !== id)\n        : [...prevSelectedOrder, { id }];\n\n      setSelectAll(updatedSelection?.length === orderProductDetails?.length);\n\n      return updatedSelection;\n    });\n  };\n\n  useEffect(() => {\n    setPayload({\n      ...payload,\n      return_order: 1, // FOR SPLIT ORDER WE ARE ASKED TO SET THIS AS 1\n      products: selectedSplits?.map(order => order.id),\n      force: true,\n    });\n  }, [selectedSplits, setPayload]);\n\n  return (\n    <StyledTableWrapper id=\"tableScrolling\">\n      <StyledTable>\n        <thead>\n          <tr>\n            <th style={{ position: 'relative' }}>\n              <Checkbox\n                checked={selectAll}\n                onChange={handleSelectAll}\n                disabled={\n                  orderProductDetails?.length === 0 ||\n                  orderProductDetails?.length === null\n                }\n              />\n            </th>\n            <th>Type</th>\n            <th>Code</th>\n            <th>Scan</th>\n            <th>Description</th>\n            <th>Delivery Instructions</th>\n            <th>Barcode</th>\n          </tr>\n        </thead>\n        <tbody>\n          {loading ? (\n            <tr>\n              <td colSpan={6}>\n                <Skeleton active />\n              </td>\n              <td colSpan={6}></td>\n            </tr>\n          ) : orderProductDetails?.length === 0 ? (\n            <tr>\n              <td className=\"emptyTd\" colSpan={7}>\n                <EmptyDataContainer>\n                  <Empty description=\"No Data Found\" />\n                </EmptyDataContainer>\n              </td>\n            </tr>\n          ) : (\n            orderProductDetails?.length > 0 &&\n            orderProductDetails?.map((order: any) => (\n              <tr key={order.id}>\n                <td style={{ position: 'relative' }}>\n                  <Checkbox\n                    checked={selectedSplits?.some(\n                      selectedOrder => selectedOrder.id === order.id\n                    )}\n                    onChange={() => handleSelectedSplitList(order.id)}\n                  />\n                </td>\n                <td>{order?.order_product_type?.type}</td>\n                <td>{order?.code}</td>\n                <td>{order?.description}</td>\n                <td>{order?.description}</td>\n                <td>{order?.description}</td>\n                <td>{order?.sku}</td>\n              </tr>\n            ))\n          )}\n        </tbody>\n      </StyledTable>\n    </StyledTableWrapper>\n  );\n}\n\nexport default SplitOrderTable;\n"],"names":["SplitOrderTable","orderProductDetails","useProductDetails","loading","useLoading","selectedSplits","setSelectedSplit","useSelectedSplit","selectAll","setSelectAll","useState","payload","setPayload","useSplitOrderPayload","handleSelectAll","e","isChecked","order","handleSelectedSplitList","id","prevSelectedOrder","updatedSelection","useEffect","jsx","StyledTableWrapper","StyledTable","Checkbox","jsxs","Skeleton","EmptyDataContainer","Empty","selectedOrder"],"mappings":";;;;;;;;AAaA,SAASA,IAAkB;AACzB,QAAM,CAACC,CAAmB,IAAIC,EAAA,GACxB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,GAAgBC,CAAgB,IAAIC,EAAA,GACrC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAASC,CAAU,IAAIC,EAAA,GAGxBC,IAAkB,CAACC,MAAW;AAClC,UAAMC,IAAYD,EAAE,OAAO;AAC3B,IAAAN,EAAaO,CAAS,GAGpBV;AAAA,MADEU,IAEAf,GAAqB,IAAI,CAACgB,OAAgB,EAAE,IAAIA,EAAM,KAAK,IAG5C,CAAA;AAAA,IAH4C;AAAA,EAKjE,GAEMC,IAA0B,CAACC,MAAY;AAC3C,IAAAb,EAAiB,CAAAc,MAAqB;AAGpC,YAAMC,IAFaD,GAAmB,KAAK,CAAAH,MAASA,EAAM,OAAOE,CAAE,IAG/DC,GAAmB,OAAO,OAASH,EAAM,OAAOE,CAAE,IAClD,CAAC,GAAGC,GAAmB,EAAE,IAAAD,GAAI;AAEjC,aAAAV,EAAaY,GAAkB,WAAWpB,GAAqB,MAAM,GAE9DoB;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAAC,EAAU,MAAM;AACd,IAAAV,EAAW;AAAA,MACT,GAAGD;AAAA,MACH,cAAc;AAAA;AAAA,MACd,UAAUN,GAAgB,IAAI,CAAAY,MAASA,EAAM,EAAE;AAAA,MAC/C,OAAO;AAAA,IAAA,CACR;AAAA,EACH,GAAG,CAACZ,GAAgBO,CAAU,CAAC,GAG7B,gBAAAW,EAACC,GAAA,EAAmB,IAAG,kBACrB,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,OAAO,EAAE,UAAU,cACrB,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAASlB;AAAA,UACT,UAAUM;AAAA,UACV,UACEb,GAAqB,WAAW,KAChCA,GAAqB,WAAW;AAAA,QAAA;AAAA,MAAA,GAGtC;AAAA,MACA,gBAAAsB,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,wBAAA,CAAqB;AAAA,MACzB,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACb,EAAA,CACF;AAAA,IACA,gBAAAA,EAAC,SAAA,EACE,UAAApB,IACC,gBAAAwB,EAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,QAAG,SAAS,GACX,4BAACK,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,MACA,gBAAAL,EAAC,MAAA,EAAG,SAAS,EAAA,CAAG;AAAA,IAAA,EAAA,CAClB,IACEtB,GAAqB,WAAW,IAClC,gBAAAsB,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,WAAU,SAAS,GAC/B,4BAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,EAAM,aAAY,gBAAA,CAAgB,GACrC,EAAA,CACF,EAAA,CACF,IAEA7B,GAAqB,SAAS,KAC9BA,GAAqB,IAAI,CAACgB,wBACvB,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAM,EAAC,MAAA,EAAG,OAAO,EAAE,UAAU,cACrB,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAASrB,GAAgB;AAAA,YACvB,CAAA0B,MAAiBA,EAAc,OAAOd,EAAM;AAAA,UAAA;AAAA,UAE9C,UAAU,MAAMC,EAAwBD,EAAM,EAAE;AAAA,QAAA;AAAA,MAAA,GAEpD;AAAA,MACA,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,oBAAoB,MAAK;AAAA,MACrC,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,KAAA,CAAK;AAAA,MACjB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,YAAA,CAAY;AAAA,MACxB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,YAAA,CAAY;AAAA,MACxB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,YAAA,CAAY;AAAA,MACxB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,IAAA,CAAI;AAAA,IAAA,KAdTA,EAAM,EAef,CACD,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/order-view/order-actions/actions/split-order/index.js

@@ -0,0 +1,69 @@
+import { jsx as t, Fragment as x } from "react/jsx-runtime";
+import { useEffect as b } from "react";
+import g from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import O from "styled-components";
+import A from "./SplitOrderTable.js";
+import { useCurrentAction as v, useOrderDetails as w, useOrderId as y } from "../../../store.js";
+import { useApiHook as C } from "@bjsdistribution/dms-component-library";
+import { useSplitOrderPayload as D, useSelectedSplit as P } from "../../store.js";
+import { notification as I } from "antd";
+import { useNavigate as T } from "react-router-dom";
+function z() {
+  const [, o] = v(), [c] = w(), r = c?.order_recipient, a = `${r?.recipient_name}, ${r?.postcode}`, [i, p] = y(), [m] = D(), [n, s] = P(), u = () => {
+    o(void 0);
+  }, f = T(), {
+    data: e,
+    setShouldPerformAction: S
+  } = C({
+    endpoint: `/v1/return/split/${i}`,
+    method: "POST",
+    body: m,
+    performAction: !1
+  }), h = () => {
+    i && S(!0);
+  }, d = e?.data?.new_order;
+  return b(() => {
+    if (e?.code === 200) {
+      const l = location.pathname.split("/").slice(0, -1).join("/");
+      console.log(l, "currentPath"), f(`${l}/${d}`), p(d), s([]), I.success({
+        message: "Success",
+        description: (
+          //@ts-ignore
+          e?.message || "Sucess"
+        )
+      }), o(void 0), s([]);
+    }
+  }, [e]), /* @__PURE__ */ t(
+    g,
+    {
+      headerTitle: "Split Order",
+      showAdditionalInfo: !0,
+      infoText: a,
+      onCloseHeader: u,
+      onSubmit: h,
+      submitBtnTitle: "Split Order",
+      footerActions: /* @__PURE__ */ t(x, {}),
+      isSubmitDisabled: n?.length > 0 ? !n : !0,
+      children: /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(A, {}) })
+    }
+  );
+}
+const $ = O.div`
+  /* display: flex; */
+  padding: 15px 12px;
+  flex: 1 0 0;
+  border-radius: 15px;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  overflow: auto;
+  min-height: 500px;
+  overflow-x: hidden;
+  max-height: 500px;
+  scrollbar-width: thin;
+`;
+export {
+  z as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/split-order/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport styled from 'styled-components';\nimport SplitOrderTable from './SplitOrderTable';\nimport { useCurrentAction, useOrderDetails, useOrderId } from '../../../store';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../../types';\n\nimport { useSelectedSplit, useSplitOrderPayload } from '../../store';\nimport { notification } from 'antd';\nimport { useNavigate } from 'react-router-dom';\n\nfunction SplitOrder() {\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderDetails] = useOrderDetails();\n  const orderRecipient = orderDetails?.order_recipient;\n  const infoText = `${orderRecipient?.recipient_name}, ${orderRecipient?.postcode}`;\n  const [orderId, setOrderID] = useOrderId();\n  const [payload] = useSplitOrderPayload();\n  const [seledtedSplitOrder, setSelectedSplit] = useSelectedSplit();\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n  };\n  const navigate = useNavigate();\n  const {\n    data: response,\n    setShouldPerformAction: setPerformAction,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/return/split/${orderId}`,\n    method: 'POST',\n    body: payload,\n    performAction: false,\n  });\n\n  const onSubmitSplitOrder = () => {\n    if (orderId) {\n      setPerformAction(true);\n    }\n  };\n  //@ts-ignore\n  const newId = response?.data?.new_order;\n  useEffect(() => {\n    //@ts-ignore\n    if (response?.code === 200) {\n      const currentPath = location.pathname\n        .split('/')\n        .slice(0, -1)\n        .join('/');\n      console.log(currentPath, 'currentPath');\n      navigate(`${currentPath}/${newId}`);\n      setOrderID(newId);\n      setSelectedSplit([]);\n      notification.success({\n        message: 'Success',\n        description:\n          //@ts-ignore\n          response?.message || 'Sucess',\n      });\n      setCurrentAction(undefined);\n      setSelectedSplit([]);\n    }\n  }, [response]);\n\n  const isSubmitDisabled = () => {\n    if (seledtedSplitOrder?.length > 0) {\n      return !seledtedSplitOrder;\n    }\n    return true;\n  };\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Split Order\"\n      showAdditionalInfo\n      infoText={infoText}\n      onCloseHeader={onClose}\n      onSubmit={onSubmitSplitOrder}\n      submitBtnTitle=\"Split Order\"\n      footerActions={\n        <>\n          {/* <CheckContainer>\n            <label className=\"check\">\n              <input type=\"checkbox\" />\n              Force Split\n            </label>\n          </CheckContainer> */}\n        </>\n      }\n      isSubmitDisabled={isSubmitDisabled()}\n    >\n      <ContentContainer>\n        <SplitOrderTable />\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\n\nconst ContentContainer = styled.div`\n  /* display: flex; */\n  padding: 15px 12px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  overflow: auto;\n  min-height: 500px;\n  overflow-x: hidden;\n  max-height: 500px;\n  scrollbar-width: thin;\n`;\n\nexport default SplitOrder;\n"],"names":["SplitOrder","setCurrentAction","useCurrentAction","orderDetails","useOrderDetails","orderRecipient","infoText","orderId","setOrderID","useOrderId","payload","useSplitOrderPayload","seledtedSplitOrder","setSelectedSplit","useSelectedSplit","onClose","navigate","useNavigate","response","setPerformAction","useApiHook","onSubmitSplitOrder","newId","useEffect","currentPath","notification","jsx","OrderActionModal","Fragment","ContentContainer","SplitOrderTable","styled"],"mappings":";;;;;;;;;;AAYA,SAASA,IAAa;AACpB,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAAiBF,GAAc,iBAC/BG,IAAW,GAAGD,GAAgB,cAAc,KAAKA,GAAgB,QAAQ,IACzE,CAACE,GAASC,CAAU,IAAIC,EAAA,GACxB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,GAAoBC,CAAgB,IAAIC,EAAA,GAEzCC,IAAU,MAAM;AACpB,IAAAd,EAAiB,MAAS;AAAA,EAC5B,GACMe,IAAWC,EAAA,GACX;AAAA,IACJ,MAAMC;AAAA,IACN,wBAAwBC;AAAA,EAAA,IACtBC,EAED;AAAA,IACD,UAAU,oBAAoBb,CAAO;AAAA,IACrC,QAAQ;AAAA,IACR,MAAMG;AAAA,IACN,eAAe;AAAA,EAAA,CAChB,GAEKW,IAAqB,MAAM;AAC/B,IAAId,KACFY,EAAiB,EAAI;AAAA,EAEzB,GAEMG,IAAQJ,GAAU,MAAM;AAC9B,SAAAK,EAAU,MAAM;AAEd,QAAIL,GAAU,SAAS,KAAK;AAC1B,YAAMM,IAAc,SAAS,SAC1B,MAAM,GAAG,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG;AACX,cAAQ,IAAIA,GAAa,aAAa,GACtCR,EAAS,GAAGQ,CAAW,IAAIF,CAAK,EAAE,GAClCd,EAAWc,CAAK,GAChBT,EAAiB,CAAA,CAAE,GACnBY,EAAa,QAAQ;AAAA,QACnB,SAAS;AAAA,QACT;AAAA;AAAA,UAEEP,GAAU,WAAW;AAAA;AAAA,MAAA,CACxB,GACDjB,EAAiB,MAAS,GAC1BY,EAAiB,CAAA,CAAE;AAAA,IACrB;AAAA,EACF,GAAG,CAACK,CAAQ,CAAC,GAUX,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,oBAAkB;AAAA,MAClB,UAAArB;AAAA,MACA,eAAeS;AAAA,MACf,UAAUM;AAAA,MACV,gBAAe;AAAA,MACf,eACE,gBAAAK,EAAAE,GAAA,EAOA;AAAA,MAEF,kBAxBEhB,GAAoB,SAAS,IACxB,CAACA,IAEH;AAAA,MAuBL,UAAA,gBAAAc,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,CAAA,CAAgB,EAAA,CACnB;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAMD,IAAmBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,161 @@
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { useState as _, useEffect as U } from "react";
+import { TextArea as T, useAxios as I } from "@bjsdistribution/dms-component-library";
+import { useOrderId as $, useCurrentAction as k, useOrderStaticData as E, useCustomerInfo as N, useCancelOrderProducts as j, useProductDetails as q } from "../../../store.js";
+import B from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { HoldRow as H, Label as M } from "../modalstyle.js";
+import c from "styled-components";
+import { notification as s } from "antd";
+import V from "../../Dropdown.js";
+import z from "./UncancelOrderTable.js";
+function te(t) {
+  const [d] = $(), [, l] = k(), x = () => {
+    l(void 0);
+  }, [y] = E(), [i, h] = _(
+    void 0
+  ), [u, v] = _(""), [p] = N(), [
+    C,
+    A
+  ] = j(), [f] = q(), g = `${p?.recipient_name}, ${p?.postcode}`, w = y?.uncancel_reasons?.map(
+    (r) => ({
+      label: r?.reason,
+      value: r?.reason
+    })
+  ), { fetchData: O } = I({
+    endpoint: `v1/orders/uncancel/?order_id=${d}`,
+    method: "POST"
+  });
+  U(() => {
+    const r = f?.filter(
+      (o) => o?.status_value === "received" && o?.order_product_type?.type !== "return"
+    ), m = r?.length > 0 ? r?.map((o) => ({
+      order_product_id: o?.id,
+      action: "",
+      return_action: "",
+      return_reason: "",
+      code: o?.code,
+      description: o?.description,
+      sku: o?.sku,
+      product_type: o?.order_product_type?.type,
+      previous_product_type: o?.previous_order_product_type
+    })) : [];
+    A(m);
+  }, [f]);
+  const P = (r) => {
+    v(r.target.value);
+  }, b = (r) => {
+    h(r);
+  }, S = async () => {
+    const r = C?.map(
+      (e) => e?.action === "deliver" ? {
+        order_product_id: e?.order_product_id,
+        action: e?.action
+      } : {
+        order_product_id: e?.order_product_id,
+        action: e?.action,
+        return_action: e?.return_action,
+        return_reason: e?.return_reason
+      }
+    );
+    if (r?.map(
+      (e) => e?.action !== ""
+    )?.includes(!1)) {
+      s.error({
+        message: "Error",
+        description: "please fill product status field"
+      });
+      return;
+    }
+    if (r?.map(
+      (e) => e?.action === "return" ? e?.return_action !== "" && e?.return_reason !== "" : !0
+    )?.includes(!1)) {
+      s.error({
+        message: "Error",
+        description: "please fill all the mandatory fields"
+      });
+      return;
+    }
+    const R = {
+      uncancelled_reason: i,
+      uncancelled_notes: u,
+      products: r
+    };
+    if (d) {
+      const e = await O({
+        payload: R
+      });
+      e?.code === 200 && (s.success({
+        message: "Success",
+        description: `${e.message}`
+      }), await t?.callOrderProductsApi(), await t?.callOrderAlertsApi(), await t?.callOrderStatusApi(), await t?.callOrdersApi()), e?.code !== 200 && (s.error({
+        message: "Error",
+        description: `${e.error}`
+      }), l(void 0));
+    }
+  }, D = i !== void 0 && u?.length > 0;
+  return /* @__PURE__ */ n(
+    B,
+    {
+      headerTitle: "Un-Cancel order",
+      onCloseHeader: x,
+      onSubmit: S,
+      showAdditionalInfo: !0,
+      infoText: g,
+      submitBtnTitle: "Save Details",
+      isSubmitDisabled: !D,
+      children: /* @__PURE__ */ a(G, { children: [
+        /* @__PURE__ */ a(F, { children: [
+          /* @__PURE__ */ n(
+            V,
+            {
+              required: !0,
+              label: "Un-cancel Reason",
+              placeholder: "Select un-cancel Reason",
+              options: w || [],
+              onSelect: b,
+              value: i,
+              className: "uncancelReasonDropdown"
+            }
+          ),
+          /* @__PURE__ */ a(H, { children: [
+            /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "row" }, children: [
+              /* @__PURE__ */ n(M, { children: "Un-cancel Note" }),
+              " ",
+              /* @__PURE__ */ n(L, { children: "*" })
+            ] }),
+            /* @__PURE__ */ n(J, { rows: 5, onChange: P })
+          ] })
+        ] }),
+        /* @__PURE__ */ n(z, {})
+      ] })
+    }
+  );
+}
+const L = c.span`
+  color: red;
+  margin-left: 2px;
+  font-size: x-small;
+`, F = c.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 15px;
+  gap: 30px;
+  border-radius: 16px;
+  border: 1px solid#edebe8;
+  background: #f8fafc;
+
+  .uncancelReasonDropdown {
+    flex: 1;
+  }
+`, G = c.div`
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  gap: 10px;
+`, J = c(T)`
+  width: 346px;
+`;
+export {
+  te as default
+};
+//# sourceMappingURL=UncancelOrder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncancelOrder.js","sources":["../../../../../../src/components/order-view/order-actions/actions/uncancel-order/UncancelOrder.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { TextArea, useAxios } from '@bjsdistribution/dms-component-library';\nimport {\n  useCancelOrderProducts,\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderId,\n  useOrderStaticData,\n  useProductDetails,\n} from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport { HoldRow, Label } from '../modalstyle';\nimport { ApiResponse, CancelOrderProductsType } from '../../../types';\nimport styled from 'styled-components';\nimport { notification } from 'antd';\nimport OrderActionsDropdown from '../../Dropdown';\nimport UnCancelOrderTable from './UncancelOrderTable';\n\ninterface IProps {\n  callOrdersApi: any;\n  callOrderStatusApi: any;\n  callOrderAlertsApi: any;\n  callOrderProductsApi: any;\n}\n\nfunction UncancelOrder(props: IProps) {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n  };\n\n  const [orderStaticData] = useOrderStaticData();\n  const [unCancelReason, setUncancelReason] = useState<string | undefined>(\n    undefined\n  );\n  const [unCancelNotes, setUncancelNotes] = useState<string>('');\n  const [customerInfo] = useCustomerInfo();\n  const [\n    cancelOrderProducts,\n    setCancelOrderProducts,\n  ] = useCancelOrderProducts();\n  const [orderProductDetails] = useProductDetails();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n  const unCancelReasonOptions = orderStaticData?.uncancel_reasons?.map(\n    (item: any) => {\n      return {\n        label: item?.reason,\n        value: item?.reason,\n      };\n    }\n  );\n\n  const { fetchData: performUnCancelAction } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/uncancel/?order_id=${orderId}`,\n    method: 'POST',\n  });\n\n  useEffect(() => {\n    const receivedProducts = orderProductDetails?.filter(\n      (product: any) =>\n        product?.status_value === 'received' &&\n        product?.order_product_type?.type !== 'return'\n    );\n    const modifiedReceivedProducts =\n      receivedProducts?.length > 0\n        ? receivedProducts?.map((product: any) => {\n            return {\n              order_product_id: product?.id,\n              action: '',\n              return_action: '',\n              return_reason: '',\n              code: product?.code,\n              description: product?.description,\n              sku: product?.sku,\n              product_type: product?.order_product_type?.type,\n              previous_product_type: product?.previous_order_product_type,\n            };\n          })\n        : [];\n    setCancelOrderProducts(modifiedReceivedProducts);\n  }, [orderProductDetails]);\n\n  const onChange = (event: any) => {\n    setUncancelNotes(event.target.value);\n  };\n\n  const onChangeUnCancelReason = (value: string) => {\n    setUncancelReason(value);\n  };\n\n  const onSubmit = async () => {\n    const productsPayload = cancelOrderProducts?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action === 'deliver') {\n          return {\n            order_product_id: product?.order_product_id,\n            action: product?.action,\n          };\n        }\n        return {\n          order_product_id: product?.order_product_id,\n          action: product?.action,\n          return_action: product?.return_action,\n          return_reason: product?.return_reason,\n        };\n      }\n    );\n\n    // VALIDATIONS START\n\n    const productsPayloadActions = productsPayload?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action !== '') {\n          return true;\n        }\n        return false;\n      }\n    );\n\n    if (productsPayloadActions?.includes(false)) {\n      notification.error({\n        message: 'Error',\n        description: `please fill product status field`,\n      });\n      return;\n    }\n\n    const productsPayloadValidate = productsPayload?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action === 'return') {\n          return product?.return_action !== '' && product?.return_reason !== '';\n        }\n        return true;\n      }\n    );\n\n    if (productsPayloadValidate?.includes(false)) {\n      notification.error({\n        message: 'Error',\n        description: `please fill all the mandatory fields`,\n      });\n      return;\n    }\n\n    // VALIDATIONS END\n\n    const apiPayload = {\n      uncancelled_reason: unCancelReason,\n      uncancelled_notes: unCancelNotes,\n      products: productsPayload,\n    };\n\n    if (orderId) {\n      const response = (await performUnCancelAction({\n        payload: apiPayload,\n      })) 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        await props?.callOrderProductsApi();\n        await props?.callOrderAlertsApi();\n        await props?.callOrderStatusApi();\n        await props?.callOrdersApi();\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 showSubmitBtn =\n    unCancelReason !== undefined && unCancelNotes?.length > 0;\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Un-Cancel order\"\n      onCloseHeader={onClose}\n      onSubmit={onSubmit}\n      showAdditionalInfo\n      infoText={infoText}\n      submitBtnTitle=\"Save Details\"\n      isSubmitDisabled={!showSubmitBtn}\n    >\n      <MainContainer>\n        <Container>\n          <OrderActionsDropdown\n            required\n            label=\"Un-cancel Reason\"\n            placeholder=\"Select un-cancel Reason\"\n            options={unCancelReasonOptions || []}\n            onSelect={onChangeUnCancelReason}\n            value={unCancelReason}\n            className=\"uncancelReasonDropdown\"\n          />\n          <HoldRow>\n            <div style={{ display: 'flex', flexDirection: 'row' }}>\n              <Label>Un-cancel Note</Label>{' '}\n              <RequiredAsterisk>*</RequiredAsterisk>\n            </div>\n            <CustomTextArea rows={5} onChange={onChange} />\n          </HoldRow>\n        </Container>\n        <UnCancelOrderTable />\n      </MainContainer>\n    </OrderActionModal>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n  font-size: x-small;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 15px;\n  gap: 30px;\n  border-radius: 16px;\n  border: 1px solid#edebe8;\n  background: #f8fafc;\n\n  .uncancelReasonDropdown {\n    flex: 1;\n  }\n`;\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  gap: 10px;\n`;\n\nconst CustomTextArea = styled(TextArea)`\n  width: 346px;\n`;\n\nexport default UncancelOrder;\n"],"names":["UncancelOrder","props","orderId","useOrderId","setCurrentAction","useCurrentAction","onClose","orderStaticData","useOrderStaticData","unCancelReason","setUncancelReason","useState","unCancelNotes","setUncancelNotes","customerInfo","useCustomerInfo","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","orderProductDetails","useProductDetails","infoText","unCancelReasonOptions","item","performUnCancelAction","useAxios","useEffect","receivedProducts","product","modifiedReceivedProducts","onChange","event","onChangeUnCancelReason","value","onSubmit","productsPayload","notification","apiPayload","response","showSubmitBtn","jsx","OrderActionModal","MainContainer","jsxs","Container","OrderActionsDropdown","HoldRow","Label","RequiredAsterisk","CustomTextArea","UnCancelOrderTable","styled","TextArea"],"mappings":"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"}