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

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

@@ -0,0 +1,219 @@
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useState as L, useEffect as Q } from "react";
+import X from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import S from "styled-components";
+import Y from "./customer-info/index.js";
+import Z from "./tables/ProductTable.js";
+import ee from "./tables/NotesTable.js";
+import te from "./slot-and-instructions/index.js";
+import { useAxios as s, Alert as oe } from "@bjsdistribution/dms-component-library";
+import { notification as v } from "antd";
+import { useCurrentAction as re, useOrderDetails as ne, usePrevOrderDetails as se, useOrderDetailsConfirmOrder as ae, useCustomerInfo as ie, useOrderId as de, useErrorConfirmOrder as ce, useNotificationConfirmedDate as le, useSelectionAction as me } from "../../../store.js";
+import { useConfirmOrderDate as pe } from "../../store.js";
+import { filterObject as b, compareOrderDetailsStates as fe } from "../../../utils.js";
+import { format as ue } from "date-fns";
+import _e from "./send-comms/SendComms.js";
+function Me(m) {
+  const [, g] = re(), [$, f] = ne(), [u, x] = se(), [
+    d,
+    _
+  ] = ae(), [h] = ie(), A = `${h?.recipient_name}, ${h?.postcode}`, [D, k] = pe(), [o] = de(), [c] = ce(), [e] = le(), [r] = me(), [t, P] = L({
+    sms: !0,
+    email: !0
+  }), T = d?.order_recipient?.contact_home, I = d?.order_recipient?.contact_mobile, E = d?.order_recipient?.contact_work, { fetchData: U } = s({
+    endpoint: "/orders/update/",
+    method: "PUT"
+  }), { fetchData: j } = s({
+    endpoint: `orders/${o}/send-comms/?notification_type=Confirm - Attempted&send_sms=${t?.sms}&send_email=${t?.email}`,
+    method: "POST"
+  }), { fetchData: i } = s({
+    endpoint: `orders/${o}/decline-date/?date=${e?.previousDate}`,
+    method: "POST"
+  }), { fetchData: O } = s({
+    endpoint: `orders/${o}/confirm-date/?date=${e?.currentDate}&send_sms=${t?.sms}&send_email=${t?.email}`,
+    method: "POST"
+  }), { fetchData: M } = s({
+    endpoint: `orders/${o}/send-comms/?notification_type=Precall&send_sms=${t?.sms}&send_email=${t?.email}`,
+    method: "POST"
+  }), { fetchData: N } = s({
+    endpoint: `orders/${o}/no-response-date/?date=${e?.currentDate}&send_sms=${t?.sms}&send_email=${t?.email}`,
+    method: "POST"
+  }), { fetchData: B } = s({
+    endpoint: `orders/${o}/propose-date/?date=${e?.currentDate}&send_sms=${t?.sms}&send_email=${t?.email}`,
+    method: "POST"
+  }), R = () => {
+    g(void 0);
+  };
+  Q(() => {
+    const a = JSON.parse(JSON.stringify($));
+    return _(a), () => {
+      _(a);
+    };
+  }, []);
+  const W = async () => {
+    switch (r) {
+      case "decline_and_propose_new_date":
+        e?.previousDate !== null && await i(), await B();
+        break;
+      case "decline_and_confirm_new_date":
+        e?.previousDate !== null && await i(), await O();
+        break;
+      case "declined_proposed_date(outstanding)":
+        e?.previousDate !== null && await i();
+        break;
+      case "no_response_propose_new_date":
+        e?.previousDate !== null && await i(), await N();
+        break;
+      case "confirmed":
+        await O();
+        break;
+    }
+  }, H = async () => {
+    switch (r) {
+      case "left_message":
+      case "contact_made":
+      case "no_contact":
+        j();
+        break;
+      case "precall":
+        e?.previousDate !== null && await i(), await M();
+        break;
+    }
+  }, J = async () => {
+    if (r === "left_message" || r === "contact_made" || r === "no_contact" || r === "precall") {
+      if (T?.length === 0 && I?.length === 0 && E?.length === 0) {
+        v.info({
+          message: "Info",
+          description: "Please add contact information"
+        });
+        return;
+      }
+      if (e?.previousDate === null && e?.currentDate === null) {
+        v.info({
+          message: "Info",
+          description: "Please add delivery date"
+        });
+        return;
+      }
+    }
+    const a = [
+      "order_locked",
+      "order_communications",
+      "updated_at",
+      "updated_by",
+      "stock_alias",
+      "order_delivery_declined_dates",
+      "order_eta_updates",
+      "order_status",
+      "tomtom_status",
+      "refused_service",
+      "order_type",
+      "order_failures",
+      "order_on_hold",
+      "order_cancellations",
+      "order_routes",
+      "order_services",
+      "labels"
+    ], q = b(
+      d,
+      a
+    ), z = b(
+      u,
+      a
+    ), G = fe(
+      z,
+      q
+    ), K = [
+      "decline_and_confirm_new_date",
+      "decline_and_propose_new_date",
+      "declined_proposed_date(outstanding)",
+      "confirmed",
+      "no_response_propose_new_date"
+    ].includes(r), p = {
+      ...G,
+      action_date: e?.currentDate
+    };
+    K && delete p.action_date;
+    const w = Object.keys(p);
+    if (!(w.length === 1 && w.includes("id"))) {
+      const l = await U({
+        payload: [p]
+      });
+      if (l?.data?.length > 0) {
+        const C = l?.data[0];
+        f(C), x(C);
+      } else
+        f(u);
+    }
+    if (await W(), await H(), o && D) {
+      const l = ue(new Date(D), "yyyy-MM-dd");
+      k(l);
+    }
+    setTimeout(() => {
+      m?.callOrderStatusApi();
+    }, 1e3), await m?.callOrderAlertsApi(), await m?.callOrdersApi();
+  }, F = () => c.emailError.length > 0 || c.homeContactError.length > 0 || c.workContactError.length > 0 || c.mobileError.length > 0, V = e?.currentDate === null;
+  return /* @__PURE__ */ n(
+    X,
+    {
+      headerTitle: "Confirm Order",
+      minWidth: "60vw",
+      showAdditionalInfo: !0,
+      infoText: A,
+      onCloseHeader: R,
+      onSubmit: J,
+      submitBtnTitle: "Save Details",
+      isSubmitDisabled: F() && V,
+      footerActions: /* @__PURE__ */ n(
+        _e,
+        {
+          sendCommsState: t,
+          setSendCommsState: P
+        }
+      ),
+      children: /* @__PURE__ */ y(De, { children: [
+        /* @__PURE__ */ n(
+          oe,
+          {
+            description: "",
+            onClose: () => {
+            },
+            type: "info",
+            title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
+            showOkButton: !1,
+            showCloseIcon: !1
+          }
+        ),
+        /* @__PURE__ */ y(he, { children: [
+          /* @__PURE__ */ n(Y, {}),
+          /* @__PURE__ */ n(te, {})
+        ] }),
+        /* @__PURE__ */ n(Z, {}),
+        /* @__PURE__ */ n(ee, {})
+      ] })
+    }
+  );
+}
+const he = S.div`
+  display: flex;
+  gap: 10px;
+`, De = S.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;
+  width: 100%;
+`;
+export {
+  Me as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/confirm-order/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport styled from 'styled-components';\nimport CustomerInformation from './customer-info';\nimport ProductTable from './tables/ProductTable';\nimport NotesTable from './tables/NotesTable';\nimport SlotAndInstructions from './slot-and-instructions';\nimport { Alert, useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification } from 'antd';\nimport {\n  useCurrentAction,\n  useCustomerInfo,\n  useErrorConfirmOrder,\n  useNotificationConfirmedDate,\n  useOrderDetails,\n  useOrderDetailsConfirmOrder,\n  useOrderId,\n  usePrevOrderDetails,\n  useSelectionAction,\n} from '../../../store';\nimport { useConfirmOrderDate } from '../../store';\nimport { ApiResponse } from '../../../types';\nimport { compareOrderDetailsStates, filterObject } from '../../../utils';\nimport { format } from 'date-fns';\nimport SendComms from './send-comms/SendComms';\n// import { useClientPortal } from '../../../../store';\n\ninterface IProps {\n  callOrdersApi: any;\n  callOrderStatusApi: any;\n  callOrderAlertsApi: any;\n}\n\nfunction ConfirmOrder(props: IProps) {\n  // const [isClientPortal] = useClientPortal();\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails, setPrevOrderDetails] = usePrevOrderDetails();\n  const [\n    orderDetailsConfirmOrder,\n    setOrderDetailsConfirmOrder,\n  ] = useOrderDetailsConfirmOrder();\n  const [customerInfo] = useCustomerInfo();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n  const [deliveryDate, setDeliveryDate] = useConfirmOrderDate();\n  const [orderId] = useOrderId();\n  const [errorState] = useErrorConfirmOrder();\n  const [confirmedDate] = useNotificationConfirmedDate();\n  const [selectedAction] = useSelectionAction();\n  const [confirmOrderSendComms, setConfirmOrderSendComms] = useState({\n    sms: true,\n    email: true,\n  });\n  const contactHome = orderDetailsConfirmOrder?.order_recipient?.contact_home;\n  const contactMobile =\n    orderDetailsConfirmOrder?.order_recipient?.contact_mobile;\n  const contactWork = orderDetailsConfirmOrder?.order_recipient?.contact_work;\n\n  // update Order API\n  const { fetchData: callUpdateOrderAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/update/`,\n    method: 'PUT',\n  });\n\n  // send notifications\n  const { fetchData: notificationCall } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/send-comms/?notification_type=Confirm - Attempted&send_sms=${confirmOrderSendComms?.sms}&send_email=${confirmOrderSendComms?.email}`,\n    method: 'POST',\n  });\n\n  const { fetchData: declineDate } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/decline-date/?date=${confirmedDate?.previousDate}`,\n    method: 'POST',\n  });\n\n  const { fetchData: confirmDeliveryDate } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/confirm-date/?date=${confirmedDate?.currentDate}&send_sms=${confirmOrderSendComms?.sms}&send_email=${confirmOrderSendComms?.email}`,\n    method: 'POST',\n  });\n\n  const { fetchData: sendComs } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/send-comms/?notification_type=Precall&send_sms=${confirmOrderSendComms?.sms}&send_email=${confirmOrderSendComms?.email}`,\n    method: 'POST',\n  });\n\n  const { fetchData: noResponseApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/no-response-date/?date=${confirmedDate?.currentDate}&send_sms=${confirmOrderSendComms?.sms}&send_email=${confirmOrderSendComms?.email}`,\n    method: 'POST',\n  });\n\n  const { fetchData: proposeDate } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/propose-date/?date=${confirmedDate?.currentDate}&send_sms=${confirmOrderSendComms?.sms}&send_email=${confirmOrderSendComms?.email}`,\n    method: 'POST',\n  });\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n  };\n\n  useEffect(() => {\n    const clone = JSON.parse(JSON.stringify(orderDetails));\n    setOrderDetailsConfirmOrder(clone);\n    return () => {\n      setOrderDetailsConfirmOrder(clone);\n    };\n  }, []);\n\n  const executeActions = async () => {\n    switch (selectedAction) {\n      case 'decline_and_propose_new_date':\n        // Decline → Propose\n        if (confirmedDate?.previousDate !== null) {\n          await declineDate();\n        }\n        await proposeDate();\n        break;\n\n      case 'decline_and_confirm_new_date':\n        // Decline → Confirm\n        if (confirmedDate?.previousDate !== null) {\n          await declineDate();\n        }\n        await confirmDeliveryDate();\n        break;\n\n      case 'declined_proposed_date(outstanding)':\n        // Only Decline\n        if (confirmedDate?.previousDate !== null) {\n          await declineDate();\n        }\n        break;\n\n      case 'no_response_propose_new_date':\n        // Decline (always previous date) → No Response Propose\n        if (confirmedDate?.previousDate !== null) {\n          await declineDate();\n        }\n        await noResponseApi();\n        break;\n\n      case 'confirmed':\n        // Only Confirm\n        await confirmDeliveryDate();\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  const executeSendComs = async () => {\n    switch (selectedAction) {\n      case 'left_message':\n      case 'contact_made':\n      case 'no_contact':\n        // Only send comms (Update Order already handled in confirmOrder)\n        notificationCall();\n        break;\n\n      case 'precall':\n        // Decline → Send Comms\n        if (confirmedDate?.previousDate !== null) {\n          await declineDate();\n        }\n        await sendComs();\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  const confirmOrder = async () => {\n    if (\n      selectedAction === 'left_message' ||\n      selectedAction === 'contact_made' ||\n      selectedAction === 'no_contact' ||\n      selectedAction === 'precall'\n    ) {\n      if (\n        contactHome?.length === 0 &&\n        contactMobile?.length === 0 &&\n        contactWork?.length === 0\n      ) {\n        notification.info({\n          message: 'Info',\n          description: 'Please add contact information',\n        });\n        return;\n      }\n      if (\n        confirmedDate?.previousDate === null &&\n        confirmedDate?.currentDate === null\n      ) {\n        notification.info({\n          message: 'Info',\n          description: 'Please add delivery date',\n        });\n        return;\n      }\n    }\n\n    const keysToRemovefromOrders = [\n      'order_locked',\n      'order_communications',\n      'updated_at',\n      'updated_by',\n      'stock_alias',\n      'order_delivery_declined_dates',\n      'order_eta_updates',\n      'order_status',\n      'tomtom_status',\n      'refused_service',\n      'order_type',\n      'order_failures',\n      'order_on_hold',\n      'order_cancellations',\n      'order_routes',\n      'order_services',\n      'labels',\n    ];\n\n    const filteredOrderDetails = filterObject(\n      orderDetailsConfirmOrder,\n      keysToRemovefromOrders\n    );\n\n    const filteredPrevOrderDetails = filterObject(\n      prevOrderDetails,\n      keysToRemovefromOrders\n    );\n\n    const payload = compareOrderDetailsStates(\n      filteredPrevOrderDetails,\n      filteredOrderDetails\n    );\n\n    const restrictedActions = [\n      'decline_and_confirm_new_date',\n      'decline_and_propose_new_date',\n      'declined_proposed_date(outstanding)',\n      'confirmed',\n      'no_response_propose_new_date',\n    ];\n\n    const isRestrictedAction = restrictedActions.includes(selectedAction);\n\n    const updatedPayload: any = {\n      ...payload,\n      action_date: confirmedDate?.currentDate,\n    };\n\n    // ✅ Remove action_date for restricted actions\n    if (isRestrictedAction) {\n      delete updatedPayload.action_date;\n    }\n\n    const keys = Object.keys(updatedPayload);\n\n    const notUpdateOrder = keys.length === 1 && keys.includes('id');\n\n    const shouldUpdateOrder = !notUpdateOrder;\n\n    if (shouldUpdateOrder) {\n      const response = (await callUpdateOrderAPI({\n        payload: [updatedPayload],\n      })) as {\n        code: number | null;\n        error?: string | null | undefined;\n        [key: string]: any;\n      };\n\n      if (response?.data?.length > 0) {\n        const updatedOrder = response?.data[0];\n        setOrderDetails(updatedOrder);\n        setPrevOrderDetails(updatedOrder);\n      } else {\n        setOrderDetails(prevOrderDetails);\n      }\n    }\n\n    // ✅ Execute action flow\n    await executeActions();\n\n    // ✅ Execute comms flow\n    await executeSendComs();\n\n    if (orderId && deliveryDate) {\n      const formattedDate = format(new Date(deliveryDate), 'yyyy-MM-dd');\n      setDeliveryDate(formattedDate);\n    }\n\n    setTimeout(() => {\n      props?.callOrderStatusApi();\n    }, 1000);\n\n    await props?.callOrderAlertsApi();\n    await props?.callOrdersApi();\n  };\n\n  const errorFound = () => {\n    const isError =\n      errorState.emailError.length > 0 ||\n      errorState.homeContactError.length > 0 ||\n      errorState.workContactError.length > 0 ||\n      errorState.mobileError.length > 0;\n    return isError;\n  };\n\n  const disabledButton = confirmedDate?.currentDate === null;\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Confirm Order\"\n      minWidth=\"60vw\"\n      showAdditionalInfo\n      infoText={infoText}\n      onCloseHeader={onClose}\n      onSubmit={confirmOrder}\n      submitBtnTitle=\"Save Details\"\n      isSubmitDisabled={errorFound() && disabledButton}\n      footerActions={\n        <SendComms\n          sendCommsState={confirmOrderSendComms}\n          setSendCommsState={setConfirmOrderSendComms}\n        />\n      }\n    >\n      <ContentContainer>\n        <Alert\n          description=\"\"\n          onClose={() => {}}\n          type=\"info\"\n          title=\"There is Orders with identical postcodes that are yet to be delivered.View Orders\"\n          showOkButton={false}\n          showCloseIcon={false}\n        />\n        <Wrapper>\n          <CustomerInformation />\n          <SlotAndInstructions />\n        </Wrapper>\n        <ProductTable />\n        <NotesTable />\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  gap: 10px;\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  width: 100%;\n`;\n\nexport default ConfirmOrder;\n"],"names":["ConfirmOrder","props","setCurrentAction","useCurrentAction","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","setPrevOrderDetails","usePrevOrderDetails","orderDetailsConfirmOrder","setOrderDetailsConfirmOrder","useOrderDetailsConfirmOrder","customerInfo","useCustomerInfo","infoText","deliveryDate","setDeliveryDate","useConfirmOrderDate","orderId","useOrderId","errorState","useErrorConfirmOrder","confirmedDate","useNotificationConfirmedDate","selectedAction","useSelectionAction","confirmOrderSendComms","setConfirmOrderSendComms","useState","contactHome","contactMobile","contactWork","callUpdateOrderAPI","useAxios","notificationCall","declineDate","confirmDeliveryDate","sendComs","noResponseApi","proposeDate","onClose","useEffect","clone","executeActions","executeSendComs","confirmOrder","notification","keysToRemovefromOrders","filteredOrderDetails","filterObject","filteredPrevOrderDetails","payload","compareOrderDetailsStates","isRestrictedAction","updatedPayload","keys","response","updatedOrder","formattedDate","format","errorFound","disabledButton","jsx","OrderActionModal","SendComms","ContentContainer","Alert","Wrapper","CustomerInformation","SlotAndInstructions","ProductTable","NotesTable","styled"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/confirm-order/send-comms/SendComms.js

