@caseparts-org/caseblocks 0.0.170 → 0.0.172

package/dist/molecules/Cart/CartSlideInPanel.js

@@ -1,74 +1,76 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import { SlideInPanel as b } from "../../atoms/SlideInPanel/SlideInPanel.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { SlideInPanel as g } from "../../atoms/SlideInPanel/SlideInPanel.js";
 import { Text as l } from "../../atoms/Text/Text.js";
-import { Button as f } from "../../atoms/Button/Button.js";
-import { Icon as v } from "../../atoms/Icon/Icon.js";
-import { CartPart as I } from "./CartPart.js";
-import { s as a } from "../../Cart.module-DzPBP5QJ.js";
-function q({
+import { Button as v } from "../../atoms/Button/Button.js";
+import { Icon as C } from "../../atoms/Icon/Icon.js";
+import { CartPart as x } from "./CartPart.js";
+import { s as t } from "../../Cart.module-DzPBP5QJ.js";
+function B({
   open: o,
-  onClose: m,
-  cart: t,
+  onClose: s,
+  cart: r,
   subtotal: n,
-  itemPriceLabel: d,
-  contactHref: c,
-  contactLinkBehavior: h,
-  onItemQtyChange: p,
-  onItemDelete: u,
-  onCheckout: y
+  itemPriceLabel: c,
+  contactHref: h,
+  contactLinkBehavior: p,
+  onItemQtyChange: u,
+  onItemDelete: y,
+  onItemNavigate: m,
+  onCheckout: b
 }) {
-  var s;
-  return t = t || { items: [] }, /* @__PURE__ */ i(
-    b,
+  var d;
+  return r = r || { items: [] }, /* @__PURE__ */ i(
+    g,
     {
       side: "right",
       open: o,
-      onClose: m,
+      onClose: s,
       ariaLabel: "Shopping Cart",
-      children: /* @__PURE__ */ r("div", { id: "cart-panel", className: a.cartContainer, children: [
-        /* @__PURE__ */ r("div", { className: a.headerWrapper, children: [
-          /* @__PURE__ */ r("div", { className: a.header, children: [
+      children: /* @__PURE__ */ a("div", { id: "cart-panel", className: t.cartContainer, children: [
+        /* @__PURE__ */ a("div", { className: t.headerWrapper, children: [
+          /* @__PURE__ */ a("div", { className: t.header, children: [
             /* @__PURE__ */ i(l, { size: "2xl", children: "Cart" }),
-            /* @__PURE__ */ r(l, { size: "xs", colorToken: "quaternary", children: [
-              (s = t == null ? void 0 : t.items) == null ? void 0 : s.length,
+            /* @__PURE__ */ a(l, { size: "xs", colorToken: "quaternary", children: [
+              (d = r == null ? void 0 : r.items) == null ? void 0 : d.length,
               " items in your cart"
             ] })
           ] }),
-          /* @__PURE__ */ i("button", { onClick: m, children: /* @__PURE__ */ i(v, { iconKey: "fa-regular fa-xmark", size: "md" }) })
+          /* @__PURE__ */ i("button", { onClick: s, children: /* @__PURE__ */ i(C, { iconKey: "fa-regular fa-xmark", size: "md" }) })
         ] }),
-        /* @__PURE__ */ i("div", { className: a.cartItems, children: t.items.length > 0 ? /* @__PURE__ */ i("ul", { children: t.items.map((e) => /* @__PURE__ */ i(
-          I,
+        /* @__PURE__ */ i("div", { className: t.cartItems, children: r.items.length > 0 ? /* @__PURE__ */ i("ul", { children: r.items.map((e) => /* @__PURE__ */ i(
+          x,
           {
             imageUrl: e.imageUrl,
             imageAlt: `${e.itemId} product image`,
             title: e.description,
             titleHref: e.itemHref || `/part/${e.itemId}`,
+            onTitleNavigate: () => m == null ? void 0 : m(e),
             partNumber: e.itemId,
             custom: !!e.custom,
             availabilityId: e.availabilityId,
             availability: e.availability,
-            contactHref: c,
-            contactLinkBehavior: h,
+            contactHref: h,
+            contactLinkBehavior: p,
             price: e.price,
-            priceLabel: d || "List Price",
+            priceLabel: c || "List Price",
             quantity: e.quantity,
-            onQuantityChange: (g) => p(e, g),
-            onRemove: () => u(e)
+            onQuantityChange: (f) => u(e, f),
+            onRemove: () => y(e)
           },
           e.id
-        )) }) : /* @__PURE__ */ i("div", { className: a.noItems, children: /* @__PURE__ */ i(l, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
-        n && /* @__PURE__ */ r("div", { className: a.subtotal, children: [
+        )) }) : /* @__PURE__ */ i("div", { className: t.noItems, children: /* @__PURE__ */ i(l, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
+        n && /* @__PURE__ */ a("div", { className: t.subtotal, children: [
           /* @__PURE__ */ i(l, { size: "md", weight: "semibold", children: "Subtotal" }),
           /* @__PURE__ */ i(l, { size: "md", weight: "semibold", children: n })
         ] }),
         /* @__PURE__ */ i(
-          f,
+          v,
           {
-            disabled: t.items.length === 0,
-            onClick: y,
+            disabled: r.items.length === 0,
+            onClick: b,
             variant: "cta-primary",
             size: "md",
-            className: a.checkoutButton,
+            className: t.checkoutButton,
             children: "Checkout"
           }
         )
@@ -77,5 +79,5 @@ function q({
   );
 }
 export {
-  q as CartSlideInPanel
+  B as CartSlideInPanel
 };