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

package/dist/components/order-view/return-client-products/product-table/ReturnProductTable.js

@@ -1,256 +1,279 @@
-import { jsxs as o, jsx as t, Fragment as K } from "react/jsx-runtime";
-import k, { useState as m, useMemo as D, useEffect as Q } from "react";
-import { StyledTableWrapper as U, StyledTable as X } from "../../../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
-import { Checkbox as Y, CancelationModal as Z, CancelAndCompleteAction as ee, useAxios as te, displayValueOrNA as E, toReverseDeliveryLabel as ne } from "@bjsdistribution/dms-component-library";
-import oe from "../../../../assets/icons/ActionIcon.js";
-import { useReturnProductDetails as le, useOrderId as ie } from "../../store.js";
-import { Skeleton as re, Empty as ae, Spin as de, notification as C } from "antd";
-import { useSelectedProducts as se, useNewReturnOrderData as ce, useIsShowNorthSouth as pe, useClientPortal as he } from "../../../store.js";
-import i from "styled-components";
-import { NavLink as me } from "react-router-dom";
-import { EmptyDataContainer as fe } from "../../order-actions/actions/charge-log/index.js";
-import f from "../../northern-southern-info/CustomInput.js";
-import ue from "../../../../assets/icons/ChevronDownIcon.js";
-import { groupProductsByPallet as ge, hasAnyPallet as xe, toggleGroupSelectionIds as be } from "./palletGrouping.js";
-const Be = (a) => {
-  const [u, s] = se(), [g, N] = m(!1), [l] = le(), [S] = ie(), [R] = ce(), [T] = pe(), [c] = he(), [A, x] = m(null), [O, b] = m(!1), { loading: p, fetchData: G } = te({
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import T, { useState as l } from "react";
+import { StyledTableWrapper as E, StyledTable as j } from "../../../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
+import { Checkbox as M, CancelationModal as z, CancelAndCompleteAction as L, useAxios as W, displayValueOrNA as b } from "@bjsdistribution/dms-component-library";
+import B from "../../../../assets/icons/ActionIcon.js";
+import { useProductDetails as F, useOrderId as V } from "../../store.js";
+import { Skeleton as G, Empty as $, Spin as q, notification as f } from "antd";
+import { useSelectedProducts as H, useNewReturnOrderData as J, useIsShowNorthSouth as K, useClientPortal as Q } from "../../../store.js";
+import n from "styled-components";
+import { NavLink as U } from "react-router-dom";
+import { EmptyDataContainer as X } from "../../order-actions/actions/charge-log/index.js";
+import a from "../../northern-southern-info/CustomInput.js";
+const xe = (s) => {
+  const [_, c] = H(), [p, w] = l(!1), [i, oe] = F(), [re, ne] = l(null), [v] = V(), [C] = J(), [A] = K(), [h] = Q(), [g, m] = l(null), [S, u] = l(!1), { loading: d, fetchData: N } = W({
     endpoint: "v1/return/product/remove/",
     method: "POST"
-  }), L = (e) => {
-    x(e), b(!0);
-  }, j = async () => {
-    if (A === null) return;
-    const e = A;
+  }), P = (t) => {
+    m(t), u(!0);
+  }, D = async () => {
+    if (g === null) return;
+    const t = g;
     try {
-      const n = await G({
+      const o = await N({
         payload: {
-          return_order_product_id: e,
-          return_order_id: +S
+          return_order_product_id: t,
+          return_order_id: +v
         }
       });
-      n?.code === 200 ? (C.success({
+      o?.code === 200 ? (f.success({
         message: "Success",
-        description: n?.message || "Product deleted successfully."
-      }), a?.callReturnProducts()) : C.error({
+        description: o?.message || "Product deleted successfully."
+      }), s?.callReturnProducts()) : f.error({
         message: "Deletion Failed",
-        description: n?.message || "Could not delete the product."
+        description: o?.message || "Could not delete the product."
       });
-    } catch (n) {
-      console.error("Error deleting product:", n), C.error({
+    } catch (o) {
+      console.error("Error deleting product:", o), f.error({
         message: "Error",
         //@ts-ignore
-        description: n?.message || "An unexpected error occurred."
+        description: o?.message || "An unexpected error occurred."
       });
     } finally {
-      x(null), b(!1);
+      m(null), u(!1);
     }
-  }, M = () => {
-    p || (x(null), b(!1));
-  }, $ = () => {
-    if (g)
-      s([]);
+  }, I = () => {
+    d || (m(null), u(!1));
+  }, k = () => {
+    if (p)
+      c([]);
     else {
-      const e = l?.map((n) => n.id);
-      s(e);
+      const t = i?.map((o) => o.id);
+      c(t);
     }
-    N(!g);
-  }, z = (e) => {
-    s(
-      (n) => n.includes(e) ? n.filter((r) => r !== e) : [...n, e]
+    w(!p);
+  }, R = (t) => {
+    c(
+      (o) => o.includes(t) ? o.filter((O) => O !== t) : [...o, t]
     );
-  }, y = l?.length == 0 || R?.length == 0, h = c ? 8 : 9, B = D(() => ge(l), [
-    l
-  ]), F = D(() => xe(l), [l]), [H, w] = m({});
-  Q(() => {
-    w({});
-  }, [S]);
-  const W = (e) => e.isNoPallet || !!H[e.key], V = (e) => w((n) => ({ ...n, [e]: !n[e] })), I = (e) => /* @__PURE__ */ o(k.Fragment, { children: [
-    /* @__PURE__ */ o("tr", { className: "product-row", children: [
-      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
-        P,
-        {
-          checked: u?.includes(e?.id),
-          onChange: () => z(e?.id),
-          disabled: y
-        }
-      ) }),
-      /* @__PURE__ */ t("td", { children: e?.location || "N/A" }),
-      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ o("ul", { style: { listStyleType: "none", padding: 0 }, children: [
-        /* @__PURE__ */ t(
-          "li",
-          {
-            style: {
-              color: "#0099ff",
-              fontWeight: 600
-            },
-            children: /* @__PURE__ */ t(me, { to: `/orders/view/${e?.order_id}`, children: E(e?.recipient_name) })
-          }
-        ),
-        /* @__PURE__ */ t("li", { style: { color: "#888075" }, children: E(e?.postcode) })
-      ] }) }),
-      /* @__PURE__ */ t("td", { children: e?.code }),
-      /* @__PURE__ */ t("td", { children: e?.description }),
-      /* @__PURE__ */ t("td", { children: c ? e?.return_reason : ne(e?.return_reason) }),
-      !c && /* @__PURE__ */ t("td", { children: Array.isArray(e?.product_addon_services) && e?.product_addon_services?.length > 0 ? e.product_addon_services.map((n) => n?.service_code || n?.name || n).filter(Boolean).join(", ") : Array.isArray(e?.addon_services) && e?.addon_services?.length > 0 ? e.addon_services.map((n) => n?.service_code || n?.name || n).filter(Boolean).join(", ") : Array.isArray(e?.addon_services_list) && e?.addon_services_list?.length > 0 ? e.addon_services_list.join(", ") : typeof e?.addon_services == "string" && e?.addon_services.trim() !== "" ? e.addon_services : "NA" }),
-      /* @__PURE__ */ t("td", { children: e?.part }),
-      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
-        "div",
-        {
-          onClick: (n) => {
-            n.stopPropagation(), n.preventDefault(), L(e?.id);
-          },
-          style: { cursor: "pointer" },
-          children: /* @__PURE__ */ t(oe, {})
-        }
-      ) })
-    ] }),
-    T === !0 && /* @__PURE__ */ t("td", { colSpan: h, children: /* @__PURE__ */ o(ye, { children: [
-      /* @__PURE__ */ t("div", { className: "left", children: "Northern/Southern Ireland" }),
-      /* @__PURE__ */ t("div", { className: "left-end" }),
-      /* @__PURE__ */ o("div", { className: "section", children: [
-        /* @__PURE__ */ t(
-          f,
-          {
-            label: "Commodity Code",
-            type: "text",
-            direction: "row",
-            placeholder: "Enter Commodity Code",
-            value: e?.product_customs_details?.commodity_code || "NA",
-            disabled: !0
-          }
-        ),
-        /* @__PURE__ */ t(
-          f,
-          {
-            label: "Country of Origin",
-            type: "text",
-            direction: "row",
-            placeholder: "Enter Country of Origin",
-            value: e?.product_customs_details?.country_of_origin || "NA",
-            disabled: !0
-          }
-        ),
-        /* @__PURE__ */ t(
-          f,
-          {
-            label: "Item Invoice Amount",
-            type: "number",
-            direction: "row",
-            placeholder: "Enter Item Invoice Amount",
-            value: e?.product_customs_details?.item_invoice_amount || 0,
-            disabled: !0
-          }
-        ),
-        /* @__PURE__ */ t(
-          f,
-          {
-            label: "NI Additional Info Codes",
-            type: "text",
-            direction: "row",
-            placeholder: "Enter NI Add Info Codes",
-            value: e?.product_customs_details?.ni_additional_information_codes || "NA",
-            disabled: !0
-          }
-        )
-      ] })
-    ] }) })
-  ] }, e.id), q = (e, n) => {
-    const r = e.items.map((v) => v?.id), d = be(
-      u,
-      r,
-      n
-    );
-    s(d), N(d.length === l?.length);
-  }, J = (e) => {
-    const n = W(e), r = e.items.filter(
-      (_) => u?.includes(_?.id)
-    ).length, d = e.items.length > 0 && r === e.items.length, v = `${e.items.length} ${e.items.length === 1 ? "item" : "items"}`;
-    return /* @__PURE__ */ o(k.Fragment, { children: [
-      /* @__PURE__ */ t(ve, { className: e.isNoPallet ? "no-pallet" : void 0, children: /* @__PURE__ */ t("td", { colSpan: h, children: /* @__PURE__ */ o(_e, { children: [
-        /* @__PURE__ */ t(
-          P,
-          {
-            checked: d,
-            onChange: () => q(e, d),
-            disabled: y,
-            "aria-label": e.isNoPallet ? "Select all items with no pallet ID" : `Select all items on pallet ${e.label}`
-          }
-        ),
-        /* @__PURE__ */ o(
-          Ce,
-          {
-            type: "button",
-            disabled: e.isNoPallet,
-            onClick: e.isNoPallet ? void 0 : () => V(e.key),
-            "aria-expanded": e.isNoPallet ? void 0 : n,
-            children: [
-              !e.isNoPallet && /* @__PURE__ */ t(Pe, { $isExpanded: n, children: /* @__PURE__ */ t(ue, {}) }),
-              /* @__PURE__ */ t("span", { className: "title", children: e.isNoPallet ? /* @__PURE__ */ t("span", { children: "No Pallet ID" }) : /* @__PURE__ */ o(K, { children: [
-                /* @__PURE__ */ t("span", { children: "Pallet ID:" }),
-                /* @__PURE__ */ t("strong", { children: e.label })
-              ] }) }),
-              /* @__PURE__ */ o("span", { className: "count", children: [
-                "(",
-                v,
-                ")"
-              ] }),
-              e.depotLocation && /* @__PURE__ */ t("span", { className: "depot", children: e.depotLocation }),
-              r > 0 && /* @__PURE__ */ o("span", { className: "selected", children: [
-                r,
-                " selected"
-              ] }),
-              !e.isNoPallet && /* @__PURE__ */ t(Ne, { "aria-hidden": "true", children: n ? "−" : "+" })
-            ]
-          }
-        )
-      ] }) }) }),
-      n && e.items.map((_) => I(_))
-    ] }, e.key);
-  };
-  return /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ t(U, { id: "tableScrolling", className: "orderProductTable", children: /* @__PURE__ */ o(X, { children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ o("tr", { children: [
-        /* @__PURE__ */ t("th", { className: "emailproductsCheckbox", children: /* @__PURE__ */ t(
-          P,
+  }, x = i?.length == 0 || C?.length == 0;
+  return /* @__PURE__ */ r(Y, { children: [
+    /* @__PURE__ */ e(E, { id: "tableScrolling", className: "orderProductTable", children: /* @__PURE__ */ r(j, { children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
+        /* @__PURE__ */ e("th", { className: "emailproductsCheckbox", children: /* @__PURE__ */ e(
+          y,
           {
-            disabled: y,
-            checked: g,
-            onChange: $
+            disabled: x,
+            checked: p,
+            onChange: k
           }
         ) }),
-        /* @__PURE__ */ t("th", { children: "Location" }),
-        /* @__PURE__ */ t("th", { children: "Sender" }),
-        /* @__PURE__ */ t("th", { children: "Code" }),
-        /* @__PURE__ */ t("th", { children: "Description" }),
-        /* @__PURE__ */ t("th", { children: "Return Reason" }),
-        !c && /* @__PURE__ */ t("th", { children: "Additional Services" }),
-        /* @__PURE__ */ t("th", { children: "Part" }),
-        /* @__PURE__ */ t("th", { children: "Action" })
+        /* @__PURE__ */ e("th", { children: "Location" }),
+        /* @__PURE__ */ e("th", { children: "Sender" }),
+        /* @__PURE__ */ e("th", { children: "Code" }),
+        /* @__PURE__ */ e("th", { children: "Description" }),
+        /* @__PURE__ */ e("th", { children: "Return Reason" }),
+        !h && /* @__PURE__ */ e("th", { children: "Additional Services" }),
+        /* @__PURE__ */ e("th", { children: "Part" }),
+        /* @__PURE__ */ e("th", { children: "Action" })
       ] }) }),
-      /* @__PURE__ */ t("tbody", { children: a?.loading || a?.locationloading ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: h, children: /* @__PURE__ */ t(re, { active: !0 }) }) }) : l?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: h, children: /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ t(ae, {}) }) }) }) : F ? B.map(J) : (
-        /* Called explicitly so `map`'s index is not passed as `isNoPallet`. */
-        l?.map((e) => I(e))
-      ) })
+      /* @__PURE__ */ e("tbody", { children: s?.loading || s?.locationloading ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(G, { active: !0 }) }) }) : i?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e($, {}) }) }) }) : i?.map((t) => /* @__PURE__ */ r(T.Fragment, { children: [
+        /* @__PURE__ */ r("tr", { className: "product-row", children: [
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+            y,
+            {
+              checked: _?.includes(t?.id),
+              onChange: () => R(t?.id),
+              disabled: x
+            }
+          ) }),
+          /* @__PURE__ */ e("td", { "data-label": "Location", children: t?.location || "N/A" }),
+          /* @__PURE__ */ e("td", { "data-label": "Sender", children: /* @__PURE__ */ r("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+            /* @__PURE__ */ e(
+              "li",
+              {
+                style: {
+                  color: "#0099ff",
+                  fontWeight: 600
+                },
+                children: /* @__PURE__ */ e(U, { to: `/orders/view/${t?.order_id}`, children: b(t?.recipient_name) })
+              }
+            ),
+            /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: b(t?.postcode) })
+          ] }) }),
+          /* @__PURE__ */ e("td", { "data-label": "Code", children: t?.code }),
+          /* @__PURE__ */ e("td", { "data-label": "Description", children: t?.description }),
+          /* @__PURE__ */ e("td", { "data-label": "Return Reason", children: t?.return_reason }),
+          !h && /* @__PURE__ */ e("td", { "data-label": "Additional Services", children: Array.isArray(t?.product_addon_services) && t?.product_addon_services?.length > 0 ? t.product_addon_services.map((o) => o?.service_code || o?.name || o).filter(Boolean).join(", ") : Array.isArray(t?.addon_services) && t?.addon_services?.length > 0 ? t.addon_services.map((o) => o?.service_code || o?.name || o).filter(Boolean).join(", ") : Array.isArray(t?.addon_services_list) && t?.addon_services_list?.length > 0 ? t.addon_services_list.join(", ") : typeof t?.addon_services == "string" && t?.addon_services.trim() !== "" ? t.addon_services : "NA" }),
+          /* @__PURE__ */ e("td", { "data-label": "Part", children: t?.part }),
+          /* @__PURE__ */ e("td", { "data-label": "Action", children: /* @__PURE__ */ e(
+            "div",
+            {
+              onClick: (o) => {
+                o.stopPropagation(), o.preventDefault(), P(t?.id);
+              },
+              style: { cursor: "pointer" },
+              children: /* @__PURE__ */ e(B, {})
+            }
+          ) })
+        ] }),
+        A === !0 && /* @__PURE__ */ e("td", { colSpan: h ? 8 : 9, children: /* @__PURE__ */ r(Z, { children: [
+          /* @__PURE__ */ e("div", { className: "left", children: "Northern/Southern Ireland" }),
+          /* @__PURE__ */ e("div", { className: "left-end" }),
+          /* @__PURE__ */ r("div", { className: "section", children: [
+            /* @__PURE__ */ e(
+              a,
+              {
+                label: "Commodity Code",
+                type: "text",
+                direction: "row",
+                placeholder: "Enter Commodity Code",
+                value: t?.product_customs_details?.commodity_code || "NA",
+                disabled: !0
+              }
+            ),
+            /* @__PURE__ */ e(
+              a,
+              {
+                label: "Country of Origin",
+                type: "text",
+                direction: "row",
+                placeholder: "Enter Country of Origin",
+                value: t?.product_customs_details?.country_of_origin || "NA",
+                disabled: !0
+              }
+            ),
+            /* @__PURE__ */ e(
+              a,
+              {
+                label: "Item Invoice Amount",
+                type: "number",
+                direction: "row",
+                placeholder: "Enter Item Invoice Amount",
+                value: t?.product_customs_details?.item_invoice_amount || 0,
+                disabled: !0
+              }
+            ),
+            /* @__PURE__ */ e(
+              a,
+              {
+                label: "NI Additional Info Codes",
+                type: "text",
+                direction: "row",
+                placeholder: "Enter NI Add Info Codes",
+                value: t?.product_customs_details?.ni_additional_information_codes || "NA",
+                disabled: !0
+              }
+            )
+          ] })
+        ] }) })
+      ] }, t.id)) })
     ] }) }),