@@ -0,0 +1,65 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Checkbox as d } from "antd";
+import S from "react";
+import g from "styled-components";
+import { useOrderDetailsConfirmOrder as p } from "../../../../store.js";
+const x = (e) => {
+  const [n] = p(), m = (t, C) => {
+    if (C === "email") {
+      const s = {
+        sms: e?.sendCommsState?.sms,
+        email: t.target.checked
+      };
+      e?.setSendCommsState(s);
+    } else {
+      const s = {
+        sms: t.target.checked,
+        email: e?.sendCommsState?.email
+      };
+      e?.setSendCommsState(s);
+    }
+  }, c = n?.order_recipient?.contact_home, i = n?.order_recipient?.contact_mobile, l = n?.order_recipient?.contact_work, r = n?.order_recipient?.contact_email, h = c?.length !== 0 && c != null || i?.length !== 0 && i != null || l?.length !== 0 && l != null, f = r?.length !== 0 && r != null;
+  return /* @__PURE__ */ a(u, { children: [
+    f && /* @__PURE__ */ a("div", { className: "send-comms-container", children: [
+      /* @__PURE__ */ o("span", { className: "label", children: "Send Email" }),
+      /* @__PURE__ */ o(
+        d,
+        {
+          checked: e?.sendCommsState?.email,
+          onChange: (t) => m(t, "email")
+        }
+      )
+    ] }),
+    h && /* @__PURE__ */ a("div", { className: "send-comms-container", children: [
+      /* @__PURE__ */ o("span", { className: "label", children: "Send SMS" }),
+      /* @__PURE__ */ o(
+        d,
+        {
+          checked: e?.sendCommsState?.sms,
+          onChange: (t) => m(t, "sms")
+        }
+      )
+    ] })
+  ] });
+}, u = g.div`
+  display: flex;
+  align-items: center;
+  gap: 15px;
+
+  .send-comms-container {
+    display: flex;
+    gap: 5px;
+    align-items: center;
+    .label {
+      color: #6a7378;
+      font-size: 14px;
+      font-weight: 400;
+      font-family: 'Lato', sans-serif;
+      line-height: 20px;
+    }
+  }
+`, D = S.memo(x);
+export {
+  D as default
+};
+//# sourceMappingURL=SendComms.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/send-comms/SendComms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendComms.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/send-comms/SendComms.tsx"],"sourcesContent":["import { Checkbox } from 'antd';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetailsConfirmOrder } from '../../../../store';\n\ninterface IProps {\n  sendCommsState: any;\n  setSendCommsState: any;\n}\n\nconst SendComms = (props: IProps) => {\n  const [orderDetailsConfirmOrder] = useOrderDetailsConfirmOrder();\n\n  const onChange = (e: any, type: string) => {\n    if (type === 'email') {\n      const updatedData = {\n        sms: props?.sendCommsState?.sms,\n        email: e.target.checked,\n      };\n      props?.setSendCommsState(updatedData);\n    } else {\n      const updatedData = {\n        sms: e.target.checked,\n        email: props?.sendCommsState?.email,\n      };\n      props?.setSendCommsState(updatedData);\n    }\n  };\n\n  const contactHome = orderDetailsConfirmOrder?.order_recipient?.contact_home;\n  const contactMobile =\n    orderDetailsConfirmOrder?.order_recipient?.contact_mobile;\n  const contactWork = orderDetailsConfirmOrder?.order_recipient?.contact_work;\n  const contactEmail = orderDetailsConfirmOrder?.order_recipient?.contact_email;\n\n  const showSms =\n    (contactHome?.length !== 0 && contactHome != null) ||\n    (contactMobile?.length !== 0 && contactMobile != null) ||\n    (contactWork?.length !== 0 && contactWork != null);\n\n  const showEmail = contactEmail?.length !== 0 && contactEmail != null;\n\n  return (\n    <SendCommsMainContainer>\n      {showEmail && (\n        <div className=\"send-comms-container\">\n          <span className=\"label\">Send Email</span>\n          <Checkbox\n            checked={props?.sendCommsState?.email}\n            onChange={(e: any) => onChange(e, 'email')}\n          />\n        </div>\n      )}\n      {showSms && (\n        <div className=\"send-comms-container\">\n          <span className=\"label\">Send SMS</span>\n          <Checkbox\n            checked={props?.sendCommsState?.sms}\n            onChange={(e: any) => onChange(e, 'sms')}\n          />\n        </div>\n      )}\n    </SendCommsMainContainer>\n  );\n};\n\nconst SendCommsMainContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 15px;\n\n  .send-comms-container {\n    display: flex;\n    gap: 5px;\n    align-items: center;\n    .label {\n      color: #6a7378;\n      font-size: 14px;\n      font-weight: 400;\n      font-family: 'Lato', sans-serif;\n      line-height: 20px;\n    }\n  }\n`;\n\nexport default React.memo(SendComms);\n"],"names":["SendComms","props","orderDetailsConfirmOrder","useOrderDetailsConfirmOrder","onChange","e","type","updatedData","contactHome","contactMobile","contactWork","contactEmail","showSms","showEmail","SendCommsMainContainer","jsxs","jsx","Checkbox","styled","SendComms$1","React"],"mappings":";;;;;AAUA,MAAMA,IAAY,CAACC,MAAkB;AACnC,QAAM,CAACC,CAAwB,IAAIC,EAAA,GAE7BC,IAAW,CAACC,GAAQC,MAAiB;AACzC,QAAIA,MAAS,SAAS;AACpB,YAAMC,IAAc;AAAA,QAClB,KAAKN,GAAO,gBAAgB;AAAA,QAC5B,OAAOI,EAAE,OAAO;AAAA,MAAA;AAElB,MAAAJ,GAAO,kBAAkBM,CAAW;AAAA,IACtC,OAAO;AACL,YAAMA,IAAc;AAAA,QAClB,KAAKF,EAAE,OAAO;AAAA,QACd,OAAOJ,GAAO,gBAAgB;AAAA,MAAA;AAEhC,MAAAA,GAAO,kBAAkBM,CAAW;AAAA,IACtC;AAAA,EACF,GAEMC,IAAcN,GAA0B,iBAAiB,cACzDO,IACJP,GAA0B,iBAAiB,gBACvCQ,IAAcR,GAA0B,iBAAiB,cACzDS,IAAeT,GAA0B,iBAAiB,eAE1DU,IACHJ,GAAa,WAAW,KAAKA,KAAe,QAC5CC,GAAe,WAAW,KAAKA,KAAiB,QAChDC,GAAa,WAAW,KAAKA,KAAe,MAEzCG,IAAYF,GAAc,WAAW,KAAKA,KAAgB;AAEhE,2BACGG,GAAA,EACE,UAAA;AAAA,IAAAD,KACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,SAAQ,UAAA,cAAU;AAAA,MAClC,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAShB,GAAO,gBAAgB;AAAA,UAChC,UAAU,CAACI,MAAWD,EAASC,GAAG,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C,GACF;AAAA,IAEDO,KACC,gBAAAG,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,SAAQ,UAAA,YAAQ;AAAA,MAChC,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAShB,GAAO,gBAAgB;AAAA,UAChC,UAAU,CAACI,MAAWD,EAASC,GAAG,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzC,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ,GAEMS,IAAyBI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBtCC,IAAeC,EAAM,KAAKpB,CAAS;"}

