trimble-terra 1.1.8 → 1.1.9-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/src/component/CreditsTracker/CreditsTracker.css +1 -0
  2. package/dist/src/component/CreditsTracker/CreditsTracker.d.ts +17 -0
  3. package/dist/src/component/CreditsTracker/CreditsTracker.d.ts.map +1 -0
  4. package/dist/src/component/CreditsTracker/CreditsTracker.js +114 -0
  5. package/dist/src/component/Dialog/Dialog.css +1 -1
  6. package/dist/src/component/Dialog/Dialog.d.ts +4 -4
  7. package/dist/src/component/Dialog/Dialog.d.ts.map +1 -1
  8. package/dist/src/component/Dialog/Dialog.js +39 -39
  9. package/dist/src/component/FlyoutCart/FlyoutCart.css +1 -1
  10. package/dist/src/component/FlyoutCart/FlyoutCart.d.ts.map +1 -1
  11. package/dist/src/component/FlyoutCart/FlyoutCart.js +101 -95
  12. package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts +68 -0
  13. package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts.map +1 -1
  14. package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.css +1 -1
  15. package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts +8 -1
  16. package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts.map +1 -1
  17. package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.js +159 -98
  18. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.css +1 -0
  19. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts +29 -0
  20. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts.map +1 -0
  21. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.js +81 -0
  22. package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.css +1 -1
  23. package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.css +1 -1
  24. package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts +8 -8
  25. package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts.map +1 -1
  26. package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.js +47 -58
  27. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.css +1 -0
  28. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.d.ts +10 -0
  29. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.d.ts.map +1 -0
  30. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.js +33 -0
  31. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts +29 -0
  32. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts.map +1 -0
  33. package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.js +82 -0
  34. package/dist/src/component/ProductDetail/PricingCards/PricingCards.d.ts.map +1 -1
  35. package/dist/src/component/ProductDetail/PricingCards/PricingCards.js +23 -24
  36. package/dist/src/component/ProductDetail/ProductDetail.css +1 -1
  37. package/dist/src/component/ProductDetail/ProductDetail.d.ts +45 -5
  38. package/dist/src/component/ProductDetail/ProductDetail.d.ts.map +1 -1
  39. package/dist/src/component/ProductDetail/ProductDetail.js +274 -140
  40. package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts +212 -0
  41. package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts.map +1 -1
  42. package/dist/src/component/TerraLink/TerraLink.d.ts +1 -1
  43. package/dist/src/component/TerraLink/TerraLink.d.ts.map +1 -1
  44. package/dist/src/component/Video/Video.d.ts +0 -1
  45. package/dist/src/component/Video/Video.d.ts.map +1 -1
  46. package/dist/src/component/Video/Video.js +77 -46
  47. package/dist/src/component/Video/VimeoVideo.d.ts +1 -0
  48. package/dist/src/component/Video/VimeoVideo.d.ts.map +1 -1
  49. package/dist/src/component/Video/VimeoVideo.js +27 -21
  50. package/dist/src/navigation/SiteNav/SiteNav.d.ts +4 -1
  51. package/dist/src/navigation/SiteNav/SiteNav.d.ts.map +1 -1
  52. package/dist/src/navigation/SiteNav/SiteNav.js +113 -106
  53. package/dist/src/navigation/SiteNav/SiteNavMobile.d.ts +2 -1
  54. package/dist/src/navigation/SiteNav/SiteNavMobile.d.ts.map +1 -1
  55. package/dist/src/navigation/SiteNav/SiteNavMobile.js +48 -44
  56. package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts +2 -1
  57. package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts.map +1 -1
  58. package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenu.js +37 -36
  59. package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts +2 -1
  60. package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts.map +1 -1
  61. package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.js +52 -51
  62. package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts +3 -2
  63. package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map +1 -1
  64. package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.js +75 -75
  65. package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts +2 -1
  66. package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts.map +1 -1
  67. package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.js +34 -31
  68. package/dist/src/navigation/SiteNavigation/SiteNavigation.d.ts +2 -1
  69. package/dist/src/navigation/SiteNavigation/SiteNavigation.d.ts.map +1 -1
  70. package/dist/src/navigation/SiteNavigation/SiteNavigation.js +85 -81
  71. package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.d.ts +2 -1
  72. package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.d.ts.map +1 -1
  73. package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.js +33 -31
  74. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts +2 -1
  75. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts.map +1 -1
  76. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.js +37 -36
  77. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts +2 -1
  78. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts.map +1 -1
  79. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.js +58 -57
  80. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/SiteNavigationUtilityNav.d.ts +2 -1
  81. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/SiteNavigationUtilityNav.d.ts.map +1 -1
  82. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/SiteNavigationUtilityNav.js +24 -22
  83. package/package.json +2 -2
