trimble-terra 1.1.8 → 1.1.9-beta.2

package/dist/src/component/CreditsTracker/CreditsTracker.css

@@ -0,0 +1 @@
+.t2-credits-tracker{position:relative;display:flex;align-items:center;height:48px;max-width:240px;border:1px solid #585c65;border-radius:10px}.t2-credits-tracker--invalid{border-color:#ac151d}.t2-credits-tracker__error{font-size:12px;line-height:16px;margin:0 0 24px;color:#ac151d;max-width:240px}.t2-credits-tracker__error strong{font-weight:700!important}.t2-credits-tracker__input{flex:1;width:100%;height:100%;border:none;outline:none;text-align:center;font-size:16px;font-weight:600;color:#252a2e;background:transparent;padding:0 40px}.t2-credits-tracker__input::-webkit-outer-spin-button,.t2-credits-tracker__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.t2-credits-tracker__input:disabled{cursor:not-allowed;color:#a3a6b1}.t2-credits-tracker__button{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:100%;padding:0;background:transparent;border:none;color:#252a2e;cursor:pointer}.t2-credits-tracker__button--decrease{left:8px}.t2-credits-tracker__button--increase{right:8px}.t2-credits-tracker__button[disabled]{color:#a3a6b1;cursor:not-allowed}

package/dist/src/component/CreditsTracker/CreditsTracker.d.ts

@@ -0,0 +1,18 @@
+export interface CreditsTrackerProps {
+    minimumQuantity: number;
+    maximumQuantity: number;
+    incrementRate: number;
+    credits?: number;
+    onCreditsChange?: (credits: number) => void;
+    locale?: string | string[];
+    inputId?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    className?: string;
+    invalidNumberLabel?: string;
+    belowMinimumLabel?: string;
+    aboveMaximumLabel?: string;
+}
+declare const CreditsTracker: ({ minimumQuantity, maximumQuantity, incrementRate, credits, onCreditsChange, locale, inputId, ariaLabel, disabled, className, invalidNumberLabel, belowMinimumLabel, aboveMaximumLabel, }: CreditsTrackerProps) => import("react/jsx-runtime").JSX.Element;
+export default CreditsTracker;
+//# sourceMappingURL=CreditsTracker.d.ts.map

package/dist/src/component/CreditsTracker/CreditsTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsTracker.d.ts","sourceRoot":"","sources":["../../../../src/component/CreditsTracker/CreditsTracker.tsx"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAA;AAE9B,MAAM,WAAW,mBAAmB;IAClC,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,QAAA,MAAM,cAAc,GAAI,2LAcrB,mBAAmB,4CAwKrB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/src/component/CreditsTracker/CreditsTracker.js

@@ -0,0 +1,115 @@
+import { jsxs as b, Fragment as E, jsx as t } from "react/jsx-runtime";
+import F, { useState as K } from "react";
+import './CreditsTracker.css';/* empty css                    */
+const z = ({
+  minimumQuantity: s,
+  maximumQuantity: c,
+  incrementRate: e,
+  credits: k,
+  onCreditsChange: u,
+  locale: C,
+  inputId: N,
+  ariaLabel: _,
+  disabled: p = !1,
+  className: v,
+  invalidNumberLabel: H,
+  belowMinimumLabel: M,
+  aboveMaximumLabel: V
+}) => {
+  const l = k ?? s, [o, g] = K(null), D = () => {
+    u?.(Math.max(s, l - e));
+  }, I = () => {
+    u?.(Math.min(c, l + e));
+  }, x = (r) => {
+    const n = r.currentTarget.value.replace(/[^0-9]/g, "");
+    g(n);
+  }, B = () => {
+    if (o === null) return;
+    const r = parseInt(o, 10), n = Number.isNaN(r) ? 0 : r, f = e > 0 ? Math.round(n / e) * e : n, d = Math.min(
+      c,
+      Math.max(s, f)
+    );
+    g(null), d !== l && u?.(d);
+  }, j = (r) => {
+    r.key === "Enter" && (r.preventDefault(), r.currentTarget.blur());
+  }, L = l.toLocaleString(C), S = o ?? L, h = (r, n) => {
+    if (!r) return null;
+    const f = n.toLocaleString(C);
+    return r.split(/(\{[^}]+\})/g).map((d, w) => /^\{[^}]+\}$/.test(d) ? /* @__PURE__ */ t("span", { children: f }, w) : /* @__PURE__ */ t(F.Fragment, { children: d }, w));
+  };
+  let i = !1, a = null;
+  if (o !== null && o !== "") {
+    const r = parseInt(o, 10);
+    Number.isNaN(r) || (r < s ? (i = !0, a = h(M, s)) : r > c ? (i = !0, a = h(V, c)) : e > 0 && r % e !== 0 && (i = !0, a = h(H, e)));
+  }
+  const T = [
+    "t2-credits-tracker",
+    i && "t2-credits-tracker--invalid",
+    v
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(E, { children: [
+    /* @__PURE__ */ b("div", { className: T, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "t2-credits-tracker__button t2-credits-tracker__button--decrease",
+          onClick: D,
+          disabled: p || l <= s,
+          "aria-label": "Decrease credits",
+          children: /* @__PURE__ */ t(
+            "svg",
+            {
+              width: "14",
+              height: "2",
+              viewBox: "0 0 14 2",
+              fill: "currentColor",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ t("path", { d: "M14 2H0V0H14V2Z", fill: "currentColor" })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          id: N,
+          type: "text",
+          inputMode: "numeric",
+          className: "t2-credits-tracker__input",
+          value: S,
+          onChange: x,
+          onBlur: B,
+          onKeyDown: j,
+          disabled: p,
+          "aria-label": _
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "t2-credits-tracker__button t2-credits-tracker__button--increase",
+          onClick: I,
+          disabled: p || l >= c,
+          "aria-label": "Increase credits",
+          children: /* @__PURE__ */ t(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "currentColor",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ t("path", { d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z", fill: "currentColor" })
+            }
+          )
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ t("p", { className: "t2-credits-tracker__error", role: "alert", children: a })
+  ] });
+};
+export {
+  z as default
+};

package/dist/src/component/FlyoutCart/FlyoutCart.css

@@ -1 +1 @@
-.t2-cart-flyout{background-color:#fff;height:100%;position:fixed;top:0;right:0;width:407px;z-index:600;transform:translate(100%);transition-property:transform;transition-duration:.5s;transition-delay:0ms;transition-timing-function:ease-in;box-shadow:0 0 8px #3635454d}@media screen and (max-width:600px){.t2-cart-flyout{width:100%;max-width:407px}}.t2-cart-flyout--deployed{transform:translate(0);transition-property:transform;transition-duration:.5s;transition-delay:0ms;transition-timing-function:ease-in}.t2-cart-flyout__modal{position:fixed;inset:0;z-index:5;background-color:#000;opacity:.3;display:none}.t2-cart-flyout__modal--deployed{display:block}@media screen and (max-width:600px){.t2-cart-flyout__modal--deployed{display:none}}.t2-cart-flyout__header{background-color:#0063a3;padding:24px}.t2-cart-flyout__header__title{font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;gap:10px;color:#fff;font-weight:700}.t2-cart-flyout__header__account{font-weight:600;font-size:1rem;line-height:1.5rem;font-weight:700;padding-left:32px;margin-top:8px;color:#fff}.t2-cart-flyout__header__account__link{font-size:.875rem;font-weight:600;color:#fff;display:flex;align-items:center}.t2-cart-flyout__header__account__link:active{font-weight:600}.t2-cart-flyout__header__close-btn{position:absolute;top:0;right:0;color:#fff;background:transparent;border:none;padding:24px}.t2-cart-flyout__header__close-btn:hover{cursor:pointer}.t2-cart-flyout__panel{background-color:#f1f1f6;height:100%;display:flex;flex-direction:column}.t2-cart-flyout__body{padding:16px 32px;background-color:#fff;flex-grow:1;overflow:auto}.t2-cart-flyout__notification{font-weight:600;font-size:1rem;line-height:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:16px}.t2-cart-flyout__notification__message{text-wrap:pretty}.t2-cart-flyout__notification--fadeout{opacity:0;transition:opacity .7s ease-out}.t2-cart-flyout__items__title{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__related-items{padding:56px 0}.t2-cart-flyout__related-items__title{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__empty{padding:0 0 8px;text-align:center;display:flex;flex-direction:column}.t2-cart-flyout__empty__title{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__empty__msg{font-weight:600;font-size:1rem;line-height:1.5rem;letter-spacing:.021px;padding:0 8px;text-wrap:balance}.t2-cart-flyout__empty__btn{justify-content:center}.t2-cart-flyout__footer{padding:24px}.t2-cart-flyout__footer__subtotal{display:flex;justify-content:space-between;align-items:center}.t2-cart-flyout__footer__subtotal__label{font-size:1rem;line-height:1.75rem;font-weight:700}.t2-cart-flyout__footer__subtotal__value{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__footer__footnote{font-size:.875rem;line-height:1.125rem}.t2-cart-flyout__buttons{display:flex;flex-direction:column;gap:24px;text-align:center;padding:24px 0}.t2-cart-flyout__buttons__button{max-width:100%!important;justify-content:center!important;max-width:none;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.t2-cart-flyout__buttons__button--primary{border:2px solid #0063a3;background-color:#0063a3;color:#fff}.t2-cart-flyout__buttons__button--primary:hover{border:2px solid #0063a3;background-color:#0e416c;border-color:#0e416c}.t2-cart-flyout__buttons__button--secondary{border:2px solid #0063a3;color:#0063a3;box-shadow:none}.t2-cart-flyout__buttons__button--secondary:hover{background-color:#0063a3;color:#fff;border:2px solid #0063a3}.t2-cart-flyout__close-btn{display:inline-block;color:#fff;padding:12px 20px}.t2-cart-flyout__close-btn:hover{cursor:pointer}
+.t2-cart-flyout{background-color:#fff;height:100%;position:fixed;top:0;right:0;width:407px;z-index:600;transform:translate(100%);transition-property:transform;transition-duration:.5s;transition-delay:0ms;transition-timing-function:ease-in;box-shadow:0 0 8px #3635454d}@media screen and (max-width:600px){.t2-cart-flyout{width:100%;max-width:407px}}.t2-cart-flyout--deployed{transform:translate(0);transition-property:transform;transition-duration:.5s;transition-delay:0ms;transition-timing-function:ease-in}.t2-cart-flyout__modal{position:fixed;inset:0;z-index:10;background-color:#000;opacity:.3;display:none}.t2-cart-flyout__modal--deployed{display:block}@media screen and (max-width:600px){.t2-cart-flyout__modal--deployed{display:none}}.t2-cart-flyout__header{background-color:#0063a3;padding:24px}.t2-cart-flyout__header__title{font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;gap:10px;color:#fff;font-weight:700}.t2-cart-flyout__header__account{font-weight:600;font-size:1rem;line-height:1.5rem;font-weight:700;padding-left:32px;margin-top:8px;color:#fff}.t2-cart-flyout__header__account__link{font-size:.875rem;font-weight:600;color:#fff;display:flex;align-items:center}.t2-cart-flyout__header__account__link:active{font-weight:600}.t2-cart-flyout__header__close-btn{position:absolute;top:0;right:0;color:#fff;background:transparent;border:none;padding:24px}.t2-cart-flyout__header__close-btn:hover{cursor:pointer}.t2-cart-flyout__panel{background-color:#f1f1f6;height:100%;display:flex;flex-direction:column}.t2-cart-flyout__body{padding:16px 32px;background-color:#fff;flex-grow:1;overflow:auto}.t2-cart-flyout__notification{font-weight:600;font-size:1rem;line-height:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:16px}.t2-cart-flyout__notification__message{text-wrap:pretty}.t2-cart-flyout__notification--fadeout{opacity:0;transition:opacity .7s ease-out}.t2-cart-flyout__items__title{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__related-items{padding:56px 0}.t2-cart-flyout__related-items__title{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__empty{padding:0 0 8px;text-align:center;display:flex;flex-direction:column}.t2-cart-flyout__empty__title{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__empty__msg{font-weight:600;font-size:1rem;line-height:1.5rem;letter-spacing:.021px;padding:0 8px;text-wrap:balance}.t2-cart-flyout__empty__btn{justify-content:center}.t2-cart-flyout__footer{padding:24px}.t2-cart-flyout__footer__subtotal{display:flex;justify-content:space-between;align-items:center}.t2-cart-flyout__footer__subtotal__label{font-size:1rem;line-height:1.75rem;font-weight:700}.t2-cart-flyout__footer__subtotal__value{font-size:1.5rem;line-height:2.25rem;font-weight:700}.t2-cart-flyout__footer__footnote{font-size:.875rem;line-height:1.125rem}.t2-cart-flyout__buttons{display:flex;flex-direction:column;gap:24px;text-align:center;padding:24px 0}.t2-cart-flyout__buttons__button{max-width:100%!important;justify-content:center!important;max-width:none;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.t2-cart-flyout__buttons__button--primary{border:2px solid #0063a3;background-color:#0063a3;color:#fff}.t2-cart-flyout__buttons__button--primary:hover{border:2px solid #0063a3;background-color:#0e416c;border-color:#0e416c}.t2-cart-flyout__buttons__button--secondary{border:2px solid #0063a3;color:#0063a3;box-shadow:none}.t2-cart-flyout__buttons__button--secondary:hover{background-color:#0063a3;color:#fff;border:2px solid #0063a3}.t2-cart-flyout__close-btn{display:inline-block;color:#fff;padding:12px 20px}.t2-cart-flyout__close-btn:hover{cursor:pointer}

package/dist/src/component/FlyoutCart/FlyoutCart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlyoutCart.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.jsx"],"names":[],"mappings":";AAiKA,iFA8OC"}
+{"version":3,"file":"FlyoutCart.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.jsx"],"names":[],"mappings":";AAyKA,iFAgPC"}

package/dist/src/component/FlyoutCart/FlyoutCart.js

@@ -1,17 +1,17 @@
-import { jsxs as o, Fragment as Q, jsx as t } from "react/jsx-runtime";
-import { useState as v, useEffect as x } from "react";
-import $ from "../FlyoutCartComponent/FlyoutCartComponent.js";
-import { TerraLink as h } from "../TerraLink/TerraLink.js";
+import { jsxs as o, Fragment as $, jsx as t } from "react/jsx-runtime";
+import { useState as b, useEffect as x } from "react";
+import E from "../FlyoutCartComponent/FlyoutCartComponent.js";
+import { TerraLink as p } from "../TerraLink/TerraLink.js";
 import './FlyoutCart.css';/* empty css                */
-const E = ({ message: a, timeStamp: e }) => {
-  const [c, l] = v(!1), [r, n] = v(null);
+const U = ({ message: a, timeStamp: e }) => {
+  const [c, l] = b(!1), [r, n] = b(null);
   return x(() => {
     if (typeof a == "string" && a.length > 0) {
       l(!0), r && clearTimeout(r);
-      const s = setTimeout(() => {
+      const i = setTimeout(() => {
         l(!1), n(null);
       }, 8e3);
-      n(s);
+      n(i);
     }
   }, [a, e]), /* @__PURE__ */ o(
     "div",
@@ -39,14 +39,14 @@ const E = ({ message: a, timeStamp: e }) => {
       ]
     }
   );
-}, T = ({
+}, B = ({
   items: a,
   onRemove: e,
   onChangeQuantity: c,
   cartSettings: l,
   LinkComponent: r
-}) => a?.map((n, s) => /* @__PURE__ */ t(
-  $,
+}) => a?.map((n, i) => /* @__PURE__ */ t(
+  E,
   {
     ...n,
     settings: l,
@@ -54,58 +54,59 @@ const E = ({ message: a, timeStamp: e }) => {
     onChangeQuantity: c,
     LinkComponent: r
   },
-  `${n.id}-${n.name}-${s}`
-)), U = ({
+  `${n.id}-${n.name}-${i}`
+)), V = ({
   cartData: a,
   cartSettings: e,
   isCartFlyoutActive: c,
   setCartFlyoutActive: l,
   onChangeQuantity: r,
   onRemove: n,
-  LinkComponent: s
+  LinkComponent: i,
+  locale: d
 }) => {
   if (a?.lineItems?.length > 0) {
-    const { productsTitle: i = "Your items" } = e;
+    const { productsTitle: m = "Your items" } = e, s = a?.totalLineItemQuantity, _ = typeof s == "number" ? s.toLocaleString(d) : s;
     return /* @__PURE__ */ o("section", { className: "t2-cart-flyout__items", children: [
       /* @__PURE__ */ o("h3", { className: "t2-cart-flyout__items__title", children: [
-        i,
+        m,
         " (",
-        a?.totalLineItemQuantity,
+        _,
         ")"
       ] }),
       /* @__PURE__ */ t(
-        T,
+        B,
         {
           items: a?.lineItems,
           cartSettings: e,
           onRemove: n,
           onChangeQuantity: r,
-          LinkComponent: s
+          LinkComponent: i
         }
       )
     ] });
   } else {
     const {
-      emptyCartTitle: i = "Your cart is empty",
-      emptyCartMessage: f = "There is nothing in your cart. Let's add some products.",
-      continueShoppingBtnLabel: y = "Continue Shopping"
+      emptyCartTitle: m = "Your cart is empty",
+      emptyCartMessage: s = "There is nothing in your cart. Let's add some products.",
+      continueShoppingBtnLabel: _ = "Continue Shopping"
     } = e;
     return /* @__PURE__ */ o("section", { className: "t2-cart-flyout__empty", children: [
-      /* @__PURE__ */ t("p", { className: "t2-cart-flyout__empty__title", children: i }),
-      /* @__PURE__ */ t("p", { className: "t2-cart-flyout__empty__msg", children: f }),
+      /* @__PURE__ */ t("p", { className: "t2-cart-flyout__empty__title", children: m }),
+      /* @__PURE__ */ t("p", { className: "t2-cart-flyout__empty__msg", children: s }),
       /* @__PURE__ */ t("div", { className: "t2-cart-flyout__buttons", children: /* @__PURE__ */ t(
-        h,
+        p,
         {
-          onClickHandler: (m) => {
-            m.preventDefault(), l(!c);
+          onClickHandler: (f) => {
+            f.preventDefault(), l(!c);
           },
           className: "t2-cart-flyout__buttons__button t2-cart-flyout__buttons__button--secondary",
-          children: y
+          children: _
         }
       ) })
     ] });
   }
-}, V = ({
+}, Y = ({
   cartData: a,
   cartSettings: e,
   isAuthenticated: c,
@@ -118,7 +119,7 @@ const E = ({ message: a, timeStamp: e }) => {
         checkoutBtnUrl: n = "https://www.trimble.com"
       } = e;
       return /* @__PURE__ */ t(
-        h,
+        p,
         {
           label: r,
           destination: n,
@@ -136,7 +137,7 @@ const E = ({ message: a, timeStamp: e }) => {
         }
       } = e;
       return /* @__PURE__ */ t(
-        h,
+        p,
         {
           label: r,
           className: "t2-cart-flyout__buttons__button t2-cart-flyout__buttons__button--primary",
@@ -148,70 +149,71 @@ const E = ({ message: a, timeStamp: e }) => {
       );
     }
   return null;
-}, K = (a) => {
+}, O = (a) => {
   const {
     cartData: e,
     cartSettings: c,
     isCartFlyoutActive: l,
     setCartFlyoutActive: r,
     onChangeQuantity: n,
-    onRemove: s,
-    LinkComponent: i
+    onRemove: i,
+    LinkComponent: d,
+    locale: m
   } = a, {
-    cartTitle: f = "My Cart",
-    subtotalLabel: y = "Subtotal",
-    productsRelatedTitle: b = "You may also like",
-    addedToCartMessage: m = "{Product Name} was added to cart",
-    removeFromCartMessage: w = "{Product Name} was removed from the cart",
-    viewCartBtnLabel: B = "View Cart",
-    viewCartBtnUrl: g = "https://www.trimble.com",
-    finePrint: N,
-    account: k,
-    isSwitchAccountActive: A = !0,
-    switchAccountLabel: F = "Switch Account",
-    onAccountClick: I
-  } = c || {}, [S, p] = v(null);
+    cartTitle: s = "My Cart",
+    subtotalLabel: _ = "Subtotal",
+    productsRelatedTitle: w = "You may also like",
+    addedToCartMessage: f = "{Product Name} was added to cart",
+    removeFromCartMessage: g = "{Product Name} was removed from the cart",
+    viewCartBtnLabel: A = "View Cart",
+    viewCartBtnUrl: N = "https://www.trimble.com",
+    finePrint: k,
+    account: I,
+    isSwitchAccountActive: F = !0,
+    switchAccountLabel: D = "Switch Account",
+    onAccountClick: S
+  } = c || {}, [M, L] = b(null);
   x(() => {
-    e?.itemAdded && p({
-      message: m.replace(
+    e?.itemAdded && L({
+      message: f.replace(
         "{Product Name}",
         e?.itemAdded?.name
       ),
       // Timestamp ensures the notification re-renders when the same item is added again
       timeStamp: Date.now()
     });
-  }, [e?.itemAdded, m]);
-  const M = (u) => {
+  }, [e?.itemAdded, f]);
+  const T = (u) => {
     u.preventDefault(), r(!l);
-  }, D = (u, L, d) => {
-    const _ = s(u, L, d);
-    _ && _.then((C) => {
-      C && p({
-        message: w.replace("{Product Name}", d),
+  }, Z = (u, v, C) => {
+    const h = i(u, v, C);
+    h && h.then((y) => {
+      y && L({
+        message: g.replace("{Product Name}", C),
         timeStamp: Date.now()
       });
     });
-  }, Z = (u, L, d, _) => {
-    const C = n(u, L, d, _);
-    C && C.then((R) => {
-      R && _ === 0 && p({
-        message: w.replace("{Product Name}", d),
+  }, P = (u, v, C, h) => {
+    const y = n(u, v, C, h);
+    y && y.then((R) => {
+      R && h === 0 && L({
+        message: g.replace("{Product Name}", C),
         timeStamp: Date.now()
       });
     });
-  }, P = (u) => {
-    u.preventDefault(), I && I();
-  }, H = new Intl.NumberFormat(void 0, {
+  }, H = (u) => {
+    u.preventDefault(), S && S();
+  }, Q = new Intl.NumberFormat(void 0, {
     style: "currency",
     currency: e?.totalNet?.currencyCode || "USD",
     currencyDisplay: "narrowSymbol"
   });
-  return /* @__PURE__ */ o(Q, { children: [
+  return /* @__PURE__ */ o($, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: l ? "t2-cart-flyout__modal t2-cart-flyout__modal--deployed" : "t2-cart-flyout__modal",
-        onClick: M
+        onClick: T
       }
     ),
     /* @__PURE__ */ t(
@@ -240,18 +242,18 @@ const E = ({ message: a, timeStamp: e }) => {
                   )
                 }
               ),
-              f
+              s
             ] }),
-            k && /* @__PURE__ */ o("div", { className: "t2-cart-flyout__header__account", children: [
-              /* @__PURE__ */ t("div", { className: "t2-cart-flyout__header__account__name", children: k?.name }),
-              A && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ o(
+            I && /* @__PURE__ */ o("div", { className: "t2-cart-flyout__header__account", children: [
+              /* @__PURE__ */ t("div", { className: "t2-cart-flyout__header__account__name", children: I?.name }),
+              F && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ o(
                 "a",
                 {
                   href: "",
                   className: "t2-cart-flyout__header__account__link",
-                  onClick: P,
+                  onClick: H,
                   children: [
-                    F,
+                    D,
                     /* @__PURE__ */ t(
                       "svg",
                       {
@@ -278,7 +280,7 @@ const E = ({ message: a, timeStamp: e }) => {
               "button",
               {
                 className: "t2-cart-flyout__header__close-btn",
-                onClick: M,
+                onClick: T,
                 children: /* @__PURE__ */ t(
                   "svg",
                   {
@@ -301,63 +303,64 @@ const E = ({ message: a, timeStamp: e }) => {
           ] }),
           /* @__PURE__ */ o("div", { className: "t2-cart-flyout__body", children: [
             /* @__PURE__ */ t(
-              E,
+              U,
               {
-                message: S?.message,
-                timeStamp: S?.timeStamp
+                message: M?.message,
+                timeStamp: M?.timeStamp
               }
             ),
             /* @__PURE__ */ t(
-              U,
+              V,
               {
                 cartData: e,
                 cartSettings: c,
                 isCartFlyoutActive: l,
                 setCartFlyoutActive: r,
-                onChangeQuantity: Z,
-                onRemove: D,
-                LinkComponent: i
+                onChangeQuantity: P,
+                onRemove: Z,
+                LinkComponent: d,
+                locale: m
               }
             ),
             e?.relatedItems?.length > 0 && /* @__PURE__ */ o("section", { className: "t2-cart-flyout__related-items", children: [
-              /* @__PURE__ */ t("h3", { className: "t2-cart-flyout__related-items__title", children: b }),
+              /* @__PURE__ */ t("h3", { className: "t2-cart-flyout__related-items__title", children: w }),
               /* @__PURE__ */ t(
-                T,
+                B,
                 {
                   items: e?.relatedItems,
                   cartSettings: c,
-                  LinkComponent: i
+                  LinkComponent: d
                 }
               )
             ] })
           ] }),
           e?.lineItems?.length > 0 && /* @__PURE__ */ o("div", { className: "t2-cart-flyout__footer", children: [
             /* @__PURE__ */ o("div", { className: "t2-cart-flyout__footer__subtotal", children: [
-              /* @__PURE__ */ t("span", { className: "t2-cart-flyout__footer__subtotal__label", children: y }),
+              /* @__PURE__ */ t("span", { className: "t2-cart-flyout__footer__subtotal__label", children: _ }),
               /* @__PURE__ */ o("span", { className: "t2-cart-flyout__footer__subtotal__value", children: [
-                H.format(e?.totalNet?.amount),
+                Q.format(e?.totalNet?.amount),
                 " ",
                 e?.totalNet?.currencyCode
               ] })
             ] }),
             /* @__PURE__ */ o("div", { className: "t2-cart-flyout__buttons", children: [
-              /* @__PURE__ */ t(V, { ...a, LinkComponent: i }),
-              g && /* @__PURE__ */ t(
-                h,
+              /* @__PURE__ */ t(Y, { ...a, LinkComponent: d }),
+              N && /* @__PURE__ */ t(
+                p,
                 {
-                  label: B,
-                  destination: g,
+                  label: A,
+                  destination: N,
                   internalLinkComponent: !0,
-                  LinkComponent: i,
+                  LinkComponent: d,
                   className: "t2-cart-flyout__buttons__button t2-cart-flyout__buttons__button--secondary"
                 }
               )
             ] }),
-            N && /* @__PURE__ */ t(
+            k && /* @__PURE__ */ t(
               "div",
               {
                 className: "t2-cart-flyout__footer__footnote",
-                dangerouslySetInnerHTML: { __html: N }
+                dangerouslySetInnerHTML: { __html: k }
               }
             )
           ] })
@@ -367,5 +370,5 @@ const E = ({ message: a, timeStamp: e }) => {
   ] });
 };
 export {
-  K as default
+  O as default
 };

package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts

@@ -29,6 +29,15 @@ export namespace EmptyCart {
     export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
     export { render_2 as render };
 }
+export namespace TrimbleCreditsCart {
+    export namespace args_3 {
+        export { cartData2 as cartData };
+        export { cartSettings };
+    }
+    export { args_3 as args };
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
 declare namespace cartData {
     export namespace itemAdded {
         let id: string;
@@ -87,6 +96,11 @@ declare namespace cartSettings {
     let isSwitchAccountActive: boolean;
     let switchAccountLabel: string;
     function onAccountClick(): void;
+    let creditExpirationNoticeLabel: string;
+    let minimumMaximumLabel: string;
+    let invalidNumberLabel: string;
+    let belowMinimumLabel: string;
+    let aboveMaximumLabel: string;
 }
 declare namespace promoCartData {
     let itemAdded_1: {
@@ -149,6 +163,45 @@ declare namespace cartEmptyData {
     let totalLineItemQuantity_2: number;
     export { totalLineItemQuantity_2 as totalLineItemQuantity };
 }
+declare namespace cartData2 {
+    export namespace itemAdded_2 {
+        let id_2: string;
+        export { id_2 as id };
+        let image_1: string;
+        export { image_1 as image };
+        let name_2: string;
+        export { name_2 as name };
+        let sku_1: string;
+        export { sku_1 as sku };
+        let quantity_1: number;
+        export { quantity_1 as quantity };
+        let max_1: number;
+        export { max_1 as max };
+        export let min: number;
+        export let increment: number;
+        export namespace price_1 {
+            let currencyCode_4: string;
+            export { currencyCode_4 as currencyCode };
+            let amount_4: number;
+            export { amount_4 as amount };
+        }
+        export { price_1 as price };
+        let isLoading_1: boolean;
+        export { isLoading_1 as isLoading };
+        export let creditProduct: boolean;
+    }
+    export { itemAdded_2 as itemAdded };
+    export { trimbleCreditsLineItems as lineItems };
+    export namespace totalNet_3 {
+        let currencyCode_5: string;
+        export { currencyCode_5 as currencyCode };
+        let amount_5: number;
+        export { amount_5 as amount };
+    }
+    export { totalNet_3 as totalNet };
+    let totalLineItemQuantity_3: number;
+    export { totalLineItemQuantity_3 as totalLineItemQuantity };
+}
 declare const lineItems: {
     id: string;
     image: string;
@@ -211,4 +264,20 @@ declare const promoLineItems: ({
     discount?: undefined;
     discountCode?: undefined;
 })[];
+declare const trimbleCreditsLineItems: {
+    id: string;
+    image: string;
+    name: string;
+    sku: string;
+    quantity: number;
+    max: number;
+    min: number;
+    increment: number;
+    price: {
+        currencyCode: string;
+        amount: number;
+    };
+    isLoading: boolean;
+    creditProduct: boolean;
+}[];
 //# sourceMappingURL=FlyoutCart.stories.d.ts.map

package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlyoutCart.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.stories.jsx"],"names":[],"mappings":";;;;;;;;;;IA8IU,oEA0EP;;;;;;;;IAqDO,6EA8DP;;;;;;;;;IAQO,6EAWP;;;uBA5VoB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHlB,sCAAY;;;;;;;;;;;;;;IAab,gCAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvHH;;;;;;;;;;;;;IA6BE;AAEF;;;;;;;;;;;;;;IA+BE;AA8IF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCC"}
+{"version":3,"file":"FlyoutCart.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.stories.jsx"],"names":[],"mappings":";;;;;;;;;;IAmJU,oEA0EP;;;;;;;;IAqDO,6EA8DP;;;;;;;;;IAQO,6EAWP;;;;;;;;;IAqCO,6EAwEP;;;uBA9coB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHlB,sCAAY;;;;;;;;;;;;;;IAab,gCAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvHH;;;;;;;;;;;;;IA6BE;AAEF;;;;;;;;;;;;;;IA+BE;AAmJF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCC;AAqGD;;;;;;;;;;;;;;;IAkBC"}

package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.css

@@ -1 +1 @@
-.ter-cart-item+.ter-cart-item{border-top:1px solid #e0e1e9}.ter-cart-item{display:flex;justify-content:flex-start;gap:16px;padding:32px 0}.ter-cart-item .ter-quantity-tracker__input-wrapper{width:110px}.ter-cart-item__figure{all:unset;outline:1px solid #f1f1f6;min-width:115px;width:115px;height:115px}.ter-cart-item__figure__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ter-cart-item__details{flex-grow:1}.ter-cart-item__product-name{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-bottom:4px;margin-top:0}.ter-cart-item__sku{font-size:.875rem;line-height:1.125rem;margin-bottom:4px;line-height:24px}.ter-cart-item__price-wrapper{margin:4px 0}.ter-cart-item__price{font-size:1rem;line-height:1.75rem;font-weight:800}.ter-cart-item__price--strike{display:block;font-size:16px;font-weight:600;color:#90939f;text-decoration:line-through;line-height:28px}.ter-cart-item__duration{font-size:.875rem;line-height:1.125rem}.ter-cart-item__discount{margin:4px 0}.ter-cart-item__qty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.ter-cart-item__qty__label{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item__remove{all:unset;font-weight:600;font-size:.875rem;line-height:1.25rem;color:#252a2e;font-weight:700;-webkit-text-decoration:underline solid 2px #fbad26;text-decoration:underline solid 2px #fbad26;text-underline-offset:4px;cursor:pointer;display:flex;align-items:center;margin-top:16px}.ter-cart-item__remove:focus,.ter-cart-item__remove:active{font-weight:700}.ter-cart-item__remove svg{color:#252a2e}.ter-cart-item__link{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}
+.ter-cart-item+.ter-cart-item{border-top:1px solid #e0e1e9}.ter-cart-item{display:flex;justify-content:flex-start;gap:16px;padding:32px 0}.ter-cart-item .ter-quantity-tracker__input-wrapper{width:110px}.ter-cart-item__figure{all:unset;outline:1px solid #f1f1f6;min-width:115px;width:115px;height:115px}.ter-cart-item__figure__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ter-cart-item__details{flex-grow:1}.ter-cart-item__product-name{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-bottom:4px;margin-top:0}.ter-cart-item__sku{font-size:.875rem;line-height:1.125rem;margin-bottom:4px;line-height:24px}.ter-cart-item__price-wrapper{margin:4px 0}.ter-cart-item__price{font-size:1rem;line-height:1.75rem;font-weight:800}.ter-cart-item__price--strike{display:block;font-size:16px;font-weight:600;color:#90939f;text-decoration:line-through;line-height:28px}.ter-cart-item__duration{font-size:.875rem;line-height:1.125rem}.ter-cart-item__discount{margin:4px 0}.ter-cart-item__qty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.ter-cart-item__qty__label{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item__credit-notice{margin-top:16px;display:flex;flex-direction:column;gap:16px}.ter-cart-item__credit-notice__line{font-size:.875rem;line-height:1.125rem;margin:0;color:#353a40}.ter-cart-item__credit-notice__line strong{font-weight:700!important}.ter-cart-item__remove{all:unset;font-weight:600;font-size:.875rem;line-height:1.25rem;color:#252a2e;font-weight:700;-webkit-text-decoration:underline solid 2px #fbad26;text-decoration:underline solid 2px #fbad26;text-underline-offset:4px;cursor:pointer;display:flex;align-items:center;margin-top:16px}.ter-cart-item__remove:focus,.ter-cart-item__remove:active{font-weight:700}.ter-cart-item__remove svg{color:#252a2e}.ter-cart-item__link{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item .t2-credits-tracker__error{margin-bottom:0}.ter-cart-item__credits-tracker.t2-credits-tracker{width:140px!important;max-width:140px!important;height:32px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__input{padding:0 34px!important;font-size:14px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button{width:24px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button.t2-credits-tracker__button--decrease{left:10px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button.t2-credits-tracker__button--increase{right:10px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button svg{transform:scale(.7)}