-    O && /* @__PURE__ */ t(de, { spinning: p, children: /* @__PURE__ */ t(
-      Se,
+    S && /* @__PURE__ */ e(q, { spinning: d, children: /* @__PURE__ */ e(
+      ee,
       {
         title: "Remove Product",
         description: "Are you sure, you want to remove this order product for returns?",
-        actions: /* @__PURE__ */ t(
-          Ae,
+        actions: /* @__PURE__ */ e(
+          te,
           {
             cancelLabel: "Cancel",
-            onCancel: M,
-            completeLabel: p ? "REMOVING..." : "Confirm",
-            isDisabled: p,
-            onComplete: j
+            onCancel: I,
+            completeLabel: d ? "REMOVING..." : "Confirm",
+            isDisabled: d,
+            onComplete: D
           }
         )
       }
     ) })
   ] });
-}, ye = i.div`
+}, Y = n.div`
+  @media screen and (max-width: 768px) {
+    .orderProductTable {
+      overflow: visible;
+      max-width: 100%;
+
+      table,
+      thead,
+      tbody {
+        display: block;
+        width: 100%;
+        min-width: 0;
+      }
+
+      thead tr {
+        display: flex;
+        align-items: center;
+        margin-bottom: 8px;
+      }
+      thead th {
+        display: none;
+      }
+      thead th.emailproductsCheckbox {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: auto;
+        &::after {
+          content: 'Select all';
+          font-size: 13px;
+          font-weight: 600;
+          color: #3a3630;
+        }
+      }
+
+      tr.product-row {
+        display: block;
+        margin-bottom: 12px;
+        padding: 10px 12px;
+        border: 1px solid #e3e3e3;
+        border-radius: 12px;
+        background: #fff;
+        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      }
+
+      tr.product-row td {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        gap: 12px;
+        width: 100%;
+        box-sizing: border-box;
+        padding: 8px 0;
+        border: 0;
+        border-bottom: 1px solid #f0f2f2;
+        text-align: right;
+        word-break: break-word;
+      }
+      tr.product-row td:last-child {
+        border-bottom: 0;
+        justify-content: flex-end;
+      }
+      tr.product-row td[data-label]::before {
+        content: attr(data-label);
+        flex: 0 0 38%;
+        text-align: left;
+        font-size: 12px;
+        font-weight: 600;
+        text-transform: uppercase;
+        color: #6a7378;
+      }
+      tr.product-row td ul {
+        margin: 0;
+        text-align: right;
+      }
+
+      /* loading / empty rows and the N/S expanded row */
+      tbody > tr:not(.product-row),
+      tbody > tr:not(.product-row) td,
+      tbody > td {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+      }
+    }
+  }
+`, Z = n.div`
   display: flex;
   width: 100%;
   padding: 5px 10px;