package/dist/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/ConfirmationNotes.js

@@ -0,0 +1,24 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import t from "styled-components";
+import { TextArea as r } from "@bjsdistribution/dms-component-library";
+function f() {
+  return /* @__PURE__ */ e(i, { children: [
+    /* @__PURE__ */ o(n, { children: "Notes" }),
+    /* @__PURE__ */ o(r, { rows: 5, placeholder: "Enter Notes" })
+  ] });
+}
+const n = t.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, i = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export {
+  f as default
+};
+//# sourceMappingURL=ConfirmationNotes.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/ConfirmationNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationNotes.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/ConfirmationNotes.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { TextArea } from '@bjsdistribution/dms-component-library';\n\nfunction ConfirmationNotes() {\n  return (\n    <Container>\n      <Label>Notes</Label>\n      <TextArea rows={5} placeholder=\"Enter Notes\" />\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default ConfirmationNotes;\n"],"names":["ConfirmationNotes","Container","jsx","Label","TextArea","styled"],"mappings":";;;AAIA,SAASA,IAAoB;AAC3B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,QAAA,CAAK;AAAA,IACZ,gBAAAD,EAACE,GAAA,EAAS,MAAM,GAAG,aAAY,cAAA,CAAc;AAAA,EAAA,GAC/C;AAEJ;AAEA,MAAMD,IAAQE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfJ,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/DeliveryInstructions.js