@@ -0,0 +1 @@
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}
@@ -0,0 +1,17 @@
1
+ export interface CreditsTrackerProps {
2
+ minimumQuantity: number;
3
+ maximumQuantity: number;
4
+ incrementRate: number;
5
+ credits?: number;
6
+ onCreditsChange?: (credits: number) => void;
7
+ locale?: string | string[];
8
+ inputId?: string;
9
+ ariaLabel?: string;
10
+ disabled?: boolean;
11
+ className?: string;
12
+ belowMinimumLabel?: string;
13
+ aboveMaximumLabel?: string;
14
+ }
15
+ declare const CreditsTracker: ({ minimumQuantity, maximumQuantity, incrementRate, credits, onCreditsChange, locale, inputId, ariaLabel, disabled, className, belowMinimumLabel, aboveMaximumLabel, }: CreditsTrackerProps) => import("react/jsx-runtime").JSX.Element;
16
+ export default CreditsTracker;
17
+ //# sourceMappingURL=CreditsTracker.d.ts.map
@@ -0,0 +1 @@
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,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,QAAA,MAAM,cAAc,GAAI,uKAarB,mBAAmB,4CAqKrB,CAAA;AAED,eAAe,cAAc,CAAA"}
@@ -0,0 +1,114 @@
1
+ import { jsxs as b, Fragment as T, jsx as t } from "react/jsx-runtime";
2
+ import E, { useState as F } from "react";
3
+ import './CreditsTracker.css';/* empty css */
4
+ const q = ({
5
+ minimumQuantity: e,
6
+ maximumQuantity: o,
7
+ incrementRate: c,
8
+ credits: k,
9
+ onCreditsChange: i,
10
+ locale: f,
11
+ inputId: N,
12
+ ariaLabel: _,
13
+ disabled: u = !1,
14
+ className: v,
15
+ belowMinimumLabel: H,
16
+ aboveMaximumLabel: M
17
+ }) => {
18
+ const s = k ?? e, [n, C] = F(null), V = () => {
19
+ i?.(Math.max(e, s - c));
20
+ }, D = () => {
21
+ i?.(Math.min(o, s + c));
22
+ }, I = (r) => {
23
+ const l = r.currentTarget.value.replace(/[^0-9]/g, "");
24
+ C(l);
25
+ }, x = () => {
26
+ if (n === null) return;
27
+ const r = parseInt(n, 10), l = Number.isNaN(r) ? 0 : r, h = c > 0 ? Math.round(l / c) * c : l, a = Math.min(
28
+ o,
29
+ Math.max(e, h)
30
+ );
31
+ C(null), a !== s && i?.(a);
32
+ }, B = (r) => {
33
+ r.key === "Enter" && (r.preventDefault(), r.currentTarget.blur());
34
+ }, j = s.toLocaleString(f), L = n ?? j, g = (r, l) => {
35
+ if (!r) return null;
36
+ const h = l.toLocaleString(f);
37
+ return r.split(/(\{[^}]+\})/g).map((a, w) => /^\{[^}]+\}$/.test(a) ? /* @__PURE__ */ t("span", { children: h }, w) : /* @__PURE__ */ t(E.Fragment, { children: a }, w));
38
+ };
39
+ let p = !1, d = null;
40
+ if (n !== null && n !== "") {
41
+ const r = parseInt(n, 10);
42
+ Number.isNaN(r) || (r < e ? (p = !0, d = g(H, e)) : r > o && (p = !0, d = g(M, o)));
43
+ }
44
+ const S = [
45
+ "t2-credits-tracker",
46
+ p && "t2-credits-tracker--invalid",
47
+ v
48
+ ].filter(Boolean).join(" ");
49
+ return /* @__PURE__ */ b(T, { children: [
50
+ /* @__PURE__ */ b("div", { className: S, children: [
51
+ /* @__PURE__ */ t(
52
+ "button",
53
+ {
54
+ type: "button",
55
+ className: "t2-credits-tracker__button t2-credits-tracker__button--decrease",
56
+ onClick: V,
57
+ disabled: u || s <= e,
58
+ "aria-label": "Decrease credits",
59
+ children: /* @__PURE__ */ t(
60
+ "svg",
61
+ {
62
+ width: "14",
63
+ height: "2",
64
+ viewBox: "0 0 14 2",
65
+ fill: "currentColor",
66
+ xmlns: "http://www.w3.org/2000/svg",
67
+ children: /* @__PURE__ */ t("path", { d: "M14 2H0V0H14V2Z", fill: "currentColor" })
68
+ }
69
+ )
70
+ }
71
+ ),
72
+ /* @__PURE__ */ t(
73
+ "input",
74
+ {
75
+ id: N,
76
+ type: "text",
77
+ inputMode: "numeric",
78
+ className: "t2-credits-tracker__input",
79
+ value: L,
80
+ onChange: I,
81
+ onBlur: x,
82
+ onKeyDown: B,
83
+ disabled: u,
84
+ "aria-label": _
85
+ }
86
+ ),
87
+ /* @__PURE__ */ t(
88
+ "button",
89
+ {
90
+ type: "button",
91
+ className: "t2-credits-tracker__button t2-credits-tracker__button--increase",
92
+ onClick: D,
93
+ disabled: u || s >= o,
94
+ "aria-label": "Increase credits",
95
+ children: /* @__PURE__ */ t(
96
+ "svg",
97
+ {
98
+ width: "14",
99
+ height: "14",
100
+ viewBox: "0 0 14 14",
101
+ fill: "currentColor",
102
+ xmlns: "http://www.w3.org/2000/svg",
103
+ children: /* @__PURE__ */ t("path", { d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z", fill: "currentColor" })
104
+ }
105
+ )
106
+ }
107
+ )
108
+ ] }),
109
+ d && /* @__PURE__ */ t("p", { className: "t2-credits-tracker__error", role: "alert", children: d })
110
+ ] });
111
+ };
112
+ export {
113
+ q as default
114
+ };
@@ -1 +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}.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}}
1
+ @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}}
@@ -1,14 +1,14 @@
1
1
  interface DialogProps {
2
2
  isOpen: boolean;
3
- variant?: "loading";
3
+ variant?: "loading" | "nonBuyerNewAccount";
4
4
  title: string;
5
5
  content: string;
6
6
  loadingText?: string;
7
7
  primaryButtonText: string;
8
8
  secondaryButtonText?: string;
9
- onCloseButtonClick?: () => void;
10
- onPrimaryButtonClick?: (e?: any) => void;
11
- onSecondaryButtonClick?: () => void;
9
+ onCloseButtonClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
10
+ onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLElement>) => void;
11
+ onSecondaryButtonClick?: (e?: React.MouseEvent<HTMLElement>) => void;
12
12
  contentWithLink?: string;