@@ -264,6 +287,15 @@ const Be = (a) => {
   background: rgb(248, 250, 252);
   margin-bottom: 14px;
 
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    align-items: stretch;
+    box-sizing: border-box;
+    .left-end {
+      display: none;
+    }
+  }
+
   .left {
     display: flex;
     padding-right: 10px;
@@ -295,6 +327,12 @@ const Be = (a) => {
     gap: 30px;
     flex: 1 0 0;
 
+    @media screen and (max-width: 768px) {
+      flex-direction: column;
+      align-items: stretch;
+      gap: 10px;
+    }
+
     input {
       display: flex;
       height: 28px;
@@ -307,121 +345,13 @@ const Be = (a) => {
       background: #fff;
     }
   }
-`, ve = i.tr`
-  > td {
-    padding: 0;
-    border: none;
-  }
-
-  /*
-    Spec: the No Pallet ID group must be separated from the palletised groups by
-    a divider line. Neutral rule only — the rows themselves keep their normal
-    background, and the header keeps the same design as the pallet headers.
-  */
-  &.no-pallet > td {
-    border-top: 1px solid #c9c6c1;
-    padding-top: 10px;
-  }
-`, _e = i.div`
-  /*
-    The library Checkbox renders its real <input> as position:absolute with no
-    offsets, so it needs a positioned ancestor or the click target drifts away
-    from the visible box as the table scrolls. The shared table CSS happens to
-    position td already; pinning it here too so this does not depend on that.
-  */
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 8px 12px;
-  border: 1px solid #e2e0db;
-  border-radius: 6px;
-  background: #f1f5f9;
-  font-family: 'Roboto', sans-serif;
-  font-size: 13px;
-  font-weight: 500;
-  color: #3a3630;
-
-  &:hover {
-    background: #e7edf4;
-  }
-
-`, Ce = i.button`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex: 1;
-  padding: 0;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-  font: inherit;
-  color: inherit;
-
-  &:disabled {
-    cursor: default;
-    /* Inert, but must not read as a greyed-out disabled control. */
-    opacity: 1;
-  }
-
-  .title {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-
-    strong {
-      font-weight: 700;
-      text-transform: none;
-      letter-spacing: 0;
-    }
-  }
-
-  .count {
-    color: #6a7378;
-    font-weight: 400;
-  }
-
-  .depot {
-    color: #888075;
-    font-weight: 400;
-    font-size: 12px;
-  }
-
-  .selected {
-    color: #0099ff;
-    font-weight: 600;
-    font-size: 12px;
-  }
-
-`, Pe = i.span`
-  display: inline-flex;
-  align-items: center;
-  transition: transform 0.15s ease-in-out;
-  transform: rotate(${(a) => a.$isExpanded ? "0deg" : "-90deg"});
-`, Ne = i.span`
-  margin-left: auto;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border: 1px solid #cbd5e1;
-  border-radius: 4px;
-  background: #fff;
-  font-size: 14px;
-  line-height: 1;
-  color: #475569;
-`, P = i(Y)`
+`, y = n(M)`
   &:disabled {
     background-color: gray;
     cursor: not-allowed;
     opacity: -0.4;
   }
-`, Se = i(Z)`
+`, ee = n(z)`
   div {
     & > div > div:first-child {
       padding: 8px !important;
@@ -431,11 +361,12 @@ const Be = (a) => {
     width: 28px !important;
     height: 28px !important;
   }
-`, Ae = i(ee)`
+`, te = n(L)`
   justify-content: center;
 `;
 export {
-  ye as NSWrapper,
-  Be as default
+  Y as MobileTableRoot,
+  Z as NSWrapper,
+  xe as default
 };
 //# sourceMappingURL=ReturnProductTable.js.map