@@ -0,0 +1,24 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import t from "styled-components";
+import { TextArea as r } from "@bjsdistribution/dms-component-library";
+function f() {
+  return /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ e(n, { children: "Delivery Instructions" }),
+    /* @__PURE__ */ e(r, { rows: 5, placeholder: "Enter Delivery Instructions" })
+  ] });
+}
+const n = t.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, i = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export {
+  f as default
+};
+//# sourceMappingURL=DeliveryInstructions.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/DeliveryInstructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryInstructions.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/DeliveryInstructions.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { TextArea } from '@bjsdistribution/dms-component-library';\n\nfunction DeliveryInstructions() {\n  return (\n    <Container>\n      <Label>Delivery Instructions</Label>\n      <TextArea rows={5} placeholder=\"Enter Delivery Instructions\" />\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default DeliveryInstructions;\n"],"names":["DeliveryInstructions","Container","jsx","Label","TextArea","styled"],"mappings":";;;AAIA,SAASA,IAAuB;AAC9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,wBAAA,CAAqB;AAAA,IAC5B,gBAAAD,EAACE,GAAA,EAAS,MAAM,GAAG,aAAY,8BAAA,CAA8B;AAAA,EAAA,GAC/D;AAEJ;AAEA,MAAMD,IAAQE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfJ,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/index.js

