trimble-terra 1.1.9-beta.2 → 1.1.9-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/src/component/CreditsTracker/CreditsTracker.d.ts +1 -2
  2. package/dist/src/component/CreditsTracker/CreditsTracker.d.ts.map +1 -1
  3. package/dist/src/component/CreditsTracker/CreditsTracker.js +47 -48
  4. package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts +0 -1
  5. package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts.map +1 -1
  6. package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts.map +1 -1
  7. package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.js +58 -60
  8. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts +0 -1
  9. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts.map +1 -1
  10. package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.js +25 -26
  11. package/dist/src/component/ProductDetail/ProductDetail.css +1 -1
  12. package/dist/src/component/ProductDetail/ProductDetail.d.ts +4 -1
  13. package/dist/src/component/ProductDetail/ProductDetail.d.ts.map +1 -1
  14. package/dist/src/component/ProductDetail/ProductDetail.js +142 -131
  15. package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts +4 -2
  16. package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts.map +1 -1
  17. package/package.json +1 -1
package/dist/src/component/CreditsTracker/CreditsTracker.d.ts CHANGED
@@ -9,10 +9,9 @@ export interface CreditsTrackerProps {
9
9
  ariaLabel?: string;
10
10
  disabled?: boolean;
11
11
  className?: string;
12
- invalidNumberLabel?: string;
13
12
  belowMinimumLabel?: string;
14
13
  aboveMaximumLabel?: string;
15
14
  }
16
- declare const CreditsTracker: ({ minimumQuantity, maximumQuantity, incrementRate, credits, onCreditsChange, locale, inputId, ariaLabel, disabled, className, invalidNumberLabel, belowMinimumLabel, aboveMaximumLabel, }: CreditsTrackerProps) => import("react/jsx-runtime").JSX.Element;
15
+ declare const CreditsTracker: ({ minimumQuantity, maximumQuantity, incrementRate, credits, onCreditsChange, locale, inputId, ariaLabel, disabled, className, belowMinimumLabel, aboveMaximumLabel, }: CreditsTrackerProps) => import("react/jsx-runtime").JSX.Element;
17
16
  export default CreditsTracker;
18
17
  //# sourceMappingURL=CreditsTracker.d.ts.map
package/dist/src/component/CreditsTracker/CreditsTracker.d.ts.map CHANGED
@@ -1 +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,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,QAAA,MAAM,cAAc,GAAI,2LAcrB,mBAAmB,4CAwKrB,CAAA;AAED,eAAe,cAAc,CAAA"}
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"}
package/dist/src/component/CreditsTracker/CreditsTracker.js CHANGED
@@ -1,61 +1,60 @@
1
- import { jsxs as b, Fragment as E, jsx as t } from "react/jsx-runtime";
2
- import F, { useState as K } from "react";
1
+ import { jsxs as b, Fragment as T, jsx as t } from "react/jsx-runtime";
2
+ import E, { useState as F } from "react";
3
3
  import './CreditsTracker.css';/* empty css */
4
- const z = ({
5
- minimumQuantity: s,
6
- maximumQuantity: c,
7
- incrementRate: e,
4
+ const q = ({
5
+ minimumQuantity: e,
6
+ maximumQuantity: o,
7
+ incrementRate: c,
8
8
  credits: k,
9
- onCreditsChange: u,
10
- locale: C,
9
+ onCreditsChange: i,
10
+ locale: f,
11
11
  inputId: N,
12
12
  ariaLabel: _,
13
- disabled: p = !1,
13
+ disabled: u = !1,
14
14
  className: v,
15
- invalidNumberLabel: H,
16
- belowMinimumLabel: M,
17
- aboveMaximumLabel: V
15
+ belowMinimumLabel: H,
16
+ aboveMaximumLabel: M
18
17
  }) => {
19
- const l = k ?? s, [o, g] = K(null), D = () => {
20
- u?.(Math.max(s, l - e));
21
- }, I = () => {
22
- u?.(Math.min(c, l + e));
23
- }, x = (r) => {
24
- const n = r.currentTarget.value.replace(/[^0-9]/g, "");
25
- g(n);
26
- }, B = () => {
27
- if (o === null) return;
28
- const r = parseInt(o, 10), n = Number.isNaN(r) ? 0 : r, f = e > 0 ? Math.round(n / e) * e : n, d = Math.min(
29
- c,
30
- Math.max(s, f)
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)
31
30
  );
32
- g(null), d !== l && u?.(d);
33
- }, j = (r) => {
31
+ C(null), a !== s && i?.(a);
32
+ }, B = (r) => {
34
33
  r.key === "Enter" && (r.preventDefault(), r.currentTarget.blur());
35
- }, L = l.toLocaleString(C), S = o ?? L, h = (r, n) => {
34
+ }, j = s.toLocaleString(f), L = n ?? j, g = (r, l) => {
36
35
  if (!r) return null;
37
- const f = n.toLocaleString(C);
38
- return r.split(/(\{[^}]+\})/g).map((d, w) => /^\{[^}]+\}$/.test(d) ? /* @__PURE__ */ t("span", { children: f }, w) : /* @__PURE__ */ t(F.Fragment, { children: d }, w));
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));
39
38
  };
40
- let i = !1, a = null;
41
- if (o !== null && o !== "") {
42
- const r = parseInt(o, 10);
43
- Number.isNaN(r) || (r < s ? (i = !0, a = h(M, s)) : r > c ? (i = !0, a = h(V, c)) : e > 0 && r % e !== 0 && (i = !0, a = h(H, e)));
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)));
44
43
  }