13
13
  contentLink?: string;
14
14
  contentLinkText?: string;
@@ -1 +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"}
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,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"}
@@ -1,30 +1,30 @@
1
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as t } from "react/jsx-runtime";
2
2
  import './Dialog.css';/* empty css */
3
3
  import L from "../LoadingSpinner/LoadingSpinner.js";
4
4
  import { checkAndSet as x } from "../../utils/checkForDangerouslySet.js";
5
- import { TerraLink as e } from "../TerraLink/TerraLink.js";
6
- const w = (g) => {
5
+ import { TerraLink as i } from "../TerraLink/TerraLink.js";
6
+ const w = (m) => {
7
7
  const {
8
8
  isOpen: o,
9
- variant: u,
10
- title: a,
11
- content: r,
12
- loadingText: s,
9
+ variant: a,
10
+ title: r,
11
+ content: c,
12
+ loadingText: d,
13
13
  primaryButtonText: h = "OK",
14
14
  secondaryButtonText: _ = "Cancel",
15
- onCloseButtonClick: c,
15
+ onCloseButtonClick: s,
16
16
  onPrimaryButtonClick: l,
17
- onSecondaryButtonClick: i,
18
- contentWithLink: d,
19
- contentLink: C,
20
- contentLinkText: m
21
- } = g, p = () => c ? /* @__PURE__ */ t(
17
+ onSecondaryButtonClick: e,
18
+ contentWithLink: C,
19
+ contentLink: g,
20
+ contentLinkText: u
21
+ } = m, p = () => s ? /* @__PURE__ */ n(
22
22
  "button",
23
23
  {
24
24
  className: "t2-dialog__close",
25
- onClick: c,
25
+ onClick: s,
26
26
  "aria-label": "Close Dialog",
27
- children: /* @__PURE__ */ t(
27
+ children: /* @__PURE__ */ n(
28
28
  "svg",
29
29
  {
30
30
  xmlns: "http://www.w3.org/2000/svg",
@@ -32,7 +32,7 @@ const w = (g) => {
32
32
  height: "21",
33
33
  viewBox: "0 0 20 21",
34
34
  fill: "none",
35
- children: /* @__PURE__ */ t(
35
+ children: /* @__PURE__ */ n(
36
36
  "path",
37
37
  {
38
38
  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) => {
42
42
  }
43
43
  )
44
44
  }
45
- ) : null, k = () => l || i ? /* @__PURE__ */ n("div", { className: "t2-dialog__buttons", children: [
46
- i && /* @__PURE__ */ t(
47
- e,
45
+ ) : null, k = () => l || e ? /* @__PURE__ */ t("div", { className: "t2-dialog__buttons", children: [
46
+ e && /* @__PURE__ */ n(
47
+ i,
48
48
  {
49
49
  label: _,
50
- size: "small",
51
- onClickHandler: i
50
+ size: "large",
51
+ onClickHandler: e
52
52
  }
53
53
  ),
54
- l && /* @__PURE__ */ t(
55
- e,
54
+ l && /* @__PURE__ */ n(
55
+ i,
56
56
  {
57
57
  label: h,
58
58
  primary: !0,
59
- size: "small",
59
+ size: "large",
60
60
  onClickHandler: l
61
61
  }
62
62
  )
63
63
  ] }) : null;
64
- return /* @__PURE__ */ t("div", { className: `${o ? "t2-dialog__overlay" : ""}`, children: /* @__PURE__ */ n(
64
+ return /* @__PURE__ */ n("div", { className: `${o ? "t2-dialog__overlay" : ""}`, children: /* @__PURE__ */ t(
65
65
  "div",
66
66
  {
67
- className: `t2-dialog ${o ? "t2-dialog--opened" : "t2-dialog--closed"}`,
67
+ className: `t2-dialog ${o ? "t2-dialog--opened" : "t2-dialog--closed"}${a === "nonBuyerNewAccount" ? " t2-dialog--non-buyer-new-account" : ""}`,
68
68
  children: [
69
- /* @__PURE__ */ t(p, {}),
70
- u === "loading" && /* @__PURE__ */ n("div", { className: "t2-dialog-loading__section", children: [
71
- /* @__PURE__ */ t(L, {}),
72
- s && /* @__PURE__ */ t("span", { className: "t2-dialog-loading__text", children: s })
69
+ /* @__PURE__ */ n(p, {}),
70
+ a === "loading" && /* @__PURE__ */ t("div", { className: "t2-dialog-loading__section", children: [
71
+ /* @__PURE__ */ n(L, {}),
72
+ d && /* @__PURE__ */ n("span", { className: "t2-dialog-loading__text", children: d })
73
73
  ] }),
74
- a && /* @__PURE__ */ t("h6", { className: "t2-dialog__title", children: a }),
75
- r && x(r, "t2-dialog__content", null, null),
76
- d && C && m && /* @__PURE__ */ n("div", { className: "t2-dialog__content", children: [
77
- d,
74
+ r && /* @__PURE__ */ n("h6", { className: "t2-dialog__title", children: r }),
75
+ c && x(c, "t2-dialog__content", null, null),
76
+ C && g && u && /* @__PURE__ */ t("div", { className: "t2-dialog__content", children: [
77
+ C,
78
78
  " ",
79
- /* @__PURE__ */ t(
80
- e,
79
+ /* @__PURE__ */ n(
80
+ i,
81
81
  {
82
82
  className: "t2-dialog__content--link",
83
- destination: C,
83
+ destination: g,
84
84
  linkType: "text",
85
- children: m
85
+ children: u
86
86
  }
87
87
  )
88
88
  ] }),
89
- /* @__PURE__ */ t(k, {})
89
+ /* @__PURE__ */ n(k, {})
90
90
  ]
91
91
  }
92
92
  ) });
@@ -1 +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}
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: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}
@@ -1 +1 @@
1
- {"version":3,"file":"FlyoutCart.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.jsx"],"names":[],"mappings":";AAiKA,iFA8OC"}
1
+ {"version":3,"file":"FlyoutCart.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.jsx"],"names":[],"mappings":";AA8KA,iFAgPC"}