@@ -0,0 +1,47 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import t from "styled-components";
+import e from "./ConfirmationNotes.js";
+import i from "./DeliveryInstructions.js";
+import l from "../customer-info/ContactWith.js";
+import { useOrderDetailsConfirmOrder as s } from "../../../../store.js";
+function g() {
+  const [r] = s();
+  return /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ n(f, { children: [
+      /* @__PURE__ */ o(p, { children: "Slot" }),
+      /* @__PURE__ */ o(a, { children: r?.order_routes?.slot })
+    ] }),
+    /* @__PURE__ */ o(l, {}),
+    /* @__PURE__ */ o(i, {}),
+    /* @__PURE__ */ o(e, {})
+  ] });
+}
+const a = t.span`
+  color: #3a3630;
+  font-family: 'Lato', 'Open Sans';
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+`, f = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+`, p = t.span`
+  color: #3a3630;
+  font-family: 'Lato', 'Open Sans';
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 700;
+`, d = t.div`
+  padding: 15px 12px;
+  flex: 1 0 0;
+  border-radius: 15px;
+  background: #f8fafc;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+`;
+export {
+  g as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/slot-and-instructions/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport ConfirmationNotes from './ConfirmationNotes';\nimport DeliveryInstructions from './DeliveryInstructions';\nimport ContactWith from '../customer-info/ContactWith';\nimport { useOrderDetailsConfirmOrder } from '../../../../store';\n\nfunction SlotAndInstructions() {\n  const [orderDetails] = useOrderDetailsConfirmOrder();\n  return (\n    <Container>\n      <Slot>\n        <Title>Slot</Title>\n        <Value>{orderDetails?.order_routes?.slot}</Value>\n      </Slot>\n      <ContactWith />\n      <DeliveryInstructions />\n      <ConfirmationNotes />\n    </Container>\n  );\n}\n\nconst Value = styled.span`\n  color: #3a3630;\n  font-family: 'Lato', 'Open Sans';\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nconst Slot = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n`;\n\nconst Title = styled.span`\n  color: #3a3630;\n  font-family: 'Lato', 'Open Sans';\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 700;\n`;\n\nconst Container = styled.div`\n  padding: 15px 12px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n`;\n\nexport default SlotAndInstructions;\n"],"names":["SlotAndInstructions","orderDetails","useOrderDetailsConfirmOrder","Container","jsxs","Slot","jsx","Title","Value","ContactWith","DeliveryInstructions","ConfirmationNotes","styled"],"mappings":";;;;;;AAOA,SAASA,IAAsB;AAC7B,QAAM,CAACC,CAAY,IAAIC,EAAA;AACvB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAM,UAAA,OAAA,CAAI;AAAA,MACX,gBAAAD,EAACE,GAAA,EAAO,UAAAP,GAAc,cAAc,KAAA,CAAK;AAAA,IAAA,GAC3C;AAAA,sBACCQ,GAAA,EAAY;AAAA,sBACZC,GAAA,EAAqB;AAAA,sBACrBC,GAAA,CAAA,CAAkB;AAAA,EAAA,GACrB;AAEJ;AAEA,MAAMH,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfP,IAAOO,EAAO;AAAA;AAAA;AAAA;AAAA,GAMdL,IAAQK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfT,IAAYS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/tables/NotesTable.js

@@ -0,0 +1,102 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useApiHook as p, formatUtcToLocal as f } from "@bjsdistribution/dms-component-library";
+import { useState as c, useEffect as u } from "react";
+import g from "styled-components";
+import { useOrderId as S } from "../../../../store.js";
+import { StyledTableWrapper as x, StyledTable as E, EmptyDataContainer as O } from "./ReminderStyles.js";
+import b from "../../../../../../common/scrollbar/index.js";
+import { Skeleton as C, Empty as I } from "antd";
+function G() {
+  const [n, _] = c(null), [y] = S(), [a, T] = c(), [D, m] = c(!1), { data: i, loading: h } = p({
+    endpoint: "audit_logs/modules/",
+    method: "GET",
+    pagination: { page: 1, per_page: 100 },
+    showLoader: !1
+  });
+  u(() => {
+    if (!h && i?.data) {
+      const e = i?.data?.filter((d) => d?.name === "ORDER")?.map((d) => {
+        const s = d?.static_child_mappings.find(
+          (R) => R?.child_module?.name === "ORDER_PRODUCT"
+        )?.child_module?.id;
+        return {
+          id: d?.id,
+          child_id: s || null
+        };
+      });
+      _(e[0] || null);
+    }
+  }, [h, i]);
+  const {
+    data: l,
+    loading: r,
+    setShouldPerformAction: N
+  } = p({
+    endpoint: `audit_logs/?module_id=${n?.id}&module_object_id=${y}`,
+    method: "GET",
+    performAction: !1
+  });
+  return u(() => {
+    if (m(!0), n && N(!0), !r && l?.data) {
+      const e = l?.data[0]?.ORDER || [], d = l?.data[1]?.ORDER_PRODUCT || [], s = [...e, ...d];
+      T(s), m(r);
+    }
+  }, [n, r]), a?.length === 0 ? null : /* @__PURE__ */ o(v, { children: [
+    /* @__PURE__ */ o(L, { children: [
+      "Notes (",
+      a?.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(b, { children: /* @__PURE__ */ o(E, { className: "scrollClass", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ o("tr", { children: [
+        /* @__PURE__ */ t("th", { children: "Created" }),
+        /* @__PURE__ */ t("th", { children: "Notes" })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { children: D ? /* @__PURE__ */ o("tr", { children: [
+        /* @__PURE__ */ t("td", { colSpan: 6, children: /* @__PURE__ */ t(C, { active: !0 }) }),
+        /* @__PURE__ */ t("td", { colSpan: 6 })
+      ] }) : a?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(I, {}) }) }) }) : a?.map((e) => /* @__PURE__ */ o("tr", { children: [
+        /* @__PURE__ */ o("td", { children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              style: {
+                fontWeight: "bold",
+                textTransform: "capitalize"
+              },
+              children: e?.created_by
+            }
+          ),
+          /* @__PURE__ */ t("div", { children: `${f(e?.created_at).date} @ ${f(e?.created_at).time}` })
+        ] }),
+        /* @__PURE__ */ t(
+          "td",
+          {
+            dangerouslySetInnerHTML: { __html: e?.description }
+          }
+        )
+      ] }, e.id)) })
+    ] }) }) })
+  ] });
+}
+const L = g.h2`
+  color: #3a3630;
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  text-transform: uppercase;
+  padding: 0;
+  margin: 0;
+`, v = g.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  > div {
+    min-height: 350px;
+  }
+`;
+export {
+  G as default
+};
+//# sourceMappingURL=NotesTable.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/tables/NotesTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesTable.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/tables/NotesTable.tsx"],"sourcesContent":["import {\n  formatUtcToLocal,\n  useApiHook,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOrderId } from '../../../../store';\nimport {\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from './ReminderStyles';\nimport CustomScrollBar from '../../../../../../common/scrollbar';\nimport { Empty, Skeleton } from 'antd';\n\nfunction NotesTable() {\n  const [moduleIds, setModuleIds] = useState<{\n    id?: string;\n    child_id?: string;\n  } | null>(null);\n  const [orderId] = useOrderId();\n  const [notes, setNotes] = useState<any>();\n  const [loading, setNoteLoadingStore] = useState(false);\n\n  // Fetch module IDs\n  const { data: fetchedData, loading: apiLoading } = useApiHook<{ data: any }>({\n    endpoint: 'audit_logs/modules/',\n    method: 'GET',\n    pagination: { page: 1, per_page: 100 },\n    showLoader: false,\n  });\n  useEffect(() => {\n    if (!apiLoading && fetchedData?.data) {\n      const modules = fetchedData?.data\n        ?.filter((item: any) => item?.name === 'ORDER')\n        ?.map((item: any) => {\n          const orderProductId = item?.static_child_mappings.find(\n            (i: any) => i?.child_module?.name === 'ORDER_PRODUCT'\n          )?.child_module?.id;\n\n          return {\n            id: item?.id,\n            child_id: orderProductId || null,\n          };\n        });\n      setModuleIds(modules[0] || null);\n    }\n  }, [apiLoading, fetchedData]);\n\n  // Fetch Notes Data\n  const {\n    data: NotesData,\n    loading: NotesLoading,\n    setShouldPerformAction,\n  } = useApiHook<{ data: any }>({\n    endpoint: `audit_logs/?module_id=${moduleIds?.id}&module_object_id=${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n  useEffect(() => {\n    setNoteLoadingStore(true);\n    if (moduleIds) {\n      setShouldPerformAction(true);\n    }\n    if (!NotesLoading && NotesData?.data) {\n      const OrdersData = NotesData?.data[0]?.ORDER || [];\n      const OrderNotesData = NotesData?.data[1]?.['ORDER_PRODUCT'] || [];\n      const allNotes = [...OrdersData, ...OrderNotesData];\n      setNotes(allNotes);\n      setNoteLoadingStore(NotesLoading);\n    }\n  }, [moduleIds, NotesLoading]);\n\n  if (notes?.length === 0) {\n    return null;\n  }\n\n  return (\n    <Container>\n      <Title>Notes ({notes?.length})</Title>\n      <StyledTableWrapper>\n        <CustomScrollBar>\n          <StyledTable className=\"scrollClass\">\n            <thead>\n              <tr>\n                <th>Created</th>\n                <th>Notes</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              ) : notes?.length === 0 ? (\n                <tr>\n                  <td className=\"emptyTd\" colSpan={7}>\n                    <EmptyDataContainer>\n                      <Empty />\n                    </EmptyDataContainer>\n                  </td>\n                </tr>\n              ) : (\n                notes?.map((order: any) => (\n                  <tr key={order.id}>\n                    <td>\n                      <div\n                        style={{\n                          fontWeight: 'bold',\n                          textTransform: 'capitalize',\n                        }}\n                      >\n                        {order?.created_by}\n                      </div>\n                      <div>\n                        {/* {format(\n                          new Date(order?.created_at),\n                          \"dd/MM/yyyy '@' HH:mm\"\n                        )} */}\n                        {`${formatUtcToLocal(order?.created_at).date} @ ${\n                          formatUtcToLocal(order?.created_at).time\n                        }`}\n                      </div>\n                    </td>\n                    <td\n                      dangerouslySetInnerHTML={{ __html: order?.description }}\n                    ></td>\n                  </tr>\n                ))\n              )}\n            </tbody>\n          </StyledTable>\n        </CustomScrollBar>\n      </StyledTableWrapper>\n    </Container>\n  );\n}\n\nconst Title = styled.h2`\n  color: #3a3630;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 0;\n  margin: 0;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  > div {\n    min-height: 350px;\n  }\n`;\n\nexport default NotesTable;\n"],"names":["NotesTable","moduleIds","setModuleIds","useState","orderId","useOrderId","notes","setNotes","loading","setNoteLoadingStore","fetchedData","apiLoading","useApiHook","useEffect","modules","item","orderProductId","i","NotesData","NotesLoading","setShouldPerformAction","OrdersData","OrderNotesData","allNotes","Container","jsxs","Title","StyledTableWrapper","jsx","CustomScrollBar","StyledTable","Skeleton","EmptyDataContainer","Empty","order","formatUtcToLocal","styled"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.js

@@ -0,0 +1,55 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import i from "styled-components";
+import { useProductDetails as d } from "../../../../store.js";
+import { Skeleton as o, Empty as c } from "antd";
+import { useLoading as a } from "../../../../../order-daily-overview/store/store.js";
+import { StyledTableWrapper as s, StyledTable as h, EmptyDataContainer as p } from "./ReminderStyles.js";
+function P() {
+  const [n] = d(), [l] = a();
+  return n ? /* @__PURE__ */ e(f, { children: [
+    /* @__PURE__ */ e(m, { children: [
+      "Products (",
+      n?.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ e(h, { className: "scrollClass", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ e("tr", { children: [
+        /* @__PURE__ */ t("th", { children: "Action" }),
+        /* @__PURE__ */ t("th", { children: "Code" }),
+        /* @__PURE__ */ t("th", { children: "Description" }),
+        /* @__PURE__ */ t("th", { children: "Parts" })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { children: l ? /* @__PURE__ */ e("tr", { children: [
+        /* @__PURE__ */ t("td", { colSpan: 6, children: /* @__PURE__ */ t(o, { active: !0 }) }),
+        /* @__PURE__ */ t("td", { colSpan: 6 })
+      ] }) : n?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(c, {}) }) }) }) : n?.map((r) => /* @__PURE__ */ e("tr", { children: [
+        /* @__PURE__ */ t("td", { children: r?.order_product_type?.type }),
+        " ",
+        /* @__PURE__ */ t("td", { children: r?.code }),
+        /* @__PURE__ */ t("td", { children: r?.description }),
+        /* @__PURE__ */ t("td", { children: r?.sku })
+      ] }, r.id)) })
+    ] }) })
+  ] }) : null;
+}
+const m = i.h2`
+  color: #3a3630;
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  text-transform: uppercase;
+  padding: 0;
+  margin: 0;
+`, f = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  > div {
+    min-height: 165px;
+  }
+`;
+export {
+  P as default
+};
+//# sourceMappingURL=ProductTable.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTable.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../../../store';\n\nimport { Empty, Skeleton } from 'antd';\nimport { useLoading } from '../../../../../order-daily-overview/store/store';\nimport {\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from './ReminderStyles';\n\nfunction ProductTable() {\n  const [orderProductDetails] = useProductDetails();\n  const [loading] = useLoading();\n\n  if (!orderProductDetails) {\n    return null;\n  }\n\n  return (\n    <Container>\n      <Title>Products ({orderProductDetails?.length})</Title>\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Parts</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 />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              orderProductDetails?.map((order: any) => (\n                <tr key={order.id}>\n                  <td>{order?.order_product_type?.type}</td>{' '}\n                  <td>{order?.code}</td>\n                  <td>{order?.description}</td>\n                  <td>{order?.sku}</td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </Container>\n  );\n}\n\nconst Title = styled.h2`\n  color: #3a3630;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 0;\n  margin: 0;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  > div {\n    min-height: 165px;\n  }\n`;\n\nexport default ProductTable;\n"],"names":["ProductTable","orderProductDetails","useProductDetails","loading","useLoading","Container","jsxs","Title","jsx","StyledTableWrapper","StyledTable","Skeleton","EmptyDataContainer","Empty","order","styled"],"mappings":";;;;;;AAYA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAmB,IAAIC,EAAA,GACxB,CAACC,CAAO,IAAIC,EAAA;AAElB,SAAKH,sBAKFI,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,UAAA;AAAA,MAAA;AAAA,MAAWN,GAAqB;AAAA,MAAO;AAAA,IAAA,GAAC;AAAA,IAC/C,gBAAAO,EAACC,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,QACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,QAAG,UAAA,QAAA,CAAK;AAAA,MAAA,EAAA,CACX,EAAA,CACF;AAAA,MACA,gBAAAA,EAAC,SAAA,EACE,UAAAL,IACC,gBAAAG,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAG,SAAS,GACX,4BAACG,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,QACA,gBAAAH,EAAC,MAAA,EAAG,SAAS,EAAA,CAAG;AAAA,MAAA,EAAA,CAClB,IACEP,GAAqB,WAAW,IAClC,gBAAAO,EAAC,QACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,WAAU,SAAS,GAC/B,4BAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,CAAA,CAAM,EAAA,CACT,GACF,EAAA,CACF,IAEAZ,GAAqB,IAAI,CAACa,MACxB,gBAAAR,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAAC,MAAA,EAAI,UAAAM,GAAO,oBAAoB,MAAK;AAAA,QAAM;AAAA,QAC3C,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,KAAA,CAAK;AAAA,QACjB,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,YAAA,CAAY;AAAA,QACxB,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,IAAA,CAAI;AAAA,MAAA,KAJTA,EAAM,EAKf,CACD,EAAA,CAEL;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,IA7CO;AA+CX;AAEA,MAAMP,IAAQQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWfV,IAAYU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}