trimble-terra 1.1.9-beta.7 → 1.1.9-beta.9
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/Dialog/Dialog.css +1 -1
- package/dist/src/component/Dialog/Dialog.d.ts +3 -3
- package/dist/src/component/Dialog/Dialog.d.ts.map +1 -1
- package/dist/src/component/Dialog/Dialog.js +30 -30
- package/dist/src/component/FlyoutCart/FlyoutCart.d.ts.map +1 -1
- package/dist/src/component/FlyoutCart/FlyoutCart.js +10 -7
- package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts.map +1 -1
- 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/ProductDetail.css +1 -1
- package/dist/src/component/ProductDetail/ProductDetail.d.ts +23 -5
- package/dist/src/component/ProductDetail/ProductDetail.d.ts.map +1 -1
- package/dist/src/component/ProductDetail/ProductDetail.js +255 -214
- package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts +67 -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/navigation/Footer/GlobalFooter/GlobalFooter.css +1 -1
- package/dist/src/navigation/SiteNav/SiteNav.d.ts +2 -0
- package/dist/src/navigation/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/SiteNav.js +109 -106
- package/dist/src/navigation/SiteNav/SiteNavMobile.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/SiteNavMobile.js +26 -24
- 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.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.js +24 -23
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
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__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-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
9
|
onCloseButtonClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
-
onPrimaryButtonClick?: () => void;
|
|
11
|
-
onSecondaryButtonClick?: () => 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,4 +1,4 @@
|
|
|
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";
|
|
@@ -6,25 +6,25 @@ import { TerraLink as i } from "../TerraLink/TerraLink.js";
|
|
|
6
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
17
|
onSecondaryButtonClick: e,
|
|
18
|
-
contentWithLink:
|
|
19
|
-
contentLink:
|
|
20
|
-
contentLinkText:
|
|
21
|
-
} = m, p = () =>
|
|
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 = (m) => {
|
|
|
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,8 +42,8 @@ const w = (m) => {
|
|
|
42
42
|
}
|
|
43
43
|
)
|
|
44
44
|
}
|
|
45
|
-
) : null, k = () => l || e ? /* @__PURE__ */
|
|
46
|
-
e && /* @__PURE__ */
|
|
45
|
+
) : null, k = () => l || e ? /* @__PURE__ */ t("div", { className: "t2-dialog__buttons", children: [
|
|
46
|
+
e && /* @__PURE__ */ n(
|
|
47
47
|
i,
|
|
48
48
|
{
|
|
49
49
|
label: _,
|
|
@@ -51,7 +51,7 @@ const w = (m) => {
|
|
|
51
51
|
onClickHandler: e
|
|
52
52
|
}
|
|
53
53
|
),
|
|
54
|
-
l && /* @__PURE__ */
|
|
54
|
+
l && /* @__PURE__ */ n(
|
|
55
55
|
i,
|
|
56
56
|
{
|
|
57
57
|
label: h,
|
|
@@ -61,32 +61,32 @@ const w = (m) => {
|
|
|
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__ */
|
|
79
|
+
/* @__PURE__ */ n(
|
|
80
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
|
-
{"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"}
|
|
@@ -116,15 +116,18 @@ const U = ({ message: a, timeStamp: e }) => {
|
|
|
116
116
|
if (c) {
|
|
117
117
|
const {
|
|
118
118
|
checkoutBtnLabel: r = "Proceed to Checkout",
|
|
119
|
-
checkoutBtnUrl: n = "https://www.trimble.com"
|
|
119
|
+
checkoutBtnUrl: n = "https://www.trimble.com",
|
|
120
|
+
checkoutBtnMethod: i
|
|
120
121
|
} = e;
|
|
121
122
|
return /* @__PURE__ */ t(
|
|
122
123
|
p,
|
|
123
124
|
{
|
|
124
125
|
label: r,
|
|
125
|
-
|
|
126
|
+
...i ? { onClickHandler: i } : {
|
|
127
|
+
destination: n,
|
|
128
|
+
internalLinkComponent: !0
|
|
129
|
+
},
|
|
126
130
|
LinkComponent: l,
|
|
127
|
-
internalLinkComponent: !0,
|
|
128
131
|
primary: !0,
|
|
129
132
|
className: "t2-cart-flyout__buttons__button t2-cart-flyout__buttons__button--primary",
|
|
130
133
|
openInSameTabExternalLink: !0
|
|
@@ -193,7 +196,7 @@ const U = ({ message: a, timeStamp: e }) => {
|
|
|
193
196
|
timeStamp: Date.now()
|
|
194
197
|
});
|
|
195
198
|
});
|
|
196
|
-
},
|
|
199
|
+
}, H = (u, v, C, h) => {
|
|
197
200
|
const y = n(u, v, C, h);
|
|
198
201
|
y && y.then((R) => {
|
|
199
202
|
R && h === 0 && L({
|
|
@@ -201,7 +204,7 @@ const U = ({ message: a, timeStamp: e }) => {
|
|
|
201
204
|
timeStamp: Date.now()
|
|
202
205
|
});
|
|
203
206
|
});
|
|
204
|
-
},
|
|
207
|
+
}, P = (u) => {
|
|
205
208
|
u.preventDefault(), S && S();
|
|
206
209
|
}, Q = new Intl.NumberFormat(void 0, {
|
|
207
210
|
style: "currency",
|
|
@@ -251,7 +254,7 @@ const U = ({ message: a, timeStamp: e }) => {
|
|
|
251
254
|
{
|
|
252
255
|
href: "",
|
|
253
256
|
className: "t2-cart-flyout__header__account__link",
|
|
254
|
-
onClick:
|
|
257
|
+
onClick: P,
|
|
255
258
|
children: [
|
|
256
259
|
D,
|
|
257
260
|
/* @__PURE__ */ t(
|
|
@@ -316,7 +319,7 @@ const U = ({ message: a, timeStamp: e }) => {
|
|
|
316
319
|
cartSettings: c,
|
|
317
320
|
isCartFlyoutActive: l,
|
|
318
321
|
setCartFlyoutActive: r,
|
|
319
|
-
onChangeQuantity:
|
|
322
|
+
onChangeQuantity: H,
|
|
320
323
|
onRemove: Z,
|
|
321
324
|
LinkComponent: d,
|
|
322
325
|
locale: m
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlyoutCart.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.stories.jsx"],"names":[],"mappings":";;;;;;;;;;IAkJU,oEA0EP;;;;;;;;IAqDO,
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1 @@
|
|
|
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}}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { NonBuyerPurchaseFlowCard, NonBuyerPurchaseFlowCardProps } from './NonBuyerPurchaseFlowCard';
|
|
2
|
+
export type NonBuyerPurchaseFlowProps = {
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
cards?: NonBuyerPurchaseFlowCardProps[];
|
|
6
|
+
};
|
|
7
|
+
export type { NonBuyerPurchaseFlowCardProps, NonBuyerPurchaseFlowCta, NonBuyerPurchaseFlowDialog, } from './NonBuyerPurchaseFlowCard';
|
|
8
|
+
export declare function NonBuyerPurchaseFlow({ title, description, cards, }: NonBuyerPurchaseFlowProps): import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export { NonBuyerPurchaseFlowCard };
|
|
10
|
+
//# sourceMappingURL=NonBuyerPurchaseFlow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { NonBuyerPurchaseFlowCard as y } from "./NonBuyerPurchaseFlowCard.js";
|
|
3
|
+
import './NonBuyerPurchaseFlow.css';/* empty css */
|
|
4
|
+
function m({
|
|
5
|
+
title: n,
|
|
6
|
+
description: r,
|
|
7
|
+
cards: a
|
|
8
|
+
}) {
|
|
9
|
+
return !n && !r && !a?.length ? null : /* @__PURE__ */ e(
|
|
10
|
+
"section",
|
|
11
|
+
{
|
|
12
|
+
className: "non-buyer-layout",
|
|
13
|
+
...n ? { "aria-label": n } : {},
|
|
14
|
+
children: /* @__PURE__ */ l("div", { className: "non-buyer-layout__content", children: [
|
|
15
|
+
(n || r) && /* @__PURE__ */ l("div", { className: "non-buyer-layout__header", children: [
|
|
16
|
+
n && /* @__PURE__ */ e("h2", { className: "non-buyer-layout__title", children: n }),
|
|
17
|
+
r && /* @__PURE__ */ e("p", { className: "non-buyer-layout__description", children: r })
|
|
18
|
+
] }),
|
|
19
|
+
a?.length && /* @__PURE__ */ e("div", { className: "non-buyer-layout__cards", children: a.map((o, u) => /* @__PURE__ */ e(
|
|
20
|
+
y,
|
|
21
|
+
{
|
|
22
|
+
...o
|
|
23
|
+
},
|
|
24
|
+
o.header ?? `non-buyer-layout-card-${u}`
|
|
25
|
+
)) })
|
|
26
|
+
] })
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
export {
|
|
31
|
+
m as NonBuyerPurchaseFlow,
|
|
32
|
+
y as NonBuyerPurchaseFlowCard
|
|
33
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export type NonBuyerPurchaseFlowDialog = {
|
|
2
|
+
variant?: "loading" | "nonBuyerNewAccount";
|
|
3
|
+
title: string;
|
|
4
|
+
content: string;
|
|
5
|
+
loadingText?: string;
|
|
6
|
+
primaryButtonText: string;
|
|
7
|
+
secondaryButtonText?: string;
|
|
8
|
+
openOnSuccess?: boolean;
|
|
9
|
+
onCloseButtonClick?: () => void;
|
|
10
|
+
onPrimaryButtonClick?: () => void;
|
|
11
|
+
onSecondaryButtonClick?: () => void;
|
|
12
|
+
contentWithLink?: string;
|
|
13
|
+
contentLink?: string;
|
|
14
|
+
contentLinkText?: string;
|
|
15
|
+
};
|
|
16
|
+
export type NonBuyerPurchaseFlowCta = {
|
|
17
|
+
label: string;
|
|
18
|
+
destination?: string;
|
|
19
|
+
onClick?: () => void | boolean | Promise<void | boolean>;
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
};
|
|
22
|
+
export type NonBuyerPurchaseFlowCardProps = {
|
|
23
|
+
header?: string;
|
|
24
|
+
description?: string;
|
|
25
|
+
cta?: NonBuyerPurchaseFlowCta;
|
|
26
|
+
dialog?: NonBuyerPurchaseFlowDialog;
|
|
27
|
+
};
|
|
28
|
+
export declare function NonBuyerPurchaseFlowCard({ header, description, cta, dialog, }: NonBuyerPurchaseFlowCardProps): import("react/jsx-runtime").JSX.Element | null;
|
|
29
|
+
//# sourceMappingURL=NonBuyerPurchaseFlowCard.d.ts.map
|
package/dist/src/component/ProductDetail/NonBuyerPurchaseFlow/NonBuyerPurchaseFlowCard.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { jsxs as s, Fragment as y, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useState as m, useEffect as f } from "react";
|
|
3
|
+
import d from "../../Dialog/Dialog.js";
|
|
4
|
+
import { TerraLink as k } from "../../TerraLink/TerraLink.js";
|
|
5
|
+
import './NonBuyerPurchaseFlow.css';/* empty css */
|
|
6
|
+
function x({
|
|
7
|
+
header: r,
|
|
8
|
+
description: i,
|
|
9
|
+
cta: e,
|
|
10
|
+
dialog: n
|
|
11
|
+
}) {
|
|
12
|
+
const [o, l] = m(!1);
|
|
13
|
+
if (f(() => {
|
|
14
|
+
if (!o)
|
|
15
|
+
return;
|
|
16
|
+
const a = document.body.style.overflow;
|
|
17
|
+
return document.body.style.overflow = "hidden", () => {
|
|
18
|
+
document.body.style.overflow = a;
|
|
19
|
+
};
|
|
20
|
+
}, [o]), !r && !i && !e?.label)
|
|
21
|
+
return null;
|
|
22
|
+
const u = async () => {
|
|
23
|
+
if (n?.openOnSuccess) {
|
|
24
|
+
if (!e?.onClick)
|
|
25
|
+
return;
|
|
26
|
+
try {
|
|
27
|
+
await e.onClick() !== !1 && l(!0);
|
|
28
|
+
} catch {
|
|
29
|
+
}
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
e?.onClick?.(), n && l(!0);
|
|
33
|
+
}, c = () => l(!1);
|
|
34
|
+
return /* @__PURE__ */ s(y, { children: [
|
|
35
|
+
/* @__PURE__ */ s("div", { className: "non-buyer-layout-card", children: [
|
|
36
|
+
/* @__PURE__ */ s("div", { className: "non-buyer-layout-card__content", children: [
|
|
37
|
+
r && /* @__PURE__ */ t("h3", { className: "non-buyer-layout-card__header", children: r }),
|
|
38
|
+
i && /* @__PURE__ */ t("p", { className: "non-buyer-layout-card__description", children: i })
|
|
39
|
+
] }),
|
|
40
|
+
e?.label && /* @__PURE__ */ t("div", { className: "non-buyer-layout-card__cta", children: /* @__PURE__ */ t(
|
|
41
|
+
k,
|
|
42
|
+
{
|
|
43
|
+
primary: !0,
|
|
44
|
+
size: "large",
|
|
45
|
+
label: e.label,
|
|
46
|
+
destination: n ? void 0 : e.destination ?? "#",
|
|
47
|
+
ariaLabel: e.ariaLabel ?? e.label,
|
|
48
|
+
onClickHandler: n || e.onClick ? () => {
|
|
49
|
+
u();
|
|
50
|
+
} : void 0
|
|
51
|
+
}
|
|
52
|
+
) })
|
|
53
|
+
] }),
|
|
54
|
+
n && o && /* @__PURE__ */ t(
|
|
55
|
+
d,
|
|
56
|
+
{
|
|
57
|
+
isOpen: o,
|
|
58
|
+
variant: n.variant,
|
|
59
|
+
title: n.title,
|
|
60
|
+
content: n.content,
|
|
61
|
+
loadingText: n.loadingText,
|
|
62
|
+
primaryButtonText: n.primaryButtonText,
|
|
63
|
+
secondaryButtonText: n.secondaryButtonText,
|
|
64
|
+
contentWithLink: n.contentWithLink,
|
|
65
|
+
contentLink: n.contentLink,
|
|
66
|
+
contentLinkText: n.contentLinkText,
|
|
67
|
+
onCloseButtonClick: () => {
|
|
68
|
+
n.onCloseButtonClick?.(), c();
|
|
69
|
+
},
|
|
70
|
+
onPrimaryButtonClick: () => {
|
|
71
|
+
n.onPrimaryButtonClick?.(), c();
|
|
72
|
+
},
|
|
73
|
+
onSecondaryButtonClick: n.secondaryButtonText ? () => {
|
|
74
|
+
n.onSecondaryButtonClick?.(), c();
|
|
75
|
+
} : void 0
|
|
76
|
+
}
|
|
77
|
+
)
|
|
78
|
+
] });
|
|
79
|
+
}
|
|
80
|
+
export {
|
|
81
|
+
x as NonBuyerPurchaseFlowCard
|
|
82
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.highlight-columns .t2-row>div{outline:1px solid pink}.t2-product-detail-page{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 -10px}.t2-product-detail-page{background-color:#fff!important}.t2-product-detail-page,.t2-product-detail-page__left-column,.t2-product-detail-page__right-column,.t2-product-detail-page__image-gallery,.t2-product-detail-page__product-information,.t2-product-detail-page__overview--desktop,.t2-product-detail-page__overview--mobile,.t2-product-detail-page__inline-media,.t2-product-detail-page__disclaimer,.t2-product-detail-page__section,.t2-product-detail-page__fieldset{box-sizing:border-box;background-color:#fff!important}.t2-product-detail-page__product-name,.t2-product-detail-page__eyebrow,.t2-product-detail-page__subheader,.t2-product-detail-page__section-title,.t2-product-detail-page__section__title,.t2-product-detail-page__disclaimer--headline{margin:0;padding:0}.t2-product-detail-page{color:#252a2e}.t2-product-detail-page__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__header__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__title-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.t2-product-detail-page__header__title-row .t2-product-detail-page__header__product-name{margin:0}.t2-product-detail-page__header__list-image{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.t2-product-detail-page__header__product-name{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__header__product-name{margin:0 0 12px}@media(max-width:599px){.t2-product-detail-page__header__product-name{font-size:26px;line-height:34px}}.t2-product-detail-page__header__subheader{color:#353a40;font-size:1.375rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:.18px;margin-bottom:16px}.t2-product-detail-page__header__region{font-weight:700;line-height:28px;display:inline-block;border-radius:4px;background-color:#f1f1f6;padding:6px 10px;margin:0}@media(max-width:599px){.t2-product-detail-page__header--with-list-image .t2-product-detail-page__header__title-row{flex-direction:column;align-items:flex-start;gap:12px}.t2-product-detail-page__header--with-list-image .t2-product-detail-page__header__list-image{width:48px;height:48px}}.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}.t2-product-detail-page__left-column .t2-product-detail-page__header{border-bottom:1px solid #e0e1e9;padding-bottom:40px;margin-bottom:40px}@media(max-width:959px){.t2-product-detail-page__overview--desktop{display:none}}@media(min-width:959px){.t2-product-detail-page__overview--mobile{display:none}}.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__right-column{flex-basis:41.666%;max-width:41.666%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__right-column{flex-basis:33.333%;max-width:33.333%;padding-right:10px;padding-left:10px;margin-left:8.333%}}.t2-product-detail-page__right-column .t2-product-detail-page__header{margin-bottom:24px}.t2-product-detail-page__fieldset{border:none;margin:0 0 24px;padding:0}.t2-product-detail-page__processing{display:flex;align-items:center;justify-content:center;gap:7px}.t2-product-detail-page__section-title{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__section-title{margin:0 0 37px}.t2-product-detail-page__overview{margin-bottom:37px}@media(max-width:959px){.t2-product-detail-page__overview{margin-top:44px;margin-bottom:24px}}.t2-product-detail-page__overview__text{font-size:1.125rem;line-height:2rem;margin-bottom:37px}.t2-product-detail-page__overview__expand-all{display:flex;align-items:center;gap:8px;padding-bottom:37px;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__overview__expand-all__label{font-size:.875rem;line-height:1.5rem}@media screen and (max-width:400px){.t2-product-detail-page__overview .t2-accordion .t2-accordion-title__headline{max-width:200px}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{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-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:32px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:22px}}.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol{margin:0 0 16px}.t2-product-detail-page__choose-your-plan-label,.t2-product-detail-page__choose-your-plan-number-label{color:#252a2e;font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:800;line-height:1rem;letter-spacing:.24px;text-transform:uppercase;margin-bottom:16px}.t2-product-detail-page__image-gallery{margin-bottom:36px}.t2-product-detail-page__image-gallery-sticky-wrapper{position:sticky}.t2-product-detail-page__image-gallery .t2-image-gallery__nav{padding:30px 0}.t2-product-detail-page__purchase-options__header{color:#171c1e;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px;margin-bottom:16px;text-transform:uppercase}.t2-product-detail-page__purchase-options__add-to-cart{display:flex;flex-direction:column;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__flex{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart label{font-size:.875rem;line-height:48px;font-weight:700;color:#252a2e}.t2-product-detail-page__purchase-options__add-to-cart__quantity-tracker__input{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__button,.t2-product-detail-page__purchase-options__add-to-cart__button:active{display:flex;align-items:center;justify-content:center;max-width:342px;width:100%}.t2-product-detail-page__purchase-options--small-print-details-with-links--content{max-width:420px;display:block;overflow:hidden;border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;padding:24px 0;margin-top:24px}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border{border-top:none;margin-top:0}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-bottom-border{border-bottom:none}.t2-product-detail-page__purchase-options--small-print-details-with-links--text{font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.16px}.t2-product-detail-page__purchase-options--small-print-details-with-links a{margin-left:4px!important;display:inline!important;font-size:16px!important;font-weight:600!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--small-print-details-with-links a:visited,.t2-product-detail-page__purchase-options--small-print-details-with-links a:focus,.t2-product-detail-page__purchase-options--small-print-details-with-links a:active{font-weight:700!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--compare-trial{display:flex;margin:16px 0}.t2-product-detail-page__purchase-options--compare-trial a{flex-direction:row;flex:1;color:#0063a3!important;font-size:1rem;font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial a{flex:inherit;flex-direction:column;margin:5px 0 10px}}.t2-product-detail-page__purchase-options--compare-trial a:visited,.t2-product-detail-page__purchase-options--compare-trial a:focus{font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial{flex-direction:column}}.t2-product-detail-page__purchase-options--credit-cards--accepted-payment{margin-top:24px;font-size:14px;font-style:normal;font-weight:700;line-height:171%;margin-bottom:8px}.t2-product-detail-page__purchase-options--credit-cards--payment-fine-print{font-size:12px;font-style:normal;font-weight:400;line-height:167%;margin-top:8px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options svg{width:46px;height:32px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options{display:flex;justify-content:flex-start;gap:8px}.t2-product-detail-page__credit-policy{border-top:1px solid #e0e1e9;padding:24px 0;margin-top:8px}.t2-product-detail-page__credit-policy__label{font-size:12px;font-weight:800;line-height:16px;letter-spacing:.24px;text-transform:uppercase;color:#252a2e;margin:0 0 8px}.t2-product-detail-page__credit-policy__text{font-size:16px;line-height:24px;color:#353a40;margin:0}.t2-product-detail-page__credit-policy-link{border-bottom:none!important;padding-bottom:16px!important}.t2-product-detail-page__fine-print-section{margin-top:60px;grid-column:1/span 2}@media(max-width:599px){.t2-product-detail-page__fine-print-section{margin:20px 0}}@media screen and (max-width:770px){.t2-product-detail-page__fine-print-section{margin:40px 0;max-width:332px}}@media screen and (max-width:1025px){.t2-product-detail-page__fine-print-section{width:auto}}.t2-product-detail-page .disabled{opacity:.6}.t2-product-detail-page .disabled:hover,.t2-product-detail-page .disabled:visited,.t2-product-detail-page .disabled:active,.t2-product-detail-page .disabled:focus{background-color:#fbad26;border:2px solid #fbad26;cursor:not-allowed}.t2-product-detail-page__fine-print{font-size:.75rem;font-weight:400}.t2-product-detail-page__section{margin:100px 0}.t2-product-detail-page__section .t2-accordion{border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__section__title{font-size:40px;font-style:normal;font-weight:300;line-height:48px;letter-spacing:.8px;padding-top:100px;margin-bottom:37px}@media screen and (max-width:600px){.t2-product-detail-page__section__title{font-size:26px;line-height:32px}}.t2-product-detail-page__section__description{font-size:18px;line-height:32px;margin-bottom:80px;font-weight:400}@media screen and (max-width:600px){.t2-product-detail-page__section__description{font-size:16px;line-height:22px}}.t2-product-detail-page__section__link-container{display:flex;justify-content:center;margin-top:80px}.t2-product-detail-page__inline-media{margin:200px 0 100px}
|
|
1
|
+
.highlight-columns .t2-row>div{outline:1px solid pink}.t2-product-detail-page{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 -10px}.t2-product-detail-page{background-color:#fff!important}.t2-product-detail-page,.t2-product-detail-page__left-column,.t2-product-detail-page__right-column,.t2-product-detail-page__image-gallery,.t2-product-detail-page__product-information,.t2-product-detail-page__overview--desktop,.t2-product-detail-page__overview--mobile,.t2-product-detail-page__inline-media,.t2-product-detail-page__disclaimer,.t2-product-detail-page__section,.t2-product-detail-page__fieldset{box-sizing:border-box;background-color:#fff!important}.t2-product-detail-page__product-name,.t2-product-detail-page__eyebrow,.t2-product-detail-page__subheader,.t2-product-detail-page__section-title,.t2-product-detail-page__section__title,.t2-product-detail-page__disclaimer--headline{margin:0;padding:0}.t2-product-detail-page{color:#252a2e}.t2-product-detail-page__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__header__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__title-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.t2-product-detail-page__header__title-row .t2-product-detail-page__header__product-name{margin:0}.t2-product-detail-page__header__list-image{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.t2-product-detail-page__header__product-name{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__header__product-name{margin:0 0 12px}@media(max-width:599px){.t2-product-detail-page__header__product-name{font-size:26px;line-height:34px}}.t2-product-detail-page__header__subheader{color:#353a40;font-size:1.375rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:.18px;margin-bottom:16px}.t2-product-detail-page__header__region{font-weight:700;line-height:28px;display:inline-block;border-radius:4px;background-color:#f1f1f6;padding:6px 10px;margin:0}@media(max-width:599px){.t2-product-detail-page__header--with-list-image .t2-product-detail-page__header__title-row{flex-direction:column;align-items:flex-start;gap:12px}.t2-product-detail-page__header--with-list-image .t2-product-detail-page__header__list-image{width:48px;height:48px}}.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}.t2-product-detail-page__left-column .t2-product-detail-page__header{border-bottom:1px solid #e0e1e9;padding-bottom:40px;margin-bottom:40px}@media(max-width:959px){.t2-product-detail-page__overview--desktop{display:none}}@media(min-width:959px){.t2-product-detail-page__overview--mobile{display:none}}.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__right-column{flex-basis:41.666%;max-width:41.666%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__right-column{flex-basis:33.333%;max-width:33.333%;padding-right:10px;padding-left:10px;margin-left:8.333%}}.t2-product-detail-page__right-column .t2-product-detail-page__header{margin-bottom:24px}.t2-product-detail-page__fieldset{border:none;margin:0 0 24px;padding:0}.t2-product-detail-page__processing{display:flex;align-items:center;justify-content:center;gap:7px}.t2-product-detail-page__section-title{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__section-title{margin:0 0 37px}.t2-product-detail-page__overview{margin-bottom:37px}@media(max-width:959px){.t2-product-detail-page__overview{margin-top:44px;margin-bottom:24px}}.t2-product-detail-page__overview__text{font-size:1.125rem;line-height:2rem;margin-bottom:37px}.t2-product-detail-page__overview__expand-all{display:flex;align-items:center;gap:8px;padding-bottom:37px;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__overview__expand-all__label{font-size:.875rem;line-height:1.5rem}@media screen and (max-width:400px){.t2-product-detail-page__overview .t2-accordion .t2-accordion-title__headline{max-width:200px}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{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-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:32px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:22px}}.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol{margin:0 0 16px}.t2-product-detail-page__choose-your-plan-label,.t2-product-detail-page__choose-your-plan-number-label{color:#252a2e;font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:800;line-height:1rem;letter-spacing:.24px;text-transform:uppercase;margin-bottom:16px}.t2-product-detail-page__image-gallery{margin-bottom:36px}.t2-product-detail-page__image-gallery-sticky-wrapper{position:sticky}.t2-product-detail-page__image-gallery .t2-image-gallery__nav{padding:30px 0}.t2-product-detail-page__purchase-options__header{color:#171c1e;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px;margin-bottom:16px;text-transform:uppercase}.t2-product-detail-page__purchase-options__add-to-cart{display:flex;flex-direction:column;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__flex{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart label{font-size:.875rem;line-height:48px;font-weight:700;color:#252a2e}.t2-product-detail-page__purchase-options__add-to-cart__quantity-tracker__input{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__button,.t2-product-detail-page__purchase-options__add-to-cart__button:active{display:flex;align-items:center;justify-content:center;max-width:342px;width:100%}.t2-product-detail-page__purchase-options--small-print-details-with-links--content{max-width:420px;display:block;overflow:hidden;border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;padding:24px 0;margin-top:24px}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border{border-top:none;margin-top:0}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-bottom-border{border-bottom:none}.t2-product-detail-page__purchase-options--small-print-details-with-links--text{font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.16px}.t2-product-detail-page__purchase-options--small-print-details-with-links a{margin-left:4px!important;display:inline!important;font-size:16px!important;font-weight:600!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--small-print-details-with-links a:visited,.t2-product-detail-page__purchase-options--small-print-details-with-links a:focus,.t2-product-detail-page__purchase-options--small-print-details-with-links a:active{font-weight:700!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--compare-trial{display:flex;margin:16px 0}.t2-product-detail-page__purchase-options--compare-trial a{flex-direction:row;flex:1;color:#0063a3!important;font-size:1rem;font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial a{flex:inherit;flex-direction:column;margin:5px 0 10px}}.t2-product-detail-page__purchase-options--compare-trial a:visited,.t2-product-detail-page__purchase-options--compare-trial a:focus{font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial{flex-direction:column}}.t2-product-detail-page__purchase-options--credit-cards--accepted-payment{margin-top:24px;font-size:14px;font-style:normal;font-weight:700;line-height:171%;margin-bottom:8px}.t2-product-detail-page__purchase-options--credit-cards--payment-fine-print{font-size:12px;font-style:normal;font-weight:400;line-height:167%;margin-top:8px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options svg{width:46px;height:32px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options{display:flex;justify-content:flex-start;gap:8px}.t2-product-detail-page__credit-policy{border-top:1px solid #e0e1e9;padding:24px 0;margin-top:8px}.t2-product-detail-page__credit-policy__label{font-size:12px;font-weight:800;line-height:16px;letter-spacing:.24px;text-transform:uppercase;color:#252a2e;margin:0 0 8px}.t2-product-detail-page__credit-policy__text{font-size:16px;line-height:24px;color:#353a40;margin:0}.t2-product-detail-page__credit-policy-link{border-bottom:none!important;padding-bottom:16px!important}.t2-product-detail-page__fine-print-section{margin-top:60px;grid-column:1/span 2}@media(max-width:599px){.t2-product-detail-page__fine-print-section{margin:20px 0}}@media screen and (max-width:770px){.t2-product-detail-page__fine-print-section{margin:40px 0;max-width:332px}}@media screen and (max-width:1025px){.t2-product-detail-page__fine-print-section{width:auto}}.t2-product-detail-page .disabled{opacity:.6}.t2-product-detail-page .disabled:hover,.t2-product-detail-page .disabled:visited,.t2-product-detail-page .disabled:active,.t2-product-detail-page .disabled:focus{background-color:#fbad26;border:2px solid #fbad26;cursor:not-allowed}.t2-product-detail-page__fine-print{font-size:.75rem;font-weight:400}.t2-product-detail-page__section{margin:100px 0}.t2-product-detail-page__section--non-buyer{margin:0}.t2-product-detail-page__section--non-buyer .t2-product-detail-page__section__description{max-width:738px}.t2-product-detail-page__section .t2-accordion{border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__section__title{font-size:40px;font-style:normal;font-weight:300;line-height:48px;letter-spacing:.8px;padding-top:100px;margin-bottom:37px}@media screen and (max-width:600px){.t2-product-detail-page__section__title{font-size:26px;line-height:32px}}.t2-product-detail-page__section__description{font-size:18px;line-height:32px;margin-bottom:80px;font-weight:400}@media screen and (max-width:600px){.t2-product-detail-page__section__description{font-size:16px;line-height:22px}}.t2-product-detail-page__section__link-container{display:flex;justify-content:center;margin-top:80px}.t2-product-detail-page__inline-media{margin:200px 0 100px}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { CustomTabConfig } from './CustomCreditsTab/CustomCreditsTab';
|
|
3
3
|
import { InlineMediaProps } from './InlineMedia/InlineMedia';
|
|
4
|
+
import { NonBuyerPurchaseFlowCardProps } from './NonBuyerPurchaseFlow/NonBuyerPurchaseFlow';
|
|
4
5
|
interface LinkObject {
|
|
5
6
|
url: string;
|
|
6
7
|
text: string;
|
|
@@ -54,11 +55,19 @@ interface Section {
|
|
|
54
55
|
link?: LinkObject;
|
|
55
56
|
items: AccordionItem[];
|
|
56
57
|
}
|
|
57
|
-
interface
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
interface NonBuyerCardButton {
|
|
59
|
+
text?: string;
|
|
60
|
+
url?: string;
|
|
61
|
+
destination?: string;
|
|
62
|
+
onClick?: () => void | boolean | Promise<void | boolean>;
|
|
63
|
+
ariaLabel?: string;
|
|
64
|
+
}
|
|
65
|
+
interface NonBuyerCardContent {
|
|
66
|
+
header?: string;
|
|
67
|
+
description?: string;
|
|
68
|
+
button?: NonBuyerCardButton;
|
|
69
|
+
cta?: NonBuyerPurchaseFlowCardProps["cta"];
|
|
70
|
+
dialog?: NonBuyerPurchaseFlowCardProps["dialog"];
|
|
62
71
|
}
|
|
63
72
|
interface ProductDetailContent {
|
|
64
73
|
eyebrow?: string;
|
|
@@ -89,6 +98,15 @@ interface ProductDetailContent {
|
|
|
89
98
|
};
|
|
90
99
|
locale?: string | string[];
|
|
91
100
|
customTab?: CustomTabConfig;
|
|
101
|
+
nonBuyer?: boolean;
|
|
102
|
+
nonBuyerHeader?: string;
|
|
103
|
+
nonBuyerDescription?: string;
|
|
104
|
+
nonBuyerCards?: NonBuyerCardContent[];
|
|
105
|
+
nonBuyerFaqAccordion?: {
|
|
106
|
+
title?: string;
|
|
107
|
+
description?: string;
|
|
108
|
+
items?: AccordionItem[];
|
|
109
|
+
};
|
|
92
110
|
}
|
|
93
111
|
interface ProductDetailProps {
|
|
94
112
|
content?: ProductDetailContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,kCAAkC,CAAA;AAKzC,OAAyB,EACvB,eAAe,EAChB,MAAM,qCAAqC,CAAA;AAU5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAEjE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAGjG,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAM9B,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,MAAM;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAKD,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,GAAG,CAAC,EAAE,6BAA6B,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,6BAA6B,CAAC,QAAQ,CAAC,CAAC;CAClD;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;IAChD,YAAY,CAAC,EAAE,2BAA2B,CAAA;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,cAAc,CAAC,EAAE,GAAG,EAAE,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;IAC9C,uBAAuB,CAAC,EAAE,2BAA2B,CAAA;IACrD,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,oBAAoB,CAAC,EAAE;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;KACzB,CAAC;CAEH;AAED,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,2BAA2B,CAAC,EAAE,GAAG,CAAC;IAClC,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC;AAkCD,QAAA,MAAM,aAAa,GAAI,mQAkBpB,kBAAkB,4CAqhBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|