trimble-terra 1.1.9-beta.6 → 1.1.9-beta.8

package/dist/src/component/Dialog/Dialog.css

@@ -1 +1 @@
-.t2-dialog{position:fixed;z-index:5;background:#fff;max-width:500px;top:40%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;padding:32px;border-radius:10px;box-shadow:0 110px 31px #0000,0 70px 28px #00000003,0 40px 24px #0000000d,0 18px 18px #00000017,0 4px 10px #0000001a;text-transform:none;text-align:center}@media(max-height:1000px){.t2-dialog{max-height:calc(100dvh - 32px)!important;top:50%!important;overflow-y:auto!important}}@media(max-height:750px)and (max-width:650px){.t2-dialog{width:90%}}.t2-dialog p:first-of-type{margin-top:0}.t2-dialog p:last-of-type{margin-bottom:0}@media not (min-width:600px){.t2-dialog{width:90%;height:auto}}.t2-dialog__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#3635454d}.t2-dialog__close{all:unset;position:absolute;top:33px;right:32px;margin:0;padding:0;cursor:pointer}.t2-dialog__close:focus{outline:revert}.t2-dialog__title{color:#353a40;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:1.92px}.t2-dialog__title{letter-spacing:.5px;margin:0 0 18px}.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{text-align:center;text-wrap:balance;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{font-size:1rem;line-height:1.375rem}}.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{font-size:1rem;line-height:1.375rem}}.t2-dialog__buttons{display:flex;gap:12px;flex-direction:row;align-items:center;justify-content:center;margin-top:32px}@media not (min-width:600px){.t2-dialog__buttons{flex-direction:column-reverse}}.t2-dialog--opened{display:flex}.t2-dialog--closed{display:none}.t2-dialog-loading__section{display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px;margin-top:12px}.t2-dialog-loading__text{color:#0063a3;line-height:27px;letter-spacing:.15;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog-loading__text{font-size:1rem;line-height:1.375rem}}
+@keyframes t2-dialog-open{0%{opacity:0;transform:translate(-50%,-48%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.t2-dialog{position:fixed;z-index:5;box-sizing:border-box;background:#fff;max-width:560px;top:40%;left:50%;transform:translate(-50%,-50%);padding:24px 32px;border-radius:10px;box-shadow:0 110px 31px #0000,0 70px 28px #00000003,0 40px 24px #0000000d,0 18px 18px #00000017,0 4px 10px #0000001a;text-transform:none}.t2-dialog p:first-of-type{margin-top:0}.t2-dialog p:last-of-type{margin-bottom:0}@media not (min-width:600px){.t2-dialog{width:90%;height:auto}}.t2-dialog__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#3635454d}.t2-dialog__close{all:unset;position:absolute;top:33px;right:32px;margin:0;padding:0;cursor:pointer}.t2-dialog__close:focus{outline:revert}.t2-dialog__title{color:#353a40;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:1.92px}.t2-dialog__title{letter-spacing:.5px;margin:0 0 8px}.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{font-size:1rem;line-height:1.375rem}}.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{font-size:1rem;line-height:1.375rem}}.t2-dialog__content ul,.t2-dialog__content__text ul,.t2-dialog__content__text-holder ul{margin:16px 0 0;padding-left:20px}.t2-dialog__content li,.t2-dialog__content__text li,.t2-dialog__content__text-holder li{margin-bottom:16px}.t2-dialog__content li:last-child,.t2-dialog__content__text li:last-child,.t2-dialog__content__text-holder li:last-child{margin-bottom:0}.t2-dialog__buttons{display:flex;gap:12px;flex-direction:row;justify-content:flex-end;margin-top:16px}@media not (min-width:600px){.t2-dialog__buttons{flex-direction:column-reverse}}.t2-dialog--opened{animation:t2-dialog-open .2s ease-out}.t2-dialog--closed{display:none}.t2-dialog--non-buyer-new-account{width:560px}.t2-dialog--non-buyer-new-account .t2-dialog__title{margin-bottom:16px}.t2-dialog--non-buyer-new-account .t2-dialog__content,.t2-dialog--non-buyer-new-account .t2-dialog__content__text,.t2-dialog--non-buyer-new-account .t2-dialog__content__text-holder{line-height:32px}.t2-dialog--non-buyer-new-account .t2-dialog__content p,.t2-dialog--non-buyer-new-account .t2-dialog__content__text p,.t2-dialog--non-buyer-new-account .t2-dialog__content__text-holder p{font-size:16px;margin:0 0 24px}.t2-dialog--non-buyer-new-account .t2-dialog__content ul,.t2-dialog--non-buyer-new-account .t2-dialog__content__text ul,.t2-dialog--non-buyer-new-account .t2-dialog__content__text-holder ul{font-size:16px;margin:0;padding-left:20px}.t2-dialog--non-buyer-new-account .t2-dialog__content li,.t2-dialog--non-buyer-new-account .t2-dialog__content__text li,.t2-dialog--non-buyer-new-account .t2-dialog__content__text-holder li{line-height:28px}.t2-dialog--non-buyer-new-account .t2-dialog__content li:last-child,.t2-dialog--non-buyer-new-account .t2-dialog__content__text li:last-child,.t2-dialog--non-buyer-new-account .t2-dialog__content__text-holder li:last-child{margin-bottom:0}.t2-dialog--non-buyer-new-account .t2-dialog__buttons{justify-content:flex-start;margin-top:24px;gap:12px;flex-wrap:nowrap;width:100%}.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button{white-space:nowrap;padding:10px 36px;font-size:1rem;font-weight:700;line-height:2.25rem;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;box-shadow:none}.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--secondary,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--secondary:hover,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--secondary:focus,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--secondary:visited,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--secondary:active{color:#252a2e;background-color:#fff;border:1px solid #252a2e;box-shadow:none}.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--secondary:hover{background-color:#fff;border-color:#252a2e}.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--primary,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--primary:hover,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--primary:focus,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--primary:visited,.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--primary:active{color:#252a2e;background-color:#fbad26;border:2px solid #fbad26;box-shadow:none}.t2-dialog--non-buyer-new-account .t2-dialog__buttons .t2-button--primary:hover{background-color:#de9921;border-color:#de9921}.t2-dialog-loading__section{display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px;margin-top:12px}.t2-dialog-loading__text{color:#0063a3;line-height:27px;letter-spacing:.15;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog-loading__text{font-size:1rem;line-height:1.375rem}}

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

@@ -1,14 +1,14 @@
 interface DialogProps {
     isOpen: boolean;
-    variant?: "loading";
+    variant?: "loading" | "nonBuyerNewAccount";
     title: string;
     content: string;
     loadingText?: string;
     primaryButtonText: string;
     secondaryButtonText?: string;
-    onCloseButtonClick?: () => void;
-    onPrimaryButtonClick?: (e?: any) => void;
-    onSecondaryButtonClick?: () => void;
+    onCloseButtonClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+    onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLElement>) => void;
+    onSecondaryButtonClick?: (e?: React.MouseEvent<HTMLElement>) => void;
     contentWithLink?: string;
     contentLink?: string;
     contentLinkText?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/component/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAKvB,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAqGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/component/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAKvB,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnE,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAqGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/component/Dialog/Dialog.js

@@ -1,30 +1,30 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
 import './Dialog.css';/* empty css            */
 import L from "../LoadingSpinner/LoadingSpinner.js";
 import { checkAndSet as x } from "../../utils/checkForDangerouslySet.js";
-import { TerraLink as e } from "../TerraLink/TerraLink.js";
-const w = (g) => {
+import { TerraLink as i } from "../TerraLink/TerraLink.js";
+const w = (m) => {
   const {
     isOpen: o,
-    variant: u,
-    title: a,
-    content: r,
-    loadingText: s,
+    variant: a,
+    title: r,
+    content: c,
+    loadingText: d,
     primaryButtonText: h = "OK",
     secondaryButtonText: _ = "Cancel",
-    onCloseButtonClick: c,
+    onCloseButtonClick: s,
     onPrimaryButtonClick: l,
-    onSecondaryButtonClick: i,
-    contentWithLink: d,
-    contentLink: C,
-    contentLinkText: m
-  } = g, p = () => c ? /* @__PURE__ */ t(
+    onSecondaryButtonClick: e,
+    contentWithLink: C,
+    contentLink: g,
+    contentLinkText: u
+  } = m, p = () => s ? /* @__PURE__ */ n(
     "button",
     {
       className: "t2-dialog__close",
-      onClick: c,
+      onClick: s,
       "aria-label": "Close Dialog",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ n(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -32,7 +32,7 @@ const w = (g) => {
           height: "21",
           viewBox: "0 0 20 21",
           fill: "none",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ n(
             "path",
             {
               d: "M15.2499 5.58762C15.1728 5.51037 15.0813 5.44908 14.9805 5.40726C14.8797 5.36544 14.7716 5.34392 14.6624 5.34392C14.5533 5.34392 14.4452 5.36544 14.3444 5.40726C14.2436 5.44908 14.152 5.51037 14.0749 5.58762L9.99994 9.65429L5.92494 5.57929C5.84779 5.50214 5.7562 5.44094 5.6554 5.39918C5.55459 5.35743 5.44655 5.33594 5.33744 5.33594C5.22833 5.33594 5.12029 5.35743 5.01949 5.39918C4.91869 5.44094 4.82709 5.50214 4.74994 5.57929C4.67279 5.65644 4.61159 5.74803 4.56984 5.84884C4.52808 5.94964 4.50659 6.05768 4.50659 6.16679C4.50659 6.2759 4.52808 6.38394 4.56984 6.48474C4.61159 6.58554 4.67279 6.67714 4.74994 6.75429L8.82494 10.8293L4.74994 14.9043C4.67279 14.9814 4.61159 15.073 4.56984 15.1738C4.52808 15.2746 4.50659 15.3827 4.50659 15.4918C4.50659 15.6009 4.52808 15.7089 4.56984 15.8097C4.61159 15.9105 4.67279 16.0021 4.74994 16.0793C4.82709 16.1564 4.91869 16.2176 5.01949 16.2594C5.12029 16.3011 5.22833 16.3226 5.33744 16.3226C5.44655 16.3226 5.55459 16.3011 5.6554 16.2594C5.7562 16.2176 5.84779 16.1564 5.92494 16.0793L9.99994 12.0043L14.0749 16.0793C14.1521 16.1564 14.2437 16.2176 14.3445 16.2594C14.4453 16.3011 14.5533 16.3226 14.6624 16.3226C14.7716 16.3226 14.8796 16.3011 14.9804 16.2594C15.0812 16.2176 15.1728 16.1564 15.2499 16.0793C15.3271 16.0021 15.3883 15.9105 15.43 15.8097C15.4718 15.7089 15.4933 15.6009 15.4933 15.4918C15.4933 15.3827 15.4718 15.2746 15.43 15.1738C15.3883 15.073 15.3271 14.9814 15.2499 14.9043L11.1749 10.8293L15.2499 6.75429C15.5666 6.43762 15.5666 5.90429 15.2499 5.58762Z",
@@ -42,51 +42,51 @@ const w = (g) => {
         }
       )
     }
-  ) : null, k = () => l || i ? /* @__PURE__ */ n("div", { className: "t2-dialog__buttons", children: [
-    i && /* @__PURE__ */ t(
-      e,
+  ) : null, k = () => l || e ? /* @__PURE__ */ t("div", { className: "t2-dialog__buttons", children: [
+    e && /* @__PURE__ */ n(
+      i,
       {
         label: _,
-        size: "small",
-        onClickHandler: i
+        size: "large",
+        onClickHandler: e
       }
     ),
-    l && /* @__PURE__ */ t(
-      e,
+    l && /* @__PURE__ */ n(
+      i,
       {
         label: h,
         primary: !0,
-        size: "small",
+        size: "large",
         onClickHandler: l
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ t("div", { className: `${o ? "t2-dialog__overlay" : ""}`, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { className: `${o ? "t2-dialog__overlay" : ""}`, children: /* @__PURE__ */ t(
     "div",
     {
-      className: `t2-dialog ${o ? "t2-dialog--opened" : "t2-dialog--closed"}`,
+      className: `t2-dialog ${o ? "t2-dialog--opened" : "t2-dialog--closed"}${a === "nonBuyerNewAccount" ? " t2-dialog--non-buyer-new-account" : ""}`,
       children: [
-        /* @__PURE__ */ t(p, {}),
-        u === "loading" && /* @__PURE__ */ n("div", { className: "t2-dialog-loading__section", children: [
-          /* @__PURE__ */ t(L, {}),
-          s && /* @__PURE__ */ t("span", { className: "t2-dialog-loading__text", children: s })
+        /* @__PURE__ */ n(p, {}),
+        a === "loading" && /* @__PURE__ */ t("div", { className: "t2-dialog-loading__section", children: [
+          /* @__PURE__ */ n(L, {}),
+          d && /* @__PURE__ */ n("span", { className: "t2-dialog-loading__text", children: d })
         ] }),
-        a && /* @__PURE__ */ t("h6", { className: "t2-dialog__title", children: a }),
-        r && x(r, "t2-dialog__content", null, null),
-        d && C && m && /* @__PURE__ */ n("div", { className: "t2-dialog__content", children: [
-          d,
+        r && /* @__PURE__ */ n("h6", { className: "t2-dialog__title", children: r }),
+        c && x(c, "t2-dialog__content", null, null),
+        C && g && u && /* @__PURE__ */ t("div", { className: "t2-dialog__content", children: [
+          C,
           " ",
-          /* @__PURE__ */ t(
-            e,
+          /* @__PURE__ */ n(
+            i,
             {
               className: "t2-dialog__content--link",
-              destination: C,
+              destination: g,
               linkType: "text",
-              children: m
+              children: u
             }
           )
         ] }),
-        /* @__PURE__ */ t(k, {})
+        /* @__PURE__ */ n(k, {})
       ]
     }
   ) });

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":";AAyKA,iFAgPC"}
+{"version":3,"file":"FlyoutCart.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.jsx"],"names":[],"mappings":";AA8KA,iFAgPC"}

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

@@ -116,15 +116,18 @@ const U = ({ message: a, timeStamp: e }) => {
     if (c) {
       const {
         checkoutBtnLabel: r = "Proceed to Checkout",
-        checkoutBtnUrl: n = "https://www.trimble.com"
+        checkoutBtnUrl: n = "https://www.trimble.com",
+        checkoutBtnMethod: i
       } = e;
       return /* @__PURE__ */ t(
         p,
         {
           label: r,
-          destination: n,
+          ...i ? { onClickHandler: i } : {
+            destination: n,
+            internalLinkComponent: !0
+          },
           LinkComponent: l,
-          internalLinkComponent: !0,
           primary: !0,
           className: "t2-cart-flyout__buttons__button t2-cart-flyout__buttons__button--primary",
           openInSameTabExternalLink: !0
@@ -193,7 +196,7 @@ const U = ({ message: a, timeStamp: e }) => {
         timeStamp: Date.now()
       });
     });
-  }, P = (u, v, C, h) => {
+  }, H = (u, v, C, h) => {
     const y = n(u, v, C, h);
     y && y.then((R) => {
       R && h === 0 && L({
@@ -201,7 +204,7 @@ const U = ({ message: a, timeStamp: e }) => {
         timeStamp: Date.now()
       });
     });
-  }, H = (u) => {
+  }, P = (u) => {
     u.preventDefault(), S && S();
   }, Q = new Intl.NumberFormat(void 0, {
     style: "currency",
@@ -251,7 +254,7 @@ const U = ({ message: a, timeStamp: e }) => {
                 {
                   href: "",
                   className: "t2-cart-flyout__header__account__link",
-                  onClick: H,
+                  onClick: P,
                   children: [
                     D,
                     /* @__PURE__ */ t(
@@ -316,7 +319,7 @@ const U = ({ message: a, timeStamp: e }) => {
                 cartSettings: c,
                 isCartFlyoutActive: l,
                 setCartFlyoutActive: r,
-                onChangeQuantity: P,
+                onChangeQuantity: H,
                 onRemove: Z,
                 LinkComponent: d,
                 locale: m

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":";;;;;;;;;;IAkJU,oEA0EP;;;;;;;;IAqDO,6EA8DP;;;;;;;;;IAQO,6EAWP;;;;;;;;;IAqCO,6EAwEP;;;uBA7coB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHlB,sCAAY;;;;;;;;;;;;;;IAab,gCAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvHH;;;;;;;;;;;;;IA6BE;AAEF;;;;;;;;;;;;;;IA+BE;AAkJF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCC;AAqGD;;;;;;;;;;;;;;;IAkBC"}
+{"version":3,"file":"FlyoutCart.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.stories.jsx"],"names":[],"mappings":";;;;;;;;;;IAkJU,oEA0EP;;;;;;;;IAqDO,6EAgEP;;;;;;;;;IAQO,6EAWP;;;;;;;;;IAqCO,6EA0EP;;;uBAjdoB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHlB,sCAAY;;;;;;;;;;;;;;IAab,gCAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvHH;;;;;;;;;;;;;IA6BE;AAEF;;;;;;;;;;;;;;IA+BE;AAkJF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCC;AAuGD;;;;;;;;;;;;;;;IAkBC"}

package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.js

@@ -3,8 +3,8 @@ import T, { useRef as ae, useState as V, useEffect as ie } from "react";
 import { QuantityTracker as ne } from "../QuantityTracker/QuantityTracker.js";
 import { ErrorMessage as L } from "../QuantityTracker/ErrorMessage.js";
 import ce from "../CreditsTracker/CreditsTracker.js";
-import { TerraLink as se } from "../TerraLink/TerraLink.js";
-import le from "../ProductDetail/PromoCodeBadge/PromoCodeBadge.js";
+import { TerraLink as le } from "../TerraLink/TerraLink.js";
+import se from "../ProductDetail/PromoCodeBadge/PromoCodeBadge.js";
 import './FlyoutCartComponent.css';/* empty css                         */
 const oe = {
   removeBtnLabel: "Remove",
@@ -15,102 +15,102 @@ function ye({
   id: o,
   imageURL: H,
   name: a,
-  quantity: f = 1,
+  quantity: p = 1,
   sku: c,
-  price: p,
+  price: b,
   strikePrice: Q,
   discount: $,
-  discountCode: B,
+  discountCode: q,
   duration: F,
-  isMinThresholdError: q = !1,
+  isMinThresholdError: B = !1,
   isMaxThresholdError: Z = !1,
   link: N,
   labels: D,
-  settings: b = { ...oe },
+  settings: _ = { ...oe },
   isLoading: E = !1,
   creditProduct: g = !1,
   min: M,
   max: j,
   increment: I,
   locale: C,
-  onChangeQuantity: _ = () => {
+  onChangeQuantity: h = () => {
   },
   onRemove: A = () => {
   },
   LinkComponent: K
 }) {
-  const v = ae(null), [r, s] = V(f), [m, u] = V(null);
+  const v = ae(null), [r, l] = V(p), [m, u] = V(null);
   ie(() => {
-    typeof f == "number" && s(f);
-  }, [f]);
+    typeof p == "number" && l(p);
+  }, [p]);
   const k = () => {
     if (typeof r != "number") return;
     m && clearTimeout(m);
     const t = r - 1;
-    s(t);
+    l(t);
     const i = setTimeout(() => {
-      _(o, c, a, t), u(null);
+      h(o, c, a, t), u(null);
     }, 1e3);
     u(i);
   }, G = () => {
     if (typeof r != "number") return;
     m && clearTimeout(m);
     const t = r + 1;
-    s(t);
+    l(t);
     const i = setTimeout(() => {
-      _(o, c, a, t), u(null);
+      h(o, c, a, t), u(null);
     }, 1e3);
     u(i);
   }, O = (t) => {
     if (t.currentTarget.value === "") {
-      s(0);
+      l(0);
       return;
     }
     const i = parseInt(t.currentTarget.value);
-    s(i);
+    l(i);
   }, U = (t) => {
     t.preventDefault(), A(o, c, a);
   }, W = () => {
     if (typeof r == "number") {
       if (r < 0) return;
-      _(o, c, a, r);
+      h(o, c, a, r);
     } else
-      s(1), _(o, c, a, 1);
+      l(1), h(o, c, a, 1);
   }, X = (t) => {
     t.key === "Enter" && v ? v?.current?.blur() : t.key.toLowerCase() === "e" && t.preventDefault();
   }, z = (t) => {
-    s(t), m && clearTimeout(m);
+    l(t), m && clearTimeout(m);
     const i = setTimeout(() => {
-      _(o, c, a, t), u(null);
+      h(o, c, a, t), u(null);
     }, 1e3);
     u(i);
   }, {
     removeBtnLabel: J = "Remove",
-    minimumMaximumLabel: h,
+    minimumMaximumLabel: f,
     creditExpirationNoticeLabel: w,
     belowMinimumLabel: x,
     aboveMaximumLabel: Y
-  } = b, P = (M ?? 0) > 1 && x ? x.replace(
+  } = _, P = (M ?? 0) > 1 && x ? x.replace(
     /\{[^}]+\}/g,
     (M ?? 0).toLocaleString(C)
-  ) : b?.errorMessageForMinQuantity, ee = (() => {
-    if (!h || h.length === 0) return "";
+  ) : _?.errorMessageForMinQuantity, ee = (() => {
+    if (!f || f.length === 0) return "";
     const t = [(I ?? 0).toLocaleString(C)];
     let i = 0;
-    const S = (y, l) => y.split(/(\{[^}]+\})/g).map((d, R) => {
+    const S = (y, s) => y.split(/(\{[^}]+\})/g).map((d, R) => {
       if (/^\{[^}]+\}$/.test(d)) {
         const re = t[i++] ?? d;
-        return /* @__PURE__ */ e(T.Fragment, { children: re }, `${l}-${R}`);
+        return /* @__PURE__ */ e(T.Fragment, { children: re }, `${s}-${R}`);
       }
-      return /* @__PURE__ */ e(T.Fragment, { children: d }, `${l}-${R}`);
+      return /* @__PURE__ */ e(T.Fragment, { children: d }, `${s}-${R}`);
     });
-    return h.split(/(\*\*[^*]+\*\*)/g).map((y, l) => {
+    return f.split(/(\*\*[^*]+\*\*)/g).map((y, s) => {
       const d = /^\*\*([^*]+)\*\*$/.exec(y);
-      return d ? /* @__PURE__ */ e("strong", { children: S(d[1], `b-${l}`) }, `b-${l}`) : /* @__PURE__ */ e(T.Fragment, { children: S(y, `p-${l}`) }, `p-${l}`);
+      return d ? /* @__PURE__ */ e("strong", { children: S(d[1], `b-${s}`) }, `b-${s}`) : /* @__PURE__ */ e(T.Fragment, { children: S(y, `p-${s}`) }, `p-${s}`);
     });
   })(), te = new Intl.NumberFormat(void 0, {
     style: "currency",
-    currency: p?.currencyCode || "USD",
+    currency: b?.currencyCode || "USD",
     currencyDisplay: "narrowSymbol"
   });
   return /* @__PURE__ */ n("div", { className: "ter-cart-item", children: [
@@ -130,21 +130,21 @@ function ye({
         "SKU: ",
         c
       ] }),
-      p && /* @__PURE__ */ n("div", { className: "ter-cart-item__price-wrapper", children: [
+      b && /* @__PURE__ */ n("div", { className: "ter-cart-item__price-wrapper", children: [
         Q && /* @__PURE__ */ e("span", { className: "ter-cart-item__price--strike", children: Q }),
         /* @__PURE__ */ n("span", { className: "ter-cart-item__price", children: [
-          te.format(p?.amount),
+          te.format(b?.amount),
           " ",
-          p?.currencyCode
+          b?.currencyCode
         ] }),
         " ",
         F && /* @__PURE__ */ e("span", { className: "ter-cart-item__duration", children: F })
       ] }),
       $ && /* @__PURE__ */ e(
-        le,
+        se,
         {
           discount: $,
-          discountCode: B,
+          discountCode: q,
           className: "ter-cart-item__discount"
         }
       ),
@@ -167,12 +167,12 @@ function ye({
           }
         )
       ] }),
-      g && (h || w) && /* @__PURE__ */ n("div", { className: "ter-cart-item__credit-notice", children: [
-        h && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: ee }),
+      g && (f || w) && /* @__PURE__ */ n("div", { className: "ter-cart-item__credit-notice", children: [
+        f && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: ee }),
         w && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: w })
       ] }),
       !g && /* @__PURE__ */ n("div", { className: "ter-cart-item__qty", children: [
-        /* @__PURE__ */ e("span", { className: "ter-cart-item__qty__label", children: D?.quantityLabel ?? "Quantity" }),
+        /* @__PURE__ */ e("span", { className: "ter-cart-item__qty__label", children: _?.quantityLabel ?? D?.quantityLabel ?? "Quantity" }),
         /* @__PURE__ */ e(
           ne,
           {
@@ -217,11 +217,11 @@ function ye({
           ]
         }
       ),
-      Number(r) < 0 && /* @__PURE__ */ e(L, { errorMessage: b?.errorMessageForMinQuantity }),
-      q && /* @__PURE__ */ e(L, { errorMessage: P }),
-      Z && /* @__PURE__ */ e(L, { errorMessage: b?.errorMessageForMaxQuantity }),
+      Number(r) < 0 && /* @__PURE__ */ e(L, { errorMessage: _?.errorMessageForMinQuantity }),
+      B && /* @__PURE__ */ e(L, { errorMessage: P }),
+      Z && /* @__PURE__ */ e(L, { errorMessage: _?.errorMessageForMaxQuantity }),
       N && /* @__PURE__ */ e("div", { className: "ter-cart-item__link-wrapper", children: /* @__PURE__ */ e(
-        se,
+        le,
         {
           label: N.text,
           destination: N.url,

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.css

@@ -0,0 +1 @@
+.non-buyer-layout{box-sizing:border-box;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:100px 0;background-color:#f5f5f5}.non-buyer-layout__content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:0 80px}.non-buyer-layout__header{margin-bottom:56px;text-align:left}.non-buyer-layout__title{margin:0 0 16px;color:#171717;font-size:40px;font-weight:300;line-height:48px;letter-spacing:.02em;text-align:left}.non-buyer-layout__description{margin:0;color:#171717;font-size:18px;font-weight:400;line-height:32px;text-align:left}.non-buyer-layout__cards{display:flex;flex-wrap:wrap;gap:48px;justify-content:center;align-items:stretch}.non-buyer-layout-card{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;flex:0 1 400px;width:100%;max-width:400px;min-width:0;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.non-buyer-layout-card__content{display:flex;flex-direction:column;flex-grow:1}.non-buyer-layout-card__header{margin:0 0 16px;color:#171717;font-size:36px;font-weight:300;line-height:43px;letter-spacing:-.01em}.non-buyer-layout-card__description{margin:0;color:#171717;font-size:16px;font-weight:400;line-height:26px}.non-buyer-layout-card__cta{margin-top:40px;padding-top:0}.non-buyer-layout-card__cta .t2-button{width:auto}@media(max-width:1279px){.non-buyer-layout__content{padding:0 20px}}@media(max-width:768px){.non-buyer-layout__title{font-size:32px;line-height:40px}.non-buyer-layout__description{font-size:16px;line-height:22px}.non-buyer-layout__header{margin-bottom:32px}.non-buyer-layout-card{flex:1 1 100%;max-width:400px}}@media(max-width:640px){.non-buyer-layout{padding:40px 0}.non-buyer-layout-card{padding:24px}.non-buyer-layout-card__header{font-size:30px;line-height:36px}.non-buyer-layout-card__cta{margin-top:32px}}@media(max-width:600px){.non-buyer-layout__title{font-size:26px;line-height:32px}.non-buyer-layout__description{font-size:16px;line-height:22px}.non-buyer-layout__cards{flex-direction:column;align-items:center;gap:24px}.non-buyer-layout-card{padding:64px 32px;flex:0 0 auto;width:100%;max-width:342px;min-height:416px}}

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.d.ts

@@ -0,0 +1,10 @@
+import { NonBuyerPurchaseFlowCard, NonBuyerPurchaseFlowCardProps } from './NonBuyerPurchaseFlowCard';
+export type NonBuyerPurchaseFlowProps = {
+    title?: string;
+    description?: string;
+    cards?: NonBuyerPurchaseFlowCardProps[];
+};
+export type { NonBuyerPurchaseFlowCardProps, NonBuyerPurchaseFlowCta, NonBuyerPurchaseFlowDialog, } from './NonBuyerPurchaseFlowCard';
+export declare function NonBuyerPurchaseFlow({ title, description, cards, }: NonBuyerPurchaseFlowProps): import("react/jsx-runtime").JSX.Element | null;
+export { NonBuyerPurchaseFlowCard };
+//# sourceMappingURL=NonBuyerPurchaseFlow.d.ts.map

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonBuyerPurchaseFlow.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,EACnC,MAAM,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,6BAA6B,EAAE,CAAA;CACxC,CAAA;AAED,YAAY,EACV,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,4BAA4B,CAAA;AAEnC,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,WAAW,EACX,KAAK,GACN,EAAE,yBAAyB,kDAiC3B;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.js

@@ -0,0 +1,33 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { NonBuyerPurchaseFlowCard as y } from "./NonBuyerPurchaseFlowCard.js";
+import './NonBuyerPurchaseFlow.css';/* empty css                         */
+function m({
+  title: n,
+  description: r,
+  cards: a
+}) {
+  return !n && !r && !a?.length ? null : /* @__PURE__ */ e(
+    "section",
+    {
+      className: "non-buyer-layout",
+      ...n ? { "aria-label": n } : {},
+      children: /* @__PURE__ */ l("div", { className: "non-buyer-layout__content", children: [
+        (n || r) && /* @__PURE__ */ l("div", { className: "non-buyer-layout__header", children: [
+          n && /* @__PURE__ */ e("h2", { className: "non-buyer-layout__title", children: n }),
+          r && /* @__PURE__ */ e("p", { className: "non-buyer-layout__description", children: r })
+        ] }),
+        a?.length && /* @__PURE__ */ e("div", { className: "non-buyer-layout__cards", children: a.map((o, u) => /* @__PURE__ */ e(
+          y,
+          {
+            ...o
+          },
+          o.header ?? `non-buyer-layout-card-${u}`
+        )) })
+      ] })
+    }
+  );
+}
+export {
+  m as NonBuyerPurchaseFlow,
+  y as NonBuyerPurchaseFlowCard
+};

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts

@@ -0,0 +1,29 @@
+export type NonBuyerPurchaseFlowDialog = {
+    variant?: "loading" | "nonBuyerNewAccount";
+    title: string;
+    content: string;
+    loadingText?: string;
+    primaryButtonText: string;
+    secondaryButtonText?: string;
+    openOnSuccess?: boolean;
+    onCloseButtonClick?: () => void;
+    onPrimaryButtonClick?: () => void;
+    onSecondaryButtonClick?: () => void;
+    contentWithLink?: string;
+    contentLink?: string;
+    contentLinkText?: string;
+};
+export type NonBuyerPurchaseFlowCta = {
+    label: string;
+    destination?: string;
+    onClick?: () => void | boolean | Promise<void | boolean>;
+    ariaLabel?: string;
+};
+export type NonBuyerPurchaseFlowCardProps = {
+    header?: string;
+    description?: string;
+    cta?: NonBuyerPurchaseFlowCta;
+    dialog?: NonBuyerPurchaseFlowDialog;
+};
+export declare function NonBuyerPurchaseFlowCard({ header, description, cta, dialog, }: NonBuyerPurchaseFlowCardProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=NonBuyerPurchaseFlowCard.d.ts.map

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonBuyerPurchaseFlowCard.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.tsx"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAA;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,uBAAuB,CAAA;IAC7B,MAAM,CAAC,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,WAAW,EACX,GAAG,EACH,MAAM,GACP,EAAE,6BAA6B,kDAkH/B"}

package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.js

@@ -0,0 +1,82 @@
+import { jsxs as s, Fragment as y, jsx as t } from "react/jsx-runtime";
+import { useState as m, useEffect as f } from "react";
+import d from "../../Dialog/Dialog.js";
+import { TerraLink as k } from "../../TerraLink/TerraLink.js";
+import './NonBuyerPurchaseFlow.css';/* empty css                         */
+function x({
+  header: r,
+  description: i,
+  cta: e,
+  dialog: n
+}) {
+  const [o, l] = m(!1);
+  if (f(() => {
+    if (!o)
+      return;
+    const a = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = a;
+    };
+  }, [o]), !r && !i && !e?.label)
+    return null;
+  const u = async () => {
+    if (n?.openOnSuccess) {
+      if (!e?.onClick)
+        return;
+      try {
+        await e.onClick() !== !1 && l(!0);
+      } catch {
+      }
+      return;
+    }
+    e?.onClick?.(), n && l(!0);
+  }, c = () => l(!1);
+  return /* @__PURE__ */ s(y, { children: [
+    /* @__PURE__ */ s("div", { className: "non-buyer-layout-card", children: [
+      /* @__PURE__ */ s("div", { className: "non-buyer-layout-card__content", children: [
+        r && /* @__PURE__ */ t("h3", { className: "non-buyer-layout-card__header", children: r }),
+        i && /* @__PURE__ */ t("p", { className: "non-buyer-layout-card__description", children: i })
+      ] }),
+      e?.label && /* @__PURE__ */ t("div", { className: "non-buyer-layout-card__cta", children: /* @__PURE__ */ t(
+        k,
+        {
+          primary: !0,
+          size: "large",
+          label: e.label,
+          destination: n ? void 0 : e.destination ?? "#",
+          ariaLabel: e.ariaLabel ?? e.label,
+          onClickHandler: n || e.onClick ? () => {
+            u();
+          } : void 0
+        }
+      ) })
+    ] }),
+    n && o && /* @__PURE__ */ t(
+      d,
+      {
+        isOpen: o,
+        variant: n.variant,
+        title: n.title,
+        content: n.content,
+        loadingText: n.loadingText,
+        primaryButtonText: n.primaryButtonText,
+        secondaryButtonText: n.secondaryButtonText,
+        contentWithLink: n.contentWithLink,
+        contentLink: n.contentLink,
+        contentLinkText: n.contentLinkText,
+        onCloseButtonClick: () => {
+          n.onCloseButtonClick?.(), c();
+        },
+        onPrimaryButtonClick: () => {
+          n.onPrimaryButtonClick?.(), c();
+        },
+        onSecondaryButtonClick: n.secondaryButtonText ? () => {
+          n.onSecondaryButtonClick?.(), c();
+        } : void 0
+      }
+    )
+  ] });
+}
+export {
+  x as NonBuyerPurchaseFlowCard
+};