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.
- package/dist/src/component/CreditsTracker/CreditsTracker.css +1 -0
- package/dist/src/component/CreditsTracker/CreditsTracker.d.ts +17 -0
- package/dist/src/component/CreditsTracker/CreditsTracker.d.ts.map +1 -0
- package/dist/src/component/CreditsTracker/CreditsTracker.js +114 -0
- package/dist/src/component/Dialog/Dialog.css +1 -1
- package/dist/src/component/Dialog/Dialog.d.ts +4 -4
- package/dist/src/component/Dialog/Dialog.d.ts.map +1 -1
- package/dist/src/component/Dialog/Dialog.js +39 -39
- package/dist/src/component/FlyoutCart/FlyoutCart.css +1 -1
- package/dist/src/component/FlyoutCart/FlyoutCart.d.ts.map +1 -1
- package/dist/src/component/FlyoutCart/FlyoutCart.js +101 -95
- package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts +68 -0
- package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts.map +1 -1
- package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.css +1 -1
- package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts +8 -1
- package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts.map +1 -1
- package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.js +159 -98
- package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.css +1 -0
- package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts +29 -0
- package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts.map +1 -0
- package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.js +81 -0
- package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.css +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.css +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts +8 -8
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts.map +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.js +47 -58
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.css +1 -0
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.d.ts +10 -0
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.d.ts.map +1 -0
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlow.js +33 -0
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts +29 -0
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts.map +1 -0
- package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.js +82 -0
- package/dist/src/component/ProductDetail/PricingCards/PricingCards.d.ts.map +1 -1
- package/dist/src/component/ProductDetail/PricingCards/PricingCards.js +23 -24
- package/dist/src/component/ProductDetail/ProductDetail.css +1 -1
- package/dist/src/component/ProductDetail/ProductDetail.d.ts +45 -5
- package/dist/src/component/ProductDetail/ProductDetail.d.ts.map +1 -1
- package/dist/src/component/ProductDetail/ProductDetail.js +274 -140
- package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts +212 -0
- package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts.map +1 -1
- package/dist/src/component/TerraLink/TerraLink.d.ts +1 -1
- package/dist/src/component/TerraLink/TerraLink.d.ts.map +1 -1
- package/dist/src/component/Video/Video.d.ts +0 -1
- package/dist/src/component/Video/Video.d.ts.map +1 -1
- package/dist/src/component/Video/Video.js +77 -46
- package/dist/src/component/Video/VimeoVideo.d.ts +1 -0
- package/dist/src/component/Video/VimeoVideo.d.ts.map +1 -1
- package/dist/src/component/Video/VimeoVideo.js +27 -21
- package/dist/src/navigation/SiteNav/SiteNav.d.ts +4 -1
- package/dist/src/navigation/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/SiteNav.js +113 -106
- package/dist/src/navigation/SiteNav/SiteNavMobile.d.ts +2 -1
- package/dist/src/navigation/SiteNav/SiteNavMobile.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/SiteNavMobile.js +48 -44
- package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts +2 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenu.js +37 -36
- package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts +2 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.js +52 -51
- package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts +3 -2
- package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.js +75 -75
- package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts +2 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.js +34 -31
- package/dist/src/navigation/SiteNavigation/SiteNavigation.d.ts +2 -1
- package/dist/src/navigation/SiteNavigation/SiteNavigation.d.ts.map +1 -1
- package/dist/src/navigation/SiteNavigation/SiteNavigation.js +85 -81
- package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.d.ts +2 -1
- package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.d.ts.map +1 -1
- package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.js +33 -31
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts +2 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.d.ts.map +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.js +37 -36
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts +2 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.d.ts.map +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenuMobile.js +58 -57
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/SiteNavigationUtilityNav.d.ts +2 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/SiteNavigationUtilityNav.d.ts.map +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/SiteNavigationUtilityNav.js +24 -22
- 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:
|
|
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?:
|
|
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;
|
|
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
|
|
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
|
|
6
|
-
const w = (
|
|
5
|
+
import { TerraLink as i } from "../TerraLink/TerraLink.js";
|
|
6
|
+
const w = (m) => {
|
|
7
7
|
const {
|
|
8
8
|
isOpen: o,
|
|
9
|
-
variant:
|
|
10
|
-
title:
|
|
11
|
-
content:
|
|
12
|
-
loadingText:
|
|
9
|
+
variant: a,
|
|
10
|
+
title: r,
|
|
11
|
+
content: c,
|
|
12
|
+
loadingText: d,
|
|
13
13
|
primaryButtonText: h = "OK",
|
|
14
14
|
secondaryButtonText: _ = "Cancel",
|
|
15
|
-
onCloseButtonClick:
|
|
15
|
+
onCloseButtonClick: s,
|
|
16
16
|
onPrimaryButtonClick: l,
|
|
17
|
-
onSecondaryButtonClick:
|
|
18
|
-
contentWithLink:
|
|
19
|
-
contentLink:
|
|
20
|
-
contentLinkText:
|
|
21
|
-
} =
|
|
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:
|
|
25
|
+
onClick: s,
|
|
26
26
|
"aria-label": "Close Dialog",
|
|
27
|
-
children: /* @__PURE__ */
|
|
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__ */
|
|
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 ||
|
|
46
|
-
|
|
47
|
-
|
|
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: "
|
|
51
|
-
onClickHandler:
|
|
50
|
+
size: "large",
|
|
51
|
+
onClickHandler: e
|
|
52
52
|
}
|
|
53
53
|
),
|
|
54
|
-
l && /* @__PURE__ */
|
|
55
|
-
|
|
54
|
+
l && /* @__PURE__ */ n(
|
|
55
|
+
i,
|
|
56
56
|
{
|
|
57
57
|
label: h,
|
|
58
58
|
primary: !0,
|
|
59
|
-
size: "
|
|
59
|
+
size: "large",
|
|
60
60
|
onClickHandler: l
|
|
61
61
|
}
|
|
62
62
|
)
|
|
63
63
|
] }) : null;
|
|
64
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
70
|
-
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
|
|
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
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
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__ */
|
|
80
|
-
|
|
79
|
+
/* @__PURE__ */ n(
|
|
80
|
+
i,
|
|
81
81
|
{
|
|
82
82
|
className: "t2-dialog__content--link",
|
|
83
|
-
destination:
|
|
83
|
+
destination: g,
|
|
84
84
|
linkType: "text",
|
|
85
|
-
children:
|
|
85
|
+
children: u
|
|
86
86
|
}
|
|
87
87
|
)
|
|
88
88
|
] }),
|
|
89
|
-
/* @__PURE__ */
|
|
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:
|
|
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":";
|
|
1
|
+
{"version":3,"file":"FlyoutCart.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.jsx"],"names":[],"mappings":";AA8KA,iFAgPC"}
|