trimble-terra 1.1.8 → 1.1.9-beta.1
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.
|
@@ -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":"PricingCards.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/PricingCards/PricingCards.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PricingCards.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/PricingCards/PricingCards.jsx"],"names":[],"mappings":";AAgIA,+DAmCE;kBAlKiC,OAAO"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as i, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import N, { useCallback as h } from "react";
|
|
3
3
|
import './PricingCards.css';/* empty css */
|
|
4
|
-
import { useScreenSize as
|
|
4
|
+
import { useScreenSize as y } from "../../../utils/hooks/useScreenSize.js";
|
|
5
5
|
import P from "../PromoCodeBadge/PromoCodeBadge.js";
|
|
6
|
-
const
|
|
6
|
+
const $ = N.memo(
|
|
7
7
|
({
|
|
8
8
|
content: p,
|
|
9
9
|
selected: s,
|
|
@@ -17,32 +17,31 @@ const k = f.memo(
|
|
|
17
17
|
currency: r,
|
|
18
18
|
discount: a,
|
|
19
19
|
vat: u,
|
|
20
|
-
discountAmount:
|
|
21
|
-
priceDescription: _,
|
|
20
|
+
discountAmount: k,
|
|
22
21
|
sku: n,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} = p, m =
|
|
30
|
-
(
|
|
31
|
-
d(
|
|
22
|
+
index: T,
|
|
23
|
+
discountCode: f,
|
|
24
|
+
strikePrice: _,
|
|
25
|
+
featured: x,
|
|
26
|
+
featuredText: C,
|
|
27
|
+
priceDescription: g
|
|
28
|
+
} = p, m = h(
|
|
29
|
+
(b) => {
|
|
30
|
+
d(b);
|
|
32
31
|
},
|
|
33
32
|
[d]
|
|
34
33
|
);
|
|
35
|
-
|
|
36
|
-
const
|
|
34
|
+
y();
|
|
35
|
+
const v = h(() => {
|
|
37
36
|
c || m(n);
|
|
38
37
|
}, [c, m, n]);
|
|
39
38
|
return /* @__PURE__ */ t(
|
|
40
39
|
"fieldset",
|
|
41
40
|
{
|
|
42
41
|
className: `t2-pricing-card ${c ? "t2-pricing-card--region-blocked" : "t2-pricing-card--region-available"} ${s === n ? "t2-pricing-card--selected" : ""}`,
|
|
43
|
-
onClick:
|
|
42
|
+
onClick: v,
|
|
44
43
|
children: [
|
|
45
|
-
|
|
44
|
+
x && /* @__PURE__ */ i("div", { className: "t2-pricing-card__featured", children: /* @__PURE__ */ i("p", { className: "t2-pricing-card__featured--text", children: C }) }),
|
|
46
45
|
/* @__PURE__ */ t(
|
|
47
46
|
"div",
|
|
48
47
|
{
|
|
@@ -82,13 +81,13 @@ const k = f.memo(
|
|
|
82
81
|
),
|
|
83
82
|
!c && /* @__PURE__ */ t("div", { className: "t2-pricing-card__price-container", children: [
|
|
84
83
|
/* @__PURE__ */ t("div", { className: "t2-pricing-card__price", children: [
|
|
85
|
-
|
|
84
|
+
_ && /* @__PURE__ */ i("span", { className: "t2-pricing-card__price--strike", children: _ }),
|
|
86
85
|
/* @__PURE__ */ t("p", { className: "t2-pricing-card__price", children: [
|
|
87
86
|
o,
|
|
88
87
|
/* @__PURE__ */ i("span", { className: "t2-pricing-card__price--currency", children: `${r}` })
|
|
89
88
|
] })
|
|
90
89
|
] }),
|
|
91
|
-
|
|
90
|
+
g && /* @__PURE__ */ i("p", { className: "t2-pricing-card__price-description", children: `${g}` })
|
|
92
91
|
] }),
|
|
93
92
|
c && /* @__PURE__ */ i("p", { className: "t2-pricing-card__region-blocked-text", children: l }),
|
|
94
93
|
!c && u && /* @__PURE__ */ i("p", { className: "t2-pricing-card__vat-container--text", children: u })
|
|
@@ -99,7 +98,7 @@ const k = f.memo(
|
|
|
99
98
|
P,
|
|
100
99
|
{
|
|
101
100
|
discount: a,
|
|
102
|
-
discountCode:
|
|
101
|
+
discountCode: f,
|
|
103
102
|
className: "t2-pricing-card__discount-container"
|
|
104
103
|
}
|
|
105
104
|
)
|
|
@@ -107,7 +106,7 @@ const k = f.memo(
|
|
|
107
106
|
}
|
|
108
107
|
);
|
|
109
108
|
}
|
|
110
|
-
),
|
|
109
|
+
), E = N.memo(
|
|
111
110
|
({
|
|
112
111
|
content: p = {},
|
|
113
112
|
contentfulId: s,
|
|
@@ -118,7 +117,7 @@ const k = f.memo(
|
|
|
118
117
|
}) => {
|
|
119
118
|
const { cards: o } = p;
|
|
120
119
|
return /* @__PURE__ */ i("div", { className: "t2-pricing-cards", children: o?.map((r, a) => /* @__PURE__ */ i(
|
|
121
|
-
|
|
120
|
+
$,
|
|
122
121
|
{
|
|
123
122
|
content: r,
|
|
124
123
|
contentfulId: s,
|
|
@@ -138,5 +137,5 @@ const k = f.memo(
|
|
|
138
137
|
}
|
|
139
138
|
);
|
|
140
139
|
export {
|
|
141
|
-
|
|
140
|
+
E as default
|
|
142
141
|
};
|