45
- const T = [
44
+ const S = [
46
45
  "t2-credits-tracker",
47
- i && "t2-credits-tracker--invalid",
46
+ p && "t2-credits-tracker--invalid",
48
47
  v
49
48
  ].filter(Boolean).join(" ");
50
- return /* @__PURE__ */ b(E, { children: [
51
- /* @__PURE__ */ b("div", { className: T, children: [
49
+ return /* @__PURE__ */ b(T, { children: [
50
+ /* @__PURE__ */ b("div", { className: S, children: [
52
51
  /* @__PURE__ */ t(
53
52
  "button",
54
53
  {
55
54
  type: "button",
56
55
  className: "t2-credits-tracker__button t2-credits-tracker__button--decrease",
57
- onClick: D,
58
- disabled: p || l <= s,
56
+ onClick: V,
57
+ disabled: u || s <= e,
59
58
  "aria-label": "Decrease credits",
60
59
  children: /* @__PURE__ */ t(
61
60
  "svg",
@@ -77,11 +76,11 @@ const z = ({
77
76
  type: "text",
78
77
  inputMode: "numeric",
79
78
  className: "t2-credits-tracker__input",
80
- value: S,
81
- onChange: x,
82
- onBlur: B,
83
- onKeyDown: j,
84
- disabled: p,
79
+ value: L,
80
+ onChange: I,
81
+ onBlur: x,
82
+ onKeyDown: B,
83
+ disabled: u,
85
84
  "aria-label": _
86
85
  }
87
86
  ),
@@ -90,8 +89,8 @@ const z = ({
90
89
  {
91
90
  type: "button",
92
91
  className: "t2-credits-tracker__button t2-credits-tracker__button--increase",
93
- onClick: I,
94
- disabled: p || l >= c,
92
+ onClick: D,
93
+ disabled: u || s >= o,
95
94
  "aria-label": "Increase credits",
96
95
  children: /* @__PURE__ */ t(
97
96
  "svg",
@@ -107,9 +106,9 @@ const z = ({
107
106
  }
108
107
  )
109
108
  ] }),
110
- a && /* @__PURE__ */ t("p", { className: "t2-credits-tracker__error", role: "alert", children: a })
109
+ d && /* @__PURE__ */ t("p", { className: "t2-credits-tracker__error", role: "alert", children: d })
111
110
  ] });
112
111
  };
113
112
  export {
114
- z as default
113
+ q as default
115
114
  };
package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts CHANGED
@@ -98,7 +98,6 @@ declare namespace cartSettings {
98
98
  function onAccountClick(): void;
99
99
  let creditExpirationNoticeLabel: string;
100
100
  let minimumMaximumLabel: string;
101
- let invalidNumberLabel: string;
102
101
  let belowMinimumLabel: string;
103
102
  let aboveMaximumLabel: string;
104
103
  }
package/dist/src/component/FlyoutCart/FlyoutCart.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlyoutCart.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.stories.jsx"],"names":[],"mappings":";;;;;;;;;;IAmJU,oEA0EP;;;;;;;;IAqDO,6EA8DP;;;;;;;;;IAQO,6EAWP;;;;;;;;;IAqCO,6EAwEP;;;uBA9coB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHlB,sCAAY;;;;;;;;;;;;;;IAab,gCAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvHH;;;;;;;;;;;;;IA6BE;AAEF;;;;;;;;;;;;;;IA+BE;AAmJF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCC;AAqGD;;;;;;;;;;;;;;;IAkBC"}
1
+ {"version":3,"file":"FlyoutCart.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCart/FlyoutCart.stories.jsx"],"names":[],"mappings":";;;;;;;;;;IAkJU,oEA0EP;;;;;;;;IAqDO,6EA8DP;;;;;;;;;IAQO,6EAWP;;;;;;;;;IAqCO,6EAwEP;;;uBA7coB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHlB,sCAAY;;;;;;;;;;;;;;IAab,gCAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvHH;;;;;;;;;;;;;IA6BE;AAEF;;;;;;;;;;;;;;IA+BE;AAkJF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCC;AAqGD;;;;;;;;;;;;;;;IAkBC"}
package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlyoutCartComponent.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCartComponent/FlyoutCartComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAM1D,OAAO,4BAA4B,CAAA;AAEnC,UAAU,SAAS;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,gBAAgB,CAAC,EAAE,CACjB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAC1C;AASD,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,QAAY,EACZ,GAAG,EACH,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,mBAA2B,EAC3B,mBAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,QAAiC,EACjC,SAAiB,EACjB,aAAqB,EACrB,GAAG,EACH,GAAG,EACH,SAAS,EACT,MAAM,EACN,gBAA2B,EAC3B,QAAmB,EACnB,aAAa,GACd,EAAE,kBAAkB,2CAqSpB;AAED,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"FlyoutCartComponent.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCartComponent/FlyoutCartComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAM1D,OAAO,4BAA4B,CAAA;AAEnC,UAAU,SAAS;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,gBAAgB,CAAC,EAAE,CACjB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAC1C;AASD,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,QAAY,EACZ,GAAG,EACH,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,mBAA2B,EAC3B,mBAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,QAAiC,EACjC,SAAiB,EACjB,aAAqB,EACrB,GAAG,EACH,GAAG,EACH,SAAS,EACT,MAAM,EACN,gBAA2B,EAC3B,QAAmB,EACnB,aAAa,GACd,EAAE,kBAAkB,2CAmSpB;AAED,eAAe,aAAa,CAAC"}
package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import { jsx as e, jsxs as n } from "react/jsx-runtime";
2
- import T, { useRef as ie, useState as V, useEffect as ne } from "react";
3
- import { QuantityTracker as ce } from "../QuantityTracker/QuantityTracker.js";
2
+ import T, { useRef as ae, useState as V, useEffect as ie } from "react";
3
+ import { QuantityTracker as ne } from "../QuantityTracker/QuantityTracker.js";
4
4
  import { ErrorMessage as L } from "../QuantityTracker/ErrorMessage.js";
5
- import le from "../CreditsTracker/CreditsTracker.js";
5
+ import ce from "../CreditsTracker/CreditsTracker.js";
6
6
  import { TerraLink as se } from "../TerraLink/TerraLink.js";
7
- import oe from "../ProductDetail/PromoCodeBadge/PromoCodeBadge.js";
7
+ import le from "../ProductDetail/PromoCodeBadge/PromoCodeBadge.js";
8
8
  import './FlyoutCartComponent.css';/* empty css */
9
- const me = {
9
+ const oe = {
10
10
  removeBtnLabel: "Remove",
11
11
  errorMessageForMinQuantity: "Quantity must be at least 1",
12
12
  errorMessageForMaxQuantity: "The quantity selected exceeds the maximum allowed for this transaction. Please contact sales to complete your order."
13
13
  };
14
- function Ne({
14
+ function ye({
15
15
  id: o,
16
16
  imageURL: H,
17
17
  name: a,
@@ -26,88 +26,87 @@ function Ne({
26
26
  isMaxThresholdError: Z = !1,
27
27
  link: N,
28
28
  labels: D,
29
- settings: b = { ...me },
29
+ settings: b = { ...oe },
30
30
  isLoading: E = !1,
31
31
  creditProduct: g = !1,
32
32
  min: M,
33
33
  max: j,
34
34
  increment: I,
35
- locale: v,
35
+ locale: C,
36
36
  onChangeQuantity: _ = () => {
37
37
  },
38
38
  onRemove: A = () => {
39
39
  },
40
40
  LinkComponent: K
41
41
  }) {
42
- const C = ie(null), [t, l] = V(f), [m, u] = V(null);
43
- ne(() => {
44
- typeof f == "number" && l(f);
42
+ const v = ae(null), [r, s] = V(f), [m, u] = V(null);
43
+ ie(() => {
44
+ typeof f == "number" && s(f);
45
45
  }, [f]);
46
46
  const k = () => {
47
- if (typeof t != "number") return;
47
+ if (typeof r != "number") return;
48
48
  m && clearTimeout(m);
49
- const r = t - 1;
50
- l(r);
49
+ const t = r - 1;
50
+ s(t);
51
51
  const i = setTimeout(() => {
52
- _(o, c, a, r), u(null);
52
+ _(o, c, a, t), u(null);
53
53
  }, 1e3);
54
54
  u(i);
55
55
  }, G = () => {
56
- if (typeof t != "number") return;
56
+ if (typeof r != "number") return;
57
57
  m && clearTimeout(m);
58
- const r = t + 1;
59
- l(r);
58
+ const t = r + 1;
59
+ s(t);
60
60
  const i = setTimeout(() => {
61
- _(o, c, a, r), u(null);
61
+ _(o, c, a, t), u(null);
62
62
  }, 1e3);
63
63
  u(i);
64
- }, O = (r) => {
65
- if (r.currentTarget.value === "") {
66
- l(0);
64
+ }, O = (t) => {
65
+ if (t.currentTarget.value === "") {
66
+ s(0);
67
67
  return;
68
68
  }
69
- const i = parseInt(r.currentTarget.value);
70
- l(i);
71
- }, U = (r) => {
72
- r.preventDefault(), A(o, c, a);
69
+ const i = parseInt(t.currentTarget.value);
70
+ s(i);
71
+ }, U = (t) => {
72
+ t.preventDefault(), A(o, c, a);
73
73
  }, W = () => {
74
- if (typeof t == "number") {
75
- if (t < 0) return;
76
- _(o, c, a, t);
74
+ if (typeof r == "number") {
75
+ if (r < 0) return;
76
+ _(o, c, a, r);
77
77
  } else
78
- l(1), _(o, c, a, 1);
79
- }, X = (r) => {
80
- r.key === "Enter" && C ? C?.current?.blur() : r.key.toLowerCase() === "e" && r.preventDefault();
81
- }, z = (r) => {
82
- l(r), m && clearTimeout(m);
78
+ s(1), _(o, c, a, 1);
79
+ }, X = (t) => {
80
+ t.key === "Enter" && v ? v?.current?.blur() : t.key.toLowerCase() === "e" && t.preventDefault();
81
+ }, z = (t) => {
82
+ s(t), m && clearTimeout(m);
83
83
  const i = setTimeout(() => {
84
- _(o, c, a, r), u(null);
84
+ _(o, c, a, t), u(null);
85
85
  }, 1e3);
86
86
  u(i);
87
87
  }, {
88
88
  removeBtnLabel: J = "Remove",
89
89
  minimumMaximumLabel: h,
90
90
  creditExpirationNoticeLabel: w,
91
- invalidNumberLabel: Y,
92
91
  belowMinimumLabel: x,
93
- aboveMaximumLabel: P
94
- } = b, ee = (M ?? 0) > 1 && x ? x.replace(
92
+ aboveMaximumLabel: Y
93
+ } = b, P = (M ?? 0) > 1 && x ? x.replace(
95
94
  /\{[^}]+\}/g,
96
- (M ?? 0).toLocaleString(v)
97
- ) : b?.errorMessageForMinQuantity, re = (() => {
95
+ (M ?? 0).toLocaleString(C)
96
+ ) : b?.errorMessageForMinQuantity, ee = (() => {
98
97
  if (!h || h.length === 0) return "";
99
- const r = [(I ?? 0).toLocaleString(v)];
98
+ const t = [(I ?? 0).toLocaleString(C)];
100
99
  let i = 0;
101
- const S = (y, s) => y.split(/(\{[^}]+\})/g).map((d, R) => {
100
+ const S = (y, l) => y.split(/(\{[^}]+\})/g).map((d, R) => {
102
101
  if (/^\{[^}]+\}$/.test(d)) {
103
- const ae = r[i++] ?? d;
104
- return /* @__PURE__ */ e(T.Fragment, { children: ae }, `${s}-${R}`);
102
+ const re = t[i++] ?? d;
103
+ return /* @__PURE__ */ e(T.Fragment, { children: re }, `${l}-${R}`);
105
104
  }
106
- return /* @__PURE__ */ e(T.Fragment, { children: d }, `${s}-${R}`);
105
+ return /* @__PURE__ */ e(T.Fragment, { children: d }, `${l}-${R}`);
107
106
  });
108
- return h.split(/(\*\*[^*]+\*\*)/g).map((y, s) => {
107
+ return h.split(/(\*\*[^*]+\*\*)/g).map((y, l) => {
109
108
  const d = /^\*\*([^*]+)\*\*$/.exec(y);
110
- return d ? /* @__PURE__ */ e("strong", { children: S(d[1], `b-${s}`) }, `b-${s}`) : /* @__PURE__ */ e(T.Fragment, { children: S(y, `p-${s}`) }, `p-${s}`);
109
+ return d ? /* @__PURE__ */ e("strong", { children: S(d[1], `b-${l}`) }, `b-${l}`) : /* @__PURE__ */ e(T.Fragment, { children: S(y, `p-${l}`) }, `p-${l}`);
111
110
  });
112
111
  })(), te = new Intl.NumberFormat(void 0, {
113
112
  style: "currency",
@@ -142,7 +141,7 @@ function Ne({
142
141
  F && /* @__PURE__ */ e("span", { className: "ter-cart-item__duration", children: F })
143
142
  ] }),
144
143
  $ && /* @__PURE__ */ e(
145
- oe,
144
+ le,
146
145
  {
147
146
  discount: $,
148
147
  discountCode: B,
@@ -152,35 +151,34 @@ function Ne({
152
151
  g && /* @__PURE__ */ n("div", { className: "ter-cart-item__qty", children: [
153
152
  /* @__PURE__ */ e("span", { className: "ter-cart-item__qty__label", children: D?.creditsLabel ?? "Number of Credits" }),
154
153
  /* @__PURE__ */ e(
155
- le,
154
+ ce,
156
155
  {
157
156
  minimumQuantity: M ?? 0,
158
157
  maximumQuantity: j ?? Number.MAX_SAFE_INTEGER,
159
158
  incrementRate: I ?? 1,
160
- credits: t,
159
+ credits: r,
161
160
  onCreditsChange: z,
162
- locale: v,
161
+ locale: C,
163
162
  ariaLabel: `Number of credits for ${a}`,
164
163
  disabled: E,
165
164
  className: "ter-cart-item__credits-tracker",
166
- invalidNumberLabel: Y,
167
165
  belowMinimumLabel: x,
168
- aboveMaximumLabel: P
166
+ aboveMaximumLabel: Y
169
167
  }
170
168
  )
171
169
  ] }),
172
170
  g && (h || w) && /* @__PURE__ */ n("div", { className: "ter-cart-item__credit-notice", children: [
173
- h && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: re }),
171
+ h && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: ee }),
174
172
  w && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: w })
175
173
  ] }),
176
174
  !g && /* @__PURE__ */ n("div", { className: "ter-cart-item__qty", children: [
177
175
  /* @__PURE__ */ e("span", { className: "ter-cart-item__qty__label", children: D?.quantityLabel ?? "Quantity" }),
178
176
  /* @__PURE__ */ e(
179
- ce,
177
+ ne,
180
178
  {
181
- ref: C,
179
+ ref: v,
182
180
  labelText: "",
183
- quantityCount: t,
181
+ quantityCount: r,
184
182
  min: 0,
185
183
  disabled: E,
186
184
  hasDeleteOption: !0,
@@ -219,8 +217,8 @@ function Ne({
219
217
  ]
220
218
  }
221
219
  ),
222
- Number(t) < 0 && /* @__PURE__ */ e(L, { errorMessage: b?.errorMessageForMinQuantity }),
223
- q && /* @__PURE__ */ e(L, { errorMessage: ee }),
220
+ Number(r) < 0 && /* @__PURE__ */ e(L, { errorMessage: b?.errorMessageForMinQuantity }),
221
+ q && /* @__PURE__ */ e(L, { errorMessage: P }),
224
222
  Z && /* @__PURE__ */ e(L, { errorMessage: b?.errorMessageForMaxQuantity }),
225
223
  N && /* @__PURE__ */ e("div", { className: "ter-cart-item__link-wrapper", children: /* @__PURE__ */ e(
226
224
  se,
@@ -236,5 +234,5 @@ function Ne({
236
234
  ] });
237
235
  }
238
236
  export {
239
- Ne as default
237
+ ye as default
240
238
  };
package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts CHANGED
@@ -9,7 +9,6 @@ export interface CustomCreditsTabLabels {
9
9
  numberOfCreditsLabel?: string;
10
10
  minimumMaximumLabel?: string;
11
11
  totalCostLabel?: string;
12
- invalidNumberLabel?: string;
13
12
  belowMinimumLabel?: string;
14
13
  aboveMaximumLabel?: string;
15
14
  }
package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CustomCreditsTab.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAA;AAEhC,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,MAAM,CAAC,EAAE,sBAAsB,CAAA;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAID,QAAA,MAAM,gBAAgB,GAAI,2FAQvB,qBAAqB,4CA+HvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"CustomCreditsTab.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAA;AAEhC,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,MAAM,CAAC,EAAE,sBAAsB,CAAA;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAID,QAAA,MAAM,gBAAgB,GAAI,2FAQvB,qBAAqB,4CA8HvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
package/dist/src/component/ProductDetail/CustomCreditsTab/CustomCreditsTab.js CHANGED
@@ -1,42 +1,42 @@
1
1
  import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
- import m from "react";
3
- import D from "../../CreditsTracker/CreditsTracker.js";
2
+ import p from "react";
3
+ import F from "../../CreditsTracker/CreditsTracker.js";
4
4
  import './CustomCreditsTab.css';/* empty css */
5
5
  const L = "product-detail-number-of-credits", k = ({
6
- minimumQuantity: p,
6
+ minimumQuantity: m,
7
7
  maximumQuantity: u,
8
- incrementRate: d,
8
+ incrementRate: o,
9
9
  currency: f,
10
10
  locale: r,
11
11
  labels: t,
12
- customTab: o
12
+ customTab: d
13
13
  }) => {
14
- const b = (l, M, v = !1) => {
14
+ const g = (l, M, x = !1) => {
15
15
  if (!l || l.length === 0) return "";
16
- let x = 0;
17
- const g = (i, a, c) => i.split(/(\{[^}]+\})/g).map((n, _) => {
16
+ let D = 0;
17
+ const b = (c, a, i) => c.split(/(\{[^}]+\})/g).map((n, _) => {
18
18
  if (/^\{[^}]+\}$/.test(n)) {
19
- const h = M[x++] ?? n;
20
- return v && !c ? /* @__PURE__ */ e("strong", { children: h }, `${a}-${_}`) : /* @__PURE__ */ e(m.Fragment, { children: h }, `${a}-${_}`);
19
+ const h = M[D++] ?? n;
20
+ return x && !i ? /* @__PURE__ */ e("strong", { children: h }, `${a}-${_}`) : /* @__PURE__ */ e(p.Fragment, { children: h }, `${a}-${_}`);
21
21
  }
22
- return /* @__PURE__ */ e(m.Fragment, { children: n }, `${a}-${_}`);
22
+ return /* @__PURE__ */ e(p.Fragment, { children: n }, `${a}-${_}`);
23
23
  });
24
- return l.split(/(\*\*[^*]+\*\*)/g).map((i, a) => {
25
- const c = /^\*\*([^*]+)\*\*$/.exec(i);
26
- return c ? /* @__PURE__ */ e("strong", { children: g(c[1], `b-${a}`, !0) }, `b-${a}`) : /* @__PURE__ */ e(m.Fragment, { children: g(i, `p-${a}`, !1) }, `p-${a}`);
24
+ return l.split(/(\*\*[^*]+\*\*)/g).map((c, a) => {
25
+ const i = /^\*\*([^*]+)\*\*$/.exec(c);
26
+ return i ? /* @__PURE__ */ e("strong", { children: b(i[1], `b-${a}`, !0) }, `b-${a}`) : /* @__PURE__ */ e(p.Fragment, { children: b(c, `p-${a}`, !1) }, `p-${a}`);
27
27
  });
28
- }, C = b(
28
+ }, C = g(
29
29
  t?.creditsDescriptionForCustomLabel,
30
30
  [
31
- p.toLocaleString(r),
31
+ m.toLocaleString(r),
32
32
  u.toLocaleString(r),
33
- d.toLocaleString(r)
33
+ o.toLocaleString(r)
34
34
  ],
35
35
  !0
36
- ), N = b(
36
+ ), N = g(
37
37
  t?.minimumMaximumLabel,
38
- [d.toLocaleString(r)]
39
- ), $ = o?.totalCost;
38
+ [o.toLocaleString(r)]
39
+ ), $ = d?.totalCost;
40
40
  return /* @__PURE__ */ s("fieldset", { className: "t2-product-detail-page__fieldset t2-product-detail-page__credit-tabs__custom-panel", children: [
41
41
  t?.customPackageLabel && /* @__PURE__ */ e("legend", { className: "t2-product-detail-page__credit-tabs__custom-panel__title", children: t?.customPackageLabel }),
42
42
  t?.creditsDescriptionForCustomLabel && /* @__PURE__ */ e("p", { className: "t2-product-detail-page__credit-tabs__custom-panel__description", children: C }),
@@ -52,17 +52,16 @@ const L = "product-detail-number-of-credits", k = ({
52
52
  }
53
53
  ),
54
54
  /* @__PURE__ */ e(
55
- D,
55
+ F,
56
56
  {
57
- minimumQuantity: p,
57
+ minimumQuantity: m,
58
58
  maximumQuantity: u,
59
- incrementRate: d,
60
- credits: o?.credits,
61
- onCreditsChange: o?.onCreditsChange,
59
+ incrementRate: o,
60
+ credits: d?.credits,
61
+ onCreditsChange: d?.onCreditsChange,
62
62
  locale: r,
63
63
  inputId: L,
64
64
  className: "t2-product-detail-page__credit-tabs__custom-panel__tracker",
65
- invalidNumberLabel: t?.invalidNumberLabel,
66
65
  belowMinimumLabel: t?.belowMinimumLabel,
67
66
  aboveMaximumLabel: t?.aboveMaximumLabel
68
67
  }
package/dist/src/component/ProductDetail/ProductDetail.css CHANGED
@@ -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__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}.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}.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}.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}.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}
package/dist/src/component/ProductDetail/ProductDetail.d.ts CHANGED
@@ -37,7 +37,6 @@ interface Labels {
37
37
  totalCostLabel?: string;
38
38
  minimumMaximumLabel?: string;
39
39
  creditsDescriptionForCustomLabel?: string;
40
- invalidNumberLabel?: string;
41
40
  belowMinimumLabel?: string;
42
41
  aboveMaximumLabel?: string;
43
42
  }
@@ -84,6 +83,10 @@ interface ProductDetailContent {
84
83
  creditPage?: boolean;
85
84
  creditPolicyLink?: RegionBlockedPurchasingText;
86
85
  questionsAndReturnsLink?: RegionBlockedPurchasingText;
86
+ listImage?: {
87
+ src: string;
88
+ altText?: string;
89
+ };
87
90
  locale?: string | string[];
88
91
  customTab?: CustomTabConfig;
89
92
  }
package/dist/src/component/ProductDetail/ProductDetail.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.tsx"],"names":[],"mappings":"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"}
package/dist/src/component/ProductDetail/ProductDetail.js CHANGED
@@ -1,138 +1,149 @@
1
- import { jsx as e, jsxs as a, Fragment as ce } from "react/jsx-runtime";
2
- import { useRef as de, useState as pe, useCallback as ue, useMemo as E } from "react";
3
- import { Tabs as me, TabList as _e, Tab as R, TabPanel as F } from "react-tabs";
1
+ import { jsx as e, jsxs as a, Fragment as pe } from "react/jsx-runtime";
2
+ import { useRef as ue, useState as me, useCallback as _e, useMemo as R } from "react";
3
+ import { Tabs as he, TabList as be, Tab as F, TabPanel as V } from "react-tabs";
4
4
  import './ProductDetail.css';import '../../styles/layout.css';import '../../styles/themes.css';import '../../../node_modules/react-tabs/style/react-tabs.css';/* empty css */
5
- import { TerraLink as _ } from "../TerraLink/TerraLink.js";
6
- import { useElementIntersection as he } from "./hooks/useElementIntersection.js";
7
- import { useScrollPastTop as be } from "./hooks/useScrollPastTop.js";
8
- import ge from "./PricingCards/PricingCards.js";
9
- import ye from "./CustomCreditsTab/CustomCreditsTab.js";
10
- import ke from "../ImageGallery/ImageGallery.js";
11
- import { QuantityTracker as Ne } from "../QuantityTracker/QuantityTracker.js";
12
- import { ErrorMessage as ve } from "../QuantityTracker/ErrorMessage.js";
13
- import fe from "../LoadingSpinner/LoadingSpinner.js";
14
- import V from "./ProductOverview.js";
15
- import xe from "./StickyNav.js";
16
- import { renderCreditCardPaymentAssets as Ce } from "../../layout/LayoutPricingCards/LayoutPricingCardsStaticAssets.js";
17
- import { Accordion as we } from "../Accordion/Accordion.js";
18
- import { InlineMedia as Le } from "./InlineMedia/InlineMedia.js";
5
+ import { TerraLink as h } from "../TerraLink/TerraLink.js";
6
+ import { useElementIntersection as ge } from "./hooks/useElementIntersection.js";
7
+ import { useScrollPastTop as ye } from "./hooks/useScrollPastTop.js";
8
+ import Ne from "./PricingCards/PricingCards.js";
9
+ import ke from "./CustomCreditsTab/CustomCreditsTab.js";
10
+ import ve from "../ImageGallery/ImageGallery.js";
11
+ import { QuantityTracker as fe } from "../QuantityTracker/QuantityTracker.js";
12
+ import { ErrorMessage as xe } from "../QuantityTracker/ErrorMessage.js";
13
+ import Ce from "../LoadingSpinner/LoadingSpinner.js";
14
+ import $ from "./ProductOverview.js";
15
+ import we from "./StickyNav.js";
16
+ import { renderCreditCardPaymentAssets as Le } from "../../layout/LayoutPricingCards/LayoutPricingCardsStaticAssets.js";
17
+ import { Accordion as Pe } from "../Accordion/Accordion.js";
18
+ import { InlineMedia as Te } from "./InlineMedia/InlineMedia.js";
19
19
  /* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
- const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-product-detail-page__processing", children: [
23
- /* @__PURE__ */ e(fe, { size: "20px", width: "2px", color: "#353a40" }),
22
+ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-product-detail-page__processing", children: [
23
+ /* @__PURE__ */ e(Ce, { size: "20px", width: "2px", color: "#353a40" }),
24
24
  " ",
25
- k
26
- ] }), We = ({
27
- content: k,
28
- selected: h,
29
- setSelected: x,
30
- handleDecreaseQuantity: j,
31
- handleIncreaseQuantity: z,
32
- handleChangeQuantity: K,
33
- count: U,
34
- error: N,
35
- errorMessage: G,
36
- isLoading: C = !1,
37
- isProcessing: w = !1,
38
- disableBtn: J = !1,
25
+ N
26
+ ] }), Ze = ({
27
+ content: N,
28
+ selected: b,
29
+ setSelected: C,
30
+ handleDecreaseQuantity: z,
31
+ handleIncreaseQuantity: K,
32
+ handleChangeQuantity: U,
33
+ count: G,
34
+ error: k,
35
+ errorMessage: J,
36
+ isLoading: w = !1,
37
+ isProcessing: L = !1,
38
+ disableBtn: M = !1,
39
39
  regionBlocked: l = !1,
40
40
  regionBlockedPurchasingText: c,
41
41
  // regionBlockedPurchasingLink,
42
- regionBlockedPricingCardText: L = "This software is not available in your country or region",
42
+ regionBlockedPricingCardText: P = "This software is not available in your country or region",
43
43
  inlineMedia: p
44
44
  }) => {
45
45
  const {
46
- eyebrow: P,
46
+ eyebrow: T,
47
47
  productName: v,
48
- productDescription: M,
48
+ productDescription: W,
49
49
  // subheader,
50
50
  images: f,
51
51
  labels: t,
52
- pricingDetails: s,
52
+ pricingDetails: n,
53
53
  // counter,
54
54
  // finePrint,
55
55
  needHelpPurchasing: o,
56
56
  // bulkPurchase,
57
57
  // productDetailList,
58
- productOverview: T,
58
+ productOverview: I,
59
59
  Link: u,
60
60
  // comparePlansLink,
61
61
  // startTrialLink,
62
- addToCartButton: b,
62
+ addToCartButton: g,
63
63
  productDetails: A,
64
64
  regionAvailability: D,
65
- sections: I = [],
65
+ sections: S = [],
66
66
  creditPage: r = !1,
67
67
  creditPolicyLink: d,
68
- questionsAndReturnsLink: n,
69
- locale: W = "en",
70
- customTab: X
71
- } = k || {}, g = !!f && f.length > 0, S = de(null), { element: Z, isIntersecting: B } = he({
68
+ questionsAndReturnsLink: s,
69
+ listImage: x,
70
+ locale: X = "en",
71
+ customTab: Z
72
+ } = N || {}, m = !!f && f.length > 0, O = ue(null), { element: B, isIntersecting: ee } = ge({
72
73
  selector: ".ter-navbar",
73
74
  threshold: 0.1,
74
75
  rootMargin: "0px 0px 0px 0px"
75
- }), ee = be(
76
- S,
76
+ }), te = ye(
77
+ O,
77
78
  { offset: 0 }
78
- ), [O, te] = pe(0), y = N || !h && !(r && O === 1) || C || w || J, ae = b?.processingText || "Processing", q = b?.text || "Add to Cart", ie = w ? /* @__PURE__ */ e($, { text: ae }) : C ? /* @__PURE__ */ e($, { text: q }) : q, H = ue(() => {
79
+ ), [q, ae] = me(0), y = k || !b && !(r && q === 1) || w || L || M, ie = g?.processingText || "Processing", H = g?.text || "Add to Cart", le = L ? /* @__PURE__ */ e(j, { text: ie }) : w ? /* @__PURE__ */ e(j, { text: H }) : H, Q = _e(() => {
79
80
  window.scrollTo({
80
81
  top: 0,
81
82
  behavior: "smooth"
82
83
  });
83
- }, []), le = E(
84
+ }, []), re = R(
84
85
  () => ({
85
86
  text: t?.choosePlanLabel,
86
87
  isDisabled: !1,
87
- onClick: H
88
+ onClick: Q
88
89
  }),
89
- [t?.choosePlanLabel, H]
90
- ), Q = E(() => s?.cards && s?.cards?.length > 0 ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__purchase-options__pricing-cards", children: /* @__PURE__ */ e(
91
- Pe,
90
+ [t?.choosePlanLabel, Q]
91
+ ), Y = R(() => n?.cards && n?.cards?.length > 0 ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__purchase-options__pricing-cards", children: /* @__PURE__ */ e(
92
+ Ie,
92
93
  {
93
- content: s,
94
- contentfulId: s?.contentfulId,
95
- selected: h,
96
- setSelected: x,
97
- regionBlockedPricingCardText: L,
94
+ content: n,
95
+ contentfulId: n?.contentfulId,
96
+ selected: b,
97
+ setSelected: C,
98
+ regionBlockedPricingCardText: P,
98
99
  regionBlocked: l
99
100
  }
100
101
  ) }) : /* @__PURE__ */ e("p", { children: "The SKUs are not configured correctly." }), [
101
- s,
102
- h,
103
- x,
104
- L,
102
+ n,
103
+ b,
104
+ C,
105
+ P,
105
106
  l
106
- ]), re = (i) => {
107
- i.key === "Enter" && !y && b?.onClick?.();
107
+ ]), se = (i) => {
108
+ i.key === "Enter" && !y && g?.onClick?.();
108
109
  }, ne = (i) => {
109
- i.preventDefault(), y || b?.onClick?.();
110
- }, Y = /* @__PURE__ */ a("div", { className: "t2-product-detail-page__header", children: [
111
- P && /* @__PURE__ */ e("div", { className: "t2-product-detail-page__header__eyebrow", children: P }),
112
- v && /* @__PURE__ */ e("h1", { className: "t2-product-detail-page__header__product-name", children: v }),
110
+ i.preventDefault(), y || g?.onClick?.();
111
+ }, oe = r && !m && !!x?.src, E = /* @__PURE__ */ a("div", { className: "t2-product-detail-page__header", children: [
112
+ T && /* @__PURE__ */ e("div", { className: "t2-product-detail-page__header__eyebrow", children: T }),
113
+ /* @__PURE__ */ a("div", { className: "t2-product-detail-page__header__title-row", children: [
114
+ oe && /* @__PURE__ */ e(
115
+ "img",
116
+ {
117
+ className: "t2-product-detail-page__header__list-image",
118
+ src: x?.src,
119
+ alt: x?.altText ?? ""
120
+ }
121
+ ),
122
+ v && /* @__PURE__ */ e("h1", { className: "t2-product-detail-page__header__product-name", children: v })
123
+ ] }),
113
124
  D && /* @__PURE__ */ e("p", { className: "t2-product-detail-page__header__region", children: D })
114
125
  ] });
115
- return /* @__PURE__ */ a(ce, { children: [
126
+ return /* @__PURE__ */ a(pe, { children: [
116
127
  /* @__PURE__ */ e(
117
- xe,
128
+ we,
118
129
  {
119
- isVisible: ee,
130
+ isVisible: te,
120
131
  productName: v,
121
- productDescription: M,
122
- isNavbarVisible: Z ? B : !1,
123
- button: le
132
+ productDescription: W,
133
+ isNavbarVisible: B ? ee : !1,
134
+ button: re
124
135
  }
125
136
  ),
126
137
  /* @__PURE__ */ a("div", { className: "t2-wrapper", children: [
127
138
  /* @__PURE__ */ a("div", { className: "t2-product-detail-page", children: [
128
139
  /* @__PURE__ */ a("div", { className: "t2-product-detail-page__left-column", children: [
129
- g ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__image-gallery", children: /* @__PURE__ */ e(ke, { images: f }) }) : Y,
140
+ m ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__image-gallery", children: /* @__PURE__ */ e(ve, { images: f }) }) : E,
130
141
  /* @__PURE__ */ e("div", { className: "t2-product-detail-page__overview--desktop", children: /* @__PURE__ */ e(
131
- V,
142
+ $,
132
143
  {
133
- hasImages: g,
144
+ hasImages: m,
134
145
  title: t?.overviewTitle || "Overview",
135
- text: T,
146
+ text: I,
136
147
  labels: t,
137
148
  detailList: A
138
149
  }
@@ -140,42 +151,42 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
140
151
  ] }),
141
152
  /* @__PURE__ */ a("div", { className: "t2-product-detail-page__right-column", children: [
142
153
  /* @__PURE__ */ a("section", { className: "t2-product-detail-page__purchase-options", children: [
143
- g && Y,
144
- !g && !r && /* @__PURE__ */ e("h3", { className: "t2-product-detail-page__purchase-options__header", children: t?.purchaseOptionsTitle || "Purchase Options" }),
154
+ m && E,
155
+ !m && !r && /* @__PURE__ */ e("h3", { className: "t2-product-detail-page__purchase-options__header", children: t?.purchaseOptionsTitle || "Purchase Options" }),
145
156
  /* @__PURE__ */ a("form", { children: [
146
157
  r ? /* @__PURE__ */ a(
147
- me,
158
+ he,
148
159
  {
149
160
  className: "t2-product-detail-page__credit-tabs",
150
- selectedIndex: O,
151
- onSelect: (i) => te(i),
161
+ selectedIndex: q,
162
+ onSelect: (i) => ae(i),
152
163
  children: [
153
- /* @__PURE__ */ a(_e, { children: [
154
- /* @__PURE__ */ e(R, { children: t?.packsLabel || "Packs" }),
155
- /* @__PURE__ */ e(R, { children: t?.customLabel || "Custom" })
164
+ /* @__PURE__ */ a(be, { children: [
165
+ /* @__PURE__ */ e(F, { children: t?.packsLabel || "Packs" }),
166
+ /* @__PURE__ */ e(F, { children: t?.customLabel || "Custom" })
156
167
  ] }),
157
- /* @__PURE__ */ e(F, { children: /* @__PURE__ */ a("fieldset", { className: "t2-product-detail-page__fieldset", children: [
168
+ /* @__PURE__ */ e(V, { children: /* @__PURE__ */ a("fieldset", { className: "t2-product-detail-page__fieldset", children: [
158
169
  t?.chooseYourPlanLabel && !r && /* @__PURE__ */ e("legend", { className: "t2-product-detail-page__choose-your-plan-label t2-product-detail-page__purchase-options--choose-your-plan-label", children: t?.chooseYourPlanLabel || "Choose Your Plan" }),
159
170
  t?.selectCreditPackLabel && r && /* @__PURE__ */ e("legend", { className: "t2-product-detail-page__choose-your-plan-label t2-product-detail-page__purchase-options--choose-your-plan-label", children: t?.selectCreditPackLabel || "Select A Credit Pack" }),
160
- Q
171
+ Y
161
172
  ] }) }),
162
- /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
163
- ye,
173
+ /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
174
+ ke,
164
175
  {
165
- minimumQuantity: s?.cards?.[0]?.minimumQuantity ?? 1e4,
166
- maximumQuantity: s?.cards?.[0]?.maximumQuantity ?? 1e6,
167
- incrementRate: s?.cards?.[0]?.increment ?? 100,
168
- currency: s?.cards?.[0]?.currency || "USD",
169
- locale: W,
176
+ minimumQuantity: n?.cards?.[0]?.minimumQuantity ?? 1e4,
177
+ maximumQuantity: n?.cards?.[0]?.maximumQuantity ?? 1e6,
178
+ incrementRate: n?.cards?.[0]?.increment ?? 100,
179
+ currency: n?.cards?.[0]?.currency || "USD",
180
+ locale: X,
170
181
  labels: t,
171
- customTab: X
182
+ customTab: Z
172
183
  }
173
184
  ) })
174
185
  ]
175
186
  }
176
187
  ) : /* @__PURE__ */ a("fieldset", { className: "t2-product-detail-page__fieldset", children: [
177
188
  t?.chooseYourPlanLabel && /* @__PURE__ */ e("legend", { className: "t2-product-detail-page__choose-your-plan-label t2-product-detail-page__purchase-options--choose-your-plan-label", children: t?.chooseYourPlanLabel || "Choose Your Plan" }),
178
- Q
189
+ Y
179
190
  ] }),
180
191
  !l && !r && /* @__PURE__ */ a("fieldset", { className: "t2-product-detail-page__fieldset", children: [
181
192
  t?.numberOfLicensesLabel && /* @__PURE__ */ e("legend", { className: "t2-product-detail-page__choose-your-plan-number-label t2-product-detail-page__purchase-options--choose-your-plan-number-label", children: t?.numberOfLicensesLabel || "Choose the Number of Licenses" }),
@@ -183,22 +194,22 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
183
194
  /* @__PURE__ */ e("label", { htmlFor: "product-detail-quantity-tracker", children: t?.quantityLabel ?? "Quantity" }),
184
195
  /* @__PURE__ */ a("div", { className: "t2-product-detail-page__purchase-options__add-to-cart__quantity-tracker", children: [
185
196
  /* @__PURE__ */ e("div", { className: "t2-product-detail-page__purchase-options__add-to-cart__quantity-tracker__input", children: /* @__PURE__ */ e(
186
- Ne,
197
+ fe,
187
198
  {
188
199
  id: "product-detail-quantity-tracker",
189
200
  labelText: null,
190
201
  size: "large",
191
202
  min: 1,
192
- quantityCount: U,
193
- handleDecreaseQuantity: j,
194
- handleIncreaseQuantity: z,
195
- handleChangeQuantity: K,
196
- handleKeyDown: re,
197
- error: N,
198
- disabled: !h
203
+ quantityCount: G,
204
+ handleDecreaseQuantity: z,
205
+ handleIncreaseQuantity: K,
206
+ handleChangeQuantity: U,
207
+ handleKeyDown: se,
208
+ error: k,
209
+ disabled: !b
199
210
  }
200
211
  ) }),
201
- N && /* @__PURE__ */ e(ve, { errorMessage: G })
212
+ k && /* @__PURE__ */ e(xe, { errorMessage: J })
202
213
  ] })
203
214
  ] }) })
204
215
  ] }),
@@ -206,13 +217,13 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
206
217
  t?.creditPolicy && /* @__PURE__ */ e("p", { className: "t2-product-detail-page__credit-policy__label", children: t?.creditPolicy }),
207
218
  t?.creditPolicyText && /* @__PURE__ */ e("p", { className: "t2-product-detail-page__credit-policy__text", children: t?.creditPolicyText })
208
219
  ] }),
209
- !l && /* @__PURE__ */ e("div", { ref: S, style: r ? { paddingBottom: "16px" } : { paddingBottom: "0px" }, children: /* @__PURE__ */ e(
220
+ !l && /* @__PURE__ */ e("div", { ref: O, style: r ? { paddingBottom: "16px" } : { paddingBottom: "0px" }, children: /* @__PURE__ */ e(
210
221
  "button",
211
222
  {
212
223
  className: `t2-button t2-button--large t2-button--primary t2-product-detail-page__purchase-options__add-to-cart__button ${y ? " disabled" : ""}`,
213
224
  disabled: y,
214
225
  onClick: ne,
215
- children: ie
226
+ children: le
216
227
  }
217
228
  ) })
218
229
  ] }),
@@ -220,7 +231,7 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
220
231
  r && d?.text && !l && /* @__PURE__ */ a("div", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--content t2-product-detail-page__credit-policy-link", children: [
221
232
  /* @__PURE__ */ e("span", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--text", children: d?.text }),
222
233
  d?.link?.url && d?.link?.text && /* @__PURE__ */ e(
223
- _,
234
+ h,
224
235
  {
225
236
  destination: d?.link?.url,
226
237
  LinkComponent: u,
@@ -233,11 +244,11 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
233
244
  o?.text && o?.link && !l && /* @__PURE__ */ a(
234
245
  "div",
235
246
  {
236
- className: `t2-product-detail-page__purchase-options--small-print-details-with-links--content${r ? " t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border" : ""}${n?.text && n?.link ? " t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-bottom-border" : ""}`,
247
+ className: `t2-product-detail-page__purchase-options--small-print-details-with-links--content${r ? " t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border" : ""}${s?.text && s?.link ? " t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-bottom-border" : ""}`,
237
248
  children: [
238
249
  /* @__PURE__ */ e("span", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--text", children: o?.text }),
239
250
  o?.link?.url && o?.link?.text && !l && /* @__PURE__ */ e(
240
- _,
251
+ h,
241
252
  {
242
253
  destination: o?.link?.url,
243
254
  LinkComponent: u,
@@ -249,23 +260,23 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
249
260
  ]
250
261
  }
251
262
  ),
252
- n?.text && n?.link && !l && /* @__PURE__ */ a("div", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--content t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border", children: [
253
- /* @__PURE__ */ e("span", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--text", children: n?.text }),
254
- n?.link?.url && n?.link?.text && /* @__PURE__ */ e(
255
- _,
263
+ s?.text && s?.link && !l && /* @__PURE__ */ a("div", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--content t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border", children: [
264
+ /* @__PURE__ */ e("span", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--text", children: s?.text }),
265
+ s?.link?.url && s?.link?.text && /* @__PURE__ */ e(
266
+ h,
256
267
  {
257
- destination: n?.link?.url,
268
+ destination: s?.link?.url,
258
269
  LinkComponent: u,
259
- onClickHandler: n?.onClick,
270
+ onClickHandler: s?.onClick,
260
271
  linkType: "text",
261
- children: n?.link?.text
272
+ children: s?.link?.text
262
273
  }
263
274
  )
264
275
  ] }),
265
276
  l && /* @__PURE__ */ a("div", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--content", children: [
266
277
  c?.text && l && /* @__PURE__ */ e("span", { className: "t2-product-detail-page__purchase-options--small-print-details-with-links--text", children: c?.text }),
267
278
  c?.link?.url && c?.link?.text && l && /* @__PURE__ */ e(
268
- _,
279
+ h,
269
280
  {
270
281
  destination: c?.link?.url,
271
282
  LinkComponent: u,
@@ -277,16 +288,16 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
277
288
  ] }),
278
289
  !l && /* @__PURE__ */ a("div", { className: "t2-product-detail-page__purchase-options--credit-cards", children: [
279
290
  /* @__PURE__ */ e("p", { className: "t2-product-detail-page__purchase-options--credit-cards--accepted-payment", children: t?.paymentMethodsLabel || "Accepted payment methods" }),
280
- Ce(),
291
+ Le(),
281
292
  /* @__PURE__ */ e("p", { className: "t2-product-detail-page__purchase-options--credit-cards--payment-fine-print", children: t?.paymentFinePrint || "Payment options may vary based on your location or region." })
282
293
  ] })
283
294
  ] })
284
295
  ] }),
285
296
  /* @__PURE__ */ e("div", { className: "t2-product-detail-page__overview--mobile", children: /* @__PURE__ */ e(
286
- V,
297
+ $,
287
298
  {
288
299
  title: t?.overviewTitle || "Overview",
289
- text: T,
300
+ text: I,
290
301
  labels: t,
291
302
  detailList: A
292
303
  }
@@ -296,21 +307,21 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
296
307
  p && /* @__PURE__ */ a("div", { className: "t2-product-detail-page__inline-media", children: [
297
308
  p?.eyebrow && /* @__PURE__ */ e("h2", { className: "t2-product-detail-page__eyebrow", children: p?.eyebrow }),
298
309
  p?.header && /* @__PURE__ */ e("h3", { className: "t2-product-detail-page__section-title", children: p?.header }),
299
- /* @__PURE__ */ e(Le, { ...p })
310
+ /* @__PURE__ */ e(Te, { ...p })
300
311
  ] }),
301
- I.length > 0 && I.map((i, se) => /* @__PURE__ */ a("div", { className: "t2-product-detail-page__section", children: [
312
+ S.length > 0 && S.map((i, ce) => /* @__PURE__ */ a("div", { className: "t2-product-detail-page__section", children: [
302
313
  i?.title && /* @__PURE__ */ e("h3", { className: "t2-product-detail-page__section__title", children: i?.title }),
303
314
  i?.description && /* @__PURE__ */ e("p", { className: "t2-product-detail-page__section__description", children: i?.description }),
304
- i?.items?.length > 0 && i?.items?.filter((m) => m?.headline && m?.description).map((m, oe) => /* @__PURE__ */ e(
305
- we,
315
+ i?.items?.length > 0 && i?.items?.filter((_) => _?.headline && _?.description).map((_, de) => /* @__PURE__ */ e(
316
+ Pe,
306
317
  {
307
- headline: m?.headline,
308
- description: m?.description
318
+ headline: _?.headline,
319
+ description: _?.description
309
320
  },
310
- oe
321
+ de
311
322
  )),
312
323
  i?.link?.url && /* @__PURE__ */ e("div", { className: "t2-product-detail-page__section__link-container", children: /* @__PURE__ */ e(
313
- _,
324
+ h,
314
325
  {
315
326
  destination: i?.link?.url,
316
327
  primary: !0,
@@ -319,10 +330,10 @@ const Pe = ge, $ = ({ text: k }) => /* @__PURE__ */ a("span", { className: "t2-p
319
330
  children: i?.link?.text
320
331
  }
321
332
  ) })
322
- ] }, se))
333
+ ] }, ce))
323
334
  ] })
324
335
  ] });
325
336
  };
326
337
  export {
327
- We as default
338
+ Ze as default
328
339
  };
package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts CHANGED
@@ -661,14 +661,16 @@ export namespace TrimbleCredits {
661
661
  export let totalCostLabel: string;
662
662
  export let minimumMaximumLabel: string;
663
663
  export let creditsDescriptionForCustomLabel: string;
664
- export let invalidNumberLabel: string;
665
664
  export let belowMinimumLabel: string;
666
665
  export let aboveMaximumLabel: string;
667
666
  }
668
667
  export { labels_5 as labels };
669
668
  let regionAvailability_3: string;
670
669
  export { regionAvailability_3 as regionAvailability };
671
- export { imagesArray as images };
670
+ export namespace listImage {
671
+ let src: string;
672
+ let altText: string;
673
+ }
672
674
  export namespace addToCartButton_5 {
673
675
  let className_5: string;
674
676
  export { className_5 as className };
package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;AAmDA,4EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2Nc,gCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjRP,mFAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2Uc,kCAER;;;;;;;;;;;AAjYP,+EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyZc,kCAER;;;;;;;;;;;;;AA/cP,4EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyec,kCAER;;;;;;;;;;;;;;AA/hBP,qFAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0iBc,kCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBP,mFAqBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA6Fc,kCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAtxBmB,iBAAiB;AAuK3C;;;;;;;;;;;KA6CE;AA5GF;;;;;IA6DE"}
1
+ {"version":3,"file":"ProductDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;AAmDA,4EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2Nc,gCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjRP,mFAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2Uc,kCAER;;;;;;;;;;;AAjYP,+EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyZc,kCAER;;;;;;;;;;;;;AA/cP,4EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyec,kCAER;;;;;;;;;;;;;;AA/hBP,qFAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0iBc,kCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBP,mFAqBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA4Fc,kCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BArxBmB,iBAAiB;AAuK3C;;;;;;;;;;;KA6CE;AA5GF;;;;;IA6DE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trimble-terra",
3
- "version": "1.1.9-beta.2",
3
+ "version": "1.1.9-beta.4",
4
4
  "description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
5
5
  "publishConfig": {
6
6
  "access": "public"