@caseparts-org/caseblocks 0.0.206 → 0.0.208

package/dist/molecules/Cart/CartPart.stories.js

@@ -1,8 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import { CartPart as a } from "./CartPart.js";
-const r = {
+import { jsx as i } from "react/jsx-runtime";
+import { CartPart as t } from "./CartPart.js";
+const a = {
+  MPK: { Unreserved: 5, Available: 5 },
+  SEA: { Unreserved: 3, Available: 3 },
+  STL: { Unreserved: 8, Available: 8 }
+}, n = {
   title: "Case Parts/Molecules/CartPart",
-  component: a,
+  component: t,
   parameters: {
     layout: "centered"
   },
@@ -18,10 +22,9 @@ const r = {
     model: "SP-48-12-SM",
     serial: "1-85266899",
     custom: !1,
-    availabilityId: "available",
+    availabilityId: "in-stock",
     availability: "In Stock",
-    contactHref: "#",
-    contactLinkBehavior: "new-tab",
+    inventory: a,
     priceLabel: "List Price",
     price: "$99.99",
     quantity: 1,
@@ -35,38 +38,45 @@ const r = {
       alert("Edit Unit");
     }
   }
-}, n = {
-  render: (i) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(a, { ...i }) }) })
 }, d = {
+  render: (e) => /* @__PURE__ */ i("div", { style: { width: 360 }, children: /* @__PURE__ */ i("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ i(t, { ...e }) }) })
+}, s = {
   args: {
     title: "Custom-Molded Snap-In Magnetic Gasket",
     partNumber: 'MG064 36" x 79" 3-Sided Dart-to-Dart Gasket',
     custom: !0,
-    availabilityId: "contact",
+    availabilityId: "discontinued",
     availability: "Contact us for availability",
+    inventory: {},
     price: "$129.99"
   },
-  render: (i) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(a, { ...i }) }) })
-}, s = {
+  render: (e) => /* @__PURE__ */ i("div", { style: { width: 360 }, children: /* @__PURE__ */ i("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ i(t, { ...e }) }) })
+}, o = {
   args: {
     availabilityId: void 0,
     availability: void 0,
+    inventory: {},
     price: "$99.99"
   },
-  render: (i) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(a, { ...i }) }) })
-}, o = {
+  render: (e) => /* @__PURE__ */ i("div", { style: { width: 360 }, children: /* @__PURE__ */ i("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ i(t, { ...e }) }) })
+}, c = {
   args: {
     availabilityId: "limited",
     availability: "Discontinued - limited stock",
+    inventory: {
+      MPK: { Unreserved: 1, Available: 1 },
+      SEA: { Unreserved: 0, Available: 0 },
+      STL: { Unreserved: 1, Available: 1 }
+    },
     quantity: 2,
     maxQuantity: 2
   },
-  render: (i) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(a, { ...i }) }) })
+  render: (e) => /* @__PURE__ */ i("div", { style: { width: 360 }, children: /* @__PURE__ */ i("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ i(t, { ...e }) }) })
 };
 export {
-  n as Basic,
-  d as CustomSpecs,
-  o as MaxQuantityCapped,
-  s as WithoutAvailability,
-  r as default
+  d as Basic,
+  s as CustomSpecs,
+  c as MaxQuantityCapped,
+  o as WithoutAvailability,
+  n as default
 };

package/dist/molecules/Cart/CartSlideInPanel.d.ts

@@ -1,4 +1,3 @@
-import { ContactUsLinkBehavior } from '../Availability/Availability';
 import { CartItem, ShoppingCart } from './Cart';
 export interface CartSlideInPanelProps {
     open: boolean;
@@ -6,8 +5,6 @@ export interface CartSlideInPanelProps {
     cart: ShoppingCart;
     subtotal?: string;
     itemPriceLabel?: string;
-    contactHref?: string;
-    contactLinkBehavior?: ContactUsLinkBehavior;
     onItemQtyChange: (_item: CartItem, _newQty: number) => void;
     onItemDelete: (_item: CartItem) => void;
     onUnitEditClick?: (_item: CartItem) => void;
@@ -15,4 +12,4 @@ export interface CartSlideInPanelProps {
     requiresUnitDetails?: boolean;
     onCheckout: () => void;
 }
-export declare function CartSlideInPanel({ open, onClose, cart, subtotal, itemPriceLabel, contactHref, contactLinkBehavior, onItemQtyChange, onItemDelete, onUnitEditClick, onItemNavigate, requiresUnitDetails, onCheckout }: CartSlideInPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartSlideInPanel({ open, onClose, cart, subtotal, itemPriceLabel, onItemQtyChange, onItemDelete, onUnitEditClick, onItemNavigate, requiresUnitDetails, onCheckout }: CartSlideInPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Cart/CartSlideInPanel.js

@@ -1,28 +1,26 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import { SlideInPanel as z } from "../../atoms/SlideInPanel/SlideInPanel.js";
+import { SlideInPanel as v } from "../../atoms/SlideInPanel/SlideInPanel.js";
 import { Text as l } from "../../atoms/Text/Text.js";
 import { Button as h } from "../../atoms/Button/Button.js";
 import { Icon as u } from "../../atoms/Icon/Icon.js";
-import { CartPart as C } from "./CartPart.js";
+import { CartPart as x } from "./CartPart.js";
 import { s as t } from "../../Cart.module-CqE2A_OG.js";
-function w({
+function S({
   open: p,
   onClose: s,
   cart: a,
   subtotal: n,
   itemPriceLabel: y,
-  contactHref: f,
-  contactLinkBehavior: g,
-  onItemQtyChange: b,
-  onItemDelete: k,
+  onItemQtyChange: f,
+  onItemDelete: g,
   onUnitEditClick: d,
   onItemNavigate: m,
-  requiresUnitDetails: v = !1,
+  requiresUnitDetails: b = !1,
   onCheckout: o
 }) {
   var c;
   return a = a || { items: [] }, /* @__PURE__ */ i(
-    z,
+    v,
     {
       side: "right",
       open: p,
@@ -54,7 +52,7 @@ function w({
           }
         ),
         /* @__PURE__ */ i("div", { className: t.cartItems, children: a.items.length > 0 ? /* @__PURE__ */ i("ul", { children: a.items.map((e) => /* @__PURE__ */ i(
-          C,
+          x,
           {
             imageUrl: e.imageUrl,
             imageAlt: `${e.itemId} product image`,
@@ -69,16 +67,14 @@ function w({
             custom: !!e.custom,
             availabilityId: e.availabilityId,
             availability: e.availability,
-            contactHref: f,
-            contactLinkBehavior: g,
             price: e.price,
             priceLabel: y || "List Price",
             quantity: e.quantity,
             maxQuantity: e.maxQuantity,
-            onQuantityChange: (x) => b(e, x),
-            onRemove: () => k(e),
+            onQuantityChange: (k) => f(e, k),
+            onRemove: () => g(e),
             onUnitEditClick: d ? () => d(e) : void 0,
-            requiresUnitDetails: v
+            requiresUnitDetails: b
           },
           `${e.id}-${e.make ?? ""}-${e.model ?? ""}-${e.serial ?? ""}`
         )) }) : /* @__PURE__ */ i("div", { className: t.noItems, children: /* @__PURE__ */ i(l, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
@@ -102,5 +98,5 @@ function w({
   );
 }
 export {
-  w as CartSlideInPanel
+  S as CartSlideInPanel
 };

package/dist/organisms/MainNav/MainNav.stories.js

@@ -3,8 +3,8 @@ import { useState as y } from "react";
 import { MainNav as m } from "./MainNav.js";
 import { Text as s } from "../../atoms/Text/Text.js";
 import { Link as u } from "../../atoms/Link/Link.js";
-import { Button as h } from "../../atoms/Button/Button.js";
-import { CartSlideInPanel as p } from "../../molecules/Cart/CartSlideInPanel.js";
+import { Button as p } from "../../atoms/Button/Button.js";
+import { CartSlideInPanel as h } from "../../molecules/Cart/CartSlideInPanel.js";
 const q = {
   title: "Case Parts/Organisms/MainNav",
   component: m,
@@ -122,7 +122,7 @@ const q = {
     { id: 12, itemId: "1092-02", description: "Kason Door Closer - Offset", price: "$99.99", quantity: 1, imageUrl: a, availability: "In Stock", availabilityId: "available" }
   ]
 };
-function v(e) {
+function C(e) {
   return `$${e.items.reduce(
     (i, o) => i + (parseFloat(o.price.replace(/[^0-9.]/g, "")) || 0) * o.quantity,
     0
@@ -133,7 +133,7 @@ const d = /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "c
   /* @__PURE__ */ t(s, { size: "xs", children: "Signed in as Ringo" }),
   /* @__PURE__ */ t(u, { href: "/account", "data-popover-close": "true", children: "View Account" }),
   /* @__PURE__ */ t(u, { href: "/orders", "data-popover-close": "true", children: "Order History" }),
-  /* @__PURE__ */ t(h, { size: "sm", variant: "secondary", "data-popover-close": "true", onClick: () => alert("Sign out"), children: "Sign Out" })
+  /* @__PURE__ */ t(p, { size: "sm", variant: "secondary", "data-popover-close": "true", onClick: () => alert("Sign out"), children: "Sign Out" })
 ] }), n = (e) => {
   const [c, i] = y(!1);
   return /* @__PURE__ */ b(g, { children: [
@@ -146,15 +146,13 @@ const d = /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "c
       }
     ),
     /* @__PURE__ */ t(
-      p,
+      h,
       {
         open: c,
         onClose: () => i(!1),
         cart: e.cart,
-        subtotal: v(e.cart),
+        subtotal: C(e.cart),
         itemPriceLabel: "List Price",
-        contactHref: e.contactRoute,
-        contactLinkBehavior: "new-tab",
         onItemQtyChange: () => alert("Qty Change"),
         onItemDelete: () => alert("Delete"),
         onCheckout: () => alert("checkout")

package/dist/organisms/Product/Product.d.ts

@@ -25,4 +25,4 @@ export interface ProductProps extends AvailabilityProps {
     requiresUnitDetails?: boolean;
     maxQuantity?: number;
 }
-export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, attributes, className, onAddToCart, onClose, flat, size, showQuantity, onLinkClicked, requiresUnitDetails, maxQuantity, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;
+export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, inventory, productHref, priceLabel, price, imgSrc, attributes, className, onAddToCart, onClose, flat, size, showQuantity, onLinkClicked, requiresUnitDetails, maxQuantity, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Product/Product.js

@@ -1,101 +1,100 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Image as R } from "../../atoms/Image/Image.js";
-import { Link as $ } from "../../atoms/Link/Link.js";
-import { Text as n } from "../../atoms/Text/Text.js";
-import { Availability as P } from "../../molecules/Availability/Availability.js";
-import { Pricing as j } from "../../molecules/Pricing/Pricing.js";
-import { AddToCart as D } from "../../molecules/AddToCart/AddToCart.js";
-import { Icon as F } from "../../atoms/Icon/Icon.js";
-import { c as V } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Product.css';const G = "_productCard_nx8r7_3", J = "_sm_nx8r7_15", M = "_productInformation_nx8r7_25", O = "_purchaseInformation_nx8r7_32", W = "_addToCart_nx8r7_40", X = "_addToCartButton_nx8r7_43", Y = "_partNumber_nx8r7_53", Z = "_partNumberLabel_nx8r7_60", q = "_productTile_nx8r7_64", U = "_topRow_nx8r7_83", y = "_productData_nx8r7_114", H = "_purchase_nx8r7_32", K = "_attributeContainer_nx8r7_151", L = "_elevated_nx8r7_199", Q = "_noImage_nx8r7_205", r = {
-  productCard: G,
-  sm: J,
-  productInformation: M,
-  purchaseInformation: O,
-  addToCart: W,
-  addToCartButton: X,
-  partNumber: Y,
-  partNumberLabel: Z,
-  productTile: q,
-  topRow: U,
-  productData: y,
-  purchase: H,
-  attributeContainer: K,
-  elevated: L,
-  noImage: Q
+import { Image as A } from "../../atoms/Image/Image.js";
+import { Link as R } from "../../atoms/Link/Link.js";
+import { Text as d } from "../../atoms/Text/Text.js";
+import { Availability as $ } from "../../molecules/Availability/Availability.js";
+import { Pricing as P } from "../../molecules/Pricing/Pricing.js";
+import { AddToCart as j } from "../../molecules/AddToCart/AddToCart.js";
+import { Icon as E } from "../../atoms/Icon/Icon.js";
+import { c as D } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Product.css';const F = "_productCard_nx8r7_3", G = "_sm_nx8r7_15", J = "_productInformation_nx8r7_25", M = "_purchaseInformation_nx8r7_32", O = "_addToCart_nx8r7_40", W = "_addToCartButton_nx8r7_43", X = "_partNumber_nx8r7_53", Y = "_partNumberLabel_nx8r7_60", Z = "_productTile_nx8r7_64", q = "_topRow_nx8r7_83", H = "_productData_nx8r7_114", U = "_purchase_nx8r7_32", L = "_attributeContainer_nx8r7_151", y = "_elevated_nx8r7_199", K = "_noImage_nx8r7_205", r = {
+  productCard: F,
+  sm: G,
+  productInformation: J,
+  purchaseInformation: M,
+  addToCart: O,
+  addToCartButton: W,
+  partNumber: X,
+  partNumberLabel: Y,
+  productTile: Z,
+  topRow: q,
+  productData: H,
+  purchase: U,
+  attributeContainer: L,
+  elevated: y,
+  noImage: K
 };
 function nr({
-  productView: E,
+  productView: V,
   itemKey: c,
   partNumber: s,
   productDescription: h,
   availDescription: x,
   availId: m,
-  contactHref: b,
-  contactLinkBehavior: N,
-  productHref: f,
-  priceLabel: T,
+  inventory: b,
+  productHref: N,
+  priceLabel: f,
   price: l,
-  imgSrc: d,
+  imgSrc: e,
   attributes: p,
-  className: g,
-  onAddToCart: C,
-  onClose: v,
-  flat: I,
+  className: T,
+  onAddToCart: g,
+  onClose: C,
+  flat: v,
   size: a = "md",
   showQuantity: _ = !0,
-  onLinkClicked: e,
-  requiresUnitDetails: w = !1,
-  maxQuantity: B,
-  ...A
+  onLinkClicked: n,
+  requiresUnitDetails: I = !1,
+  maxQuantity: w,
+  ...B
 }) {
   const u = a === "sm" ? "xs" : "sm";
-  return E === "Card" ? /* @__PURE__ */ o(
+  return V === "Card" ? /* @__PURE__ */ o(
     "div",
     {
-      className: V(
+      className: D(
         r.productCard,
         a && r[a],
-        g,
-        !I && r.elevated,
-        !d && r.noImage
+        T,
+        !v && r.elevated,
+        !e && r.noImage
       ),
-      ...A,
+      ...B,
       children: [
-        d && /* @__PURE__ */ t(
-          R,
+        e && /* @__PURE__ */ t(
+          A,
           {
-            src: d,
+            src: e,
             alt: `${s} product image`,
             height: a === "sm" ? 78 : 96,
             width: a === "sm" ? 78 : 96
           }
         ),
         /* @__PURE__ */ o("div", { className: r.productInformation, children: [
-          /* @__PURE__ */ t($, { onClick: () => e == null ? void 0 : e(c), size: a, href: f || "#", children: h }),
+          /* @__PURE__ */ t(R, { onClick: () => n == null ? void 0 : n(c), size: a, href: N || "#", children: h }),
           /* @__PURE__ */ o("div", { className: r.partNumber, children: [
-            /* @__PURE__ */ t(n, { size: u, className: r.partNumberLabel, children: "Part #" }),
-            /* @__PURE__ */ t(n, { size: u, weight: "semibold", children: s })
+            /* @__PURE__ */ t(d, { size: u, className: r.partNumberLabel, children: "Part #" }),
+            /* @__PURE__ */ t(d, { size: u, weight: "semibold", children: s })
           ] })
         ] }),
         /* @__PURE__ */ o("div", { className: r.purchaseInformation, children: [
           m && /* @__PURE__ */ t(
-            P,
+            $,
             {
               availId: m,
               availDescription: x,
-              contactHref: b,
-              contactLinkBehavior: N
+              inventory: b,
+              enableTooltip: !0
             }
           ),
-          l && /* @__PURE__ */ t(j, { pricingLabel: T, price: l })
+          l && /* @__PURE__ */ t(P, { pricingLabel: f, price: l })
         ] }),
         /* @__PURE__ */ t(
-          D,
+          j,
           {
             itemKey: c,
-            onAdd: C,
-            max: B,
+            onAdd: g,
+            max: w,
             className: r.addToCart,
             addButtonClassName: r.addToCartButton,
             addButtonVariant: _ ? "cta-primary" : "secondary",
@@ -103,22 +102,22 @@ function nr({
             buttonDoneText: "",
             buttonText: _ ? "Add" : "Add to Cart",
             showQuantity: _,
-            requiresUnitDetails: w
+            requiresUnitDetails: I
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ o("div", { className: V(
+  ) : /* @__PURE__ */ o("div", { className: D(
     r.productTile,
-    g,
+    T,
     a && r[a],
-    !I && r.elevated,
-    !d && r.noImage
-  ), ...A, children: [
-    d && /* @__PURE__ */ t(
-      R,
+    !v && r.elevated,
+    !e && r.noImage
+  ), ...B, children: [
+    e && /* @__PURE__ */ t(
+      A,
       {
-        src: d,
+        src: e,
         alt: `${s} product image`,
         height: a === "sm" ? 86 : 108,
         width: a === "sm" ? 86 : 108
@@ -127,35 +126,35 @@ function nr({
     /* @__PURE__ */ o("div", { className: r.productData, children: [
       /* @__PURE__ */ o("div", { className: r.topRow, children: [
         /* @__PURE__ */ o("div", { className: r.productInformation, children: [
-          /* @__PURE__ */ t($, { onClick: () => e == null ? void 0 : e(c), size: a, href: f || "#", children: h }),
+          /* @__PURE__ */ t(R, { onClick: () => n == null ? void 0 : n(c), size: a, href: N || "#", children: h }),
           /* @__PURE__ */ o("div", { className: r.partNumber, children: [
-            /* @__PURE__ */ t(n, { size: u, className: r.partNumberLabel, children: "Part #" }),
-            /* @__PURE__ */ t(n, { size: u, weight: "semibold", children: s })
+            /* @__PURE__ */ t(d, { size: u, className: r.partNumberLabel, children: "Part #" }),
+            /* @__PURE__ */ t(d, { size: u, weight: "semibold", children: s })
           ] })
         ] }),
-        v && /* @__PURE__ */ t("button", { onClick: () => v(c), children: /* @__PURE__ */ t(F, { size: "sm", iconKey: "fa-light fa-xmark" }) })
+        C && /* @__PURE__ */ t("button", { onClick: () => C(c), children: /* @__PURE__ */ t(E, { size: "sm", iconKey: "fa-light fa-xmark" }) })
       ] }),
       /* @__PURE__ */ o("div", { className: r.purchase, children: [
         /* @__PURE__ */ o("div", { className: r.purchaseInformation, children: [
           m && /* @__PURE__ */ t(
-            P,
+            $,
             {
               availId: m,
               availDescription: x,
-              contactHref: b,
-              contactLinkBehavior: N
+              inventory: b,
+              enableTooltip: !0
             }
           ),
-          l && /* @__PURE__ */ t(j, { pricingLabel: T, price: l })
+          l && /* @__PURE__ */ t(P, { pricingLabel: f, price: l })
         ] }),
-        /* @__PURE__ */ t(D, { size: a, itemKey: c, onAdd: C, max: B, className: r.addToCart, addButtonClassName: r.addToCartButton, requiresUnitDetails: w })
+        /* @__PURE__ */ t(j, { size: a, itemKey: c, onAdd: g, max: w, className: r.addToCart, addButtonClassName: r.addToCartButton, requiresUnitDetails: I })
       ] }),
       p && p.length > 0 && /* @__PURE__ */ t("ul", { className: r.attributeContainer, children: p.map((i) => /* @__PURE__ */ o("li", { children: [
-        /* @__PURE__ */ o(n, { size: "xs", weight: "light", children: [
+        /* @__PURE__ */ o(d, { size: "xs", weight: "light", children: [
           i.label,
           ":"
         ] }),
-        /* @__PURE__ */ t(n, { size: "xs", weight: "semibold", children: i.value })
+        /* @__PURE__ */ t(d, { size: "xs", weight: "semibold", children: i.value })
       ] }, `${i.label}.${i.value}`)) })
     ] })
   ] });

package/dist/organisms/Product/Product.stories.d.ts

@@ -29,17 +29,6 @@ declare const meta: {
             control: "text";
             description: string;
         };
-        contactHref: {
-            control: "text";
-            description: string;
-        };
-        contactLinkBehavior: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-            description: string;
-        };
         productDescription: {
             control: "text";
         };

package/dist/organisms/Product/Product.stories.js

@@ -23,22 +23,13 @@ const i = [
     },
     availId: {
       control: { type: "select" },
-      options: ["available", "limited", "unavailable", "contact"],
+      options: ["in-stock", "available", "limited", "discontinued", "not-found"],
       description: "Availability variant"
     },
     availDescription: {
       control: "text",
       description: "Availability text"
     },
-    contactHref: {
-      control: "text",
-      description: "Contact link (only for contact variant)"
-    },
-    contactLinkBehavior: {
-      control: { type: "inline-radio" },
-      options: ["same-tab", "new-tab"],
-      description: "Contact link target behavior"
-    },
     productDescription: { control: "text" },
     productHref: { control: "text" },
     partNumber: { control: "text" },
@@ -65,8 +56,6 @@ const i = [
     productHref: "https://mobiledev.caseparts.com/part/1092-01/Kason-1092-Hydraulic-Door-Closer",
     availId: "available",
     availDescription: "In stock",
-    contactHref: "https://dev.caseparts.com/account/contactus",
-    contactLinkBehavior: "new-tab",
     priceLabel: "List Price",
     price: "$129.99",
     imgSrc: "https://dev.caseparts.com/graphics/photos/R-23_IMG_2009.png",
@@ -90,18 +79,16 @@ const i = [
     availId: "limited",
     availDescription: "Limited stock"
   }
-}, c = {
+}, s = {
   args: {
-    availId: "unavailable",
+    availId: "not-found",
     availDescription: "Out of stock",
     priceLabel: "Last Known"
   }
-}, s = {
+}, c = {
   args: {
-    availId: "contact",
-    availDescription: "Contact for availability",
-    contactLinkBehavior: "new-tab",
-    contactHref: "https://dev.caseparts.com/account/contactus"
+    availId: "available",
+    availDescription: "Contact for availability"
   }
 }, d = {
   args: {
@@ -118,12 +105,12 @@ const i = [
     productView: "Card",
     imgSrc: void 0
   }
-}, v = {
+}, m = {
   args: {
     productView: "Tile",
     flat: !0
   }
-}, m = {
+}, v = {
   args: {
     productView: "Card",
     imgSrc: void 0,
@@ -145,16 +132,16 @@ const i = [
   }
 };
 export {
-  s as ContactForAvailability,
+  c as ContactForAvailability,
   l as Default,
   p as DifferentPriceLabel,
-  v as FlatTile,
+  m as FlatTile,
   n as LimitedStock,
   b as MaxQuantityCard,
   y as MaxQuantityTile,
   u as NoImageCard,
-  m as NoImageFlatCard,
+  v as NoImageFlatCard,
   d as TileView,
-  c as Unavailable,
+  s as Unavailable,
   r as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.206",
+  "version": "0.0.208",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",