@trafilea/afrodita-components 2.2.0 → 2.3.3

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 (30) hide show
  1. package/build/dts/components/collection/index.d.ts +5 -0
  2. package/build/dts/components/collection/product/mobile/ProductItemMobile.d.ts +1 -1
  3. package/build/dts/components/collection/product/mobile/ProductItemMobile.stories.d.ts +1 -1
  4. package/build/dts/components/collection/product/types.d.ts +1 -0
  5. package/build/dts/components/color/selector/PatternSelector.d.ts +8 -0
  6. package/build/dts/components/color/selector/PatternSelector.test.d.ts +1 -0
  7. package/build/dts/components/filtering/Accordion.d.ts +8 -0
  8. package/build/dts/components/filtering/Filters.d.ts +15 -0
  9. package/build/dts/components/filtering/Filters.stories.d.ts +9 -0
  10. package/build/dts/components/filtering/Filters.test.d.ts +1 -0
  11. package/build/dts/components/filtering/FiltersStyled.d.ts +59 -0
  12. package/build/dts/components/icons/Actions/Close.d.ts +3 -0
  13. package/build/dts/components/icons/Actions/Trash.d.ts +3 -0
  14. package/build/dts/components/icons/Actions/index.d.ts +2 -0
  15. package/build/dts/components/icons/Arrows/ChevronRightVariant.d.ts +3 -0
  16. package/build/dts/components/icons/Arrows/index.d.ts +1 -0
  17. package/build/dts/components/index.d.ts +3 -1
  18. package/build/dts/components/slider/StyledSlider.d.ts +4 -4
  19. package/build/dts/types/types.d.ts +16 -1
  20. package/build/dts/utils/index.d.ts +1 -0
  21. package/build/dts/utils/simulateClick/simulateClick.d.ts +1 -0
  22. package/build/dts/utils/simulateClick/simulateClick.test.d.ts +1 -0
  23. package/build/index.css +170 -225
  24. package/build/index.d.ts +64 -2
  25. package/build/index.esm.css +170 -225
  26. package/build/index.esm.js +1089 -1392
  27. package/build/index.esm.js.map +1 -1
  28. package/build/index.js +1090 -1391
  29. package/build/index.js.map +1 -1
  30. package/package.json +2 -3
package/build/index.esm.js CHANGED
@@ -1319,8 +1319,8 @@ var createCache = function createCache(options) {
1319
1319
  return cache;
1320
1320
  };
1321
1321
 
1322
- function _extends$4() {
1323
- _extends$4 = Object.assign || function (target) {
1322
+ function _extends$1() {
1323
+ _extends$1 = Object.assign || function (target) {
1324
1324
  for (var i = 1; i < arguments.length; i++) {
1325
1325
  var source = arguments[i];
1326
1326
 
@@ -1334,30 +1334,11 @@ function _extends$4() {
1334
1334
  return target;
1335
1335
  };
1336
1336
 
1337
- return _extends$4.apply(this, arguments);
1337
+ return _extends$1.apply(this, arguments);
1338
1338
  }
1339
1339
 
1340
1340
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
1341
1341
 
1342
- function getDefaultExportFromCjs (x) {
1343
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
1344
- }
1345
-
1346
- function getAugmentedNamespace(n) {
1347
- if (n.__esModule) return n;
1348
- var a = Object.defineProperty({}, '__esModule', {value: true});
1349
- Object.keys(n).forEach(function (k) {
1350
- var d = Object.getOwnPropertyDescriptor(n, k);
1351
- Object.defineProperty(a, k, d.get ? d : {
1352
- enumerable: true,
1353
- get: function () {
1354
- return n[k];
1355
- }
1356
- });
1357
- });
1358
- return a;
1359
- }
1360
-
1361
1342
  var reactIs$1 = {exports: {}};
1362
1343
 
1363
1344
  var reactIs_production_min = {};
@@ -2045,7 +2026,7 @@ var serializeStyles$1 = function serializeStyles(args, registered, mergedProps)
2045
2026
  };
2046
2027
 
2047
2028
  var isBrowser$4 = typeof document !== 'undefined';
2048
- var hasOwnProperty = Object.prototype.hasOwnProperty;
2029
+ var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
2049
2030
 
2050
2031
  var EmotionCacheContext = /* #__PURE__ */createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
2051
2032
  // because this module is primarily intended for the browser and node
@@ -2111,7 +2092,7 @@ var getTheme = function getTheme(outerTheme, theme) {
2111
2092
  throw new Error('[ThemeProvider] Please make your theme prop a plain object');
2112
2093
  }
2113
2094
 
2114
- return _extends$4({}, outerTheme, theme);
2095
+ return _extends$1({}, outerTheme, theme);
2115
2096
  };
2116
2097
 
2117
2098
  var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2148,7 +2129,7 @@ var createEmotionProps = function createEmotionProps(type, props) {
2148
2129
  var newProps = {};
2149
2130
 
2150
2131
  for (var key in props) {
2151
- if (hasOwnProperty.call(props, key)) {
2132
+ if (hasOwnProperty$1.call(props, key)) {
2152
2133
  newProps[key] = props[key];
2153
2134
  }
2154
2135
  }
@@ -2209,7 +2190,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
2209
2190
  var newProps = {};
2210
2191
 
2211
2192
  for (var key in props) {
2212
- if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {
2193
+ if (hasOwnProperty$1.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {
2213
2194
  newProps[key] = props[key];
2214
2195
  }
2215
2196
  }
@@ -2434,7 +2415,7 @@ function css() {
2434
2415
  return serializeStyles$1(args);
2435
2416
  }
2436
2417
 
2437
- var classnames$1 = function classnames(args) {
2418
+ var classnames$2 = function classnames(args) {
2438
2419
  var len = args.length;
2439
2420
  var i = 0;
2440
2421
  var cls = '';
@@ -2538,7 +2519,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
2538
2519
  args[_key2] = arguments[_key2];
2539
2520
  }
2540
2521
 
2541
- return merge(cache.registered, css, classnames$1(args));
2522
+ return merge(cache.registered, css, classnames$2(args));
2542
2523
  };
2543
2524
 
2544
2525
  var content = {
@@ -2626,13 +2607,25 @@ var Question = function (_a) {
2626
2607
  return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 22, viewBoxY: 22, title: "Question" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM9.75807 15.9678C9.75807 15.2819 10.3141 14.7258 11 14.7258C11.6859 14.7258 12.2419 15.2819 12.2419 15.9678C12.2419 16.6537 11.6859 17.2097 11 17.2097C10.3141 17.2097 9.75807 16.6537 9.75807 15.9678ZM10.6305 13.6613H11.3402C11.6341 13.6613 11.8725 13.423 11.8725 13.1291V13.1122C11.8725 12.2512 12.5546 11.8053 13.3108 11.3109C14.2517 10.6958 15.3073 10.0058 15.3073 8.34809C15.3073 6.10995 13.306 4.79034 10.9854 4.79034C8.99703 4.79034 7.88 5.56717 6.93852 6.77482C6.75157 7.01461 6.80634 7.36288 7.05584 7.53671L7.6384 7.94255C7.86878 8.10307 8.18573 8.05805 8.35907 7.83717C9.022 6.99252 9.69269 6.56454 10.9854 6.56454C12.7453 6.56454 13.5331 7.46028 13.5331 8.34809C13.5331 9.20467 12.865 9.62547 12.1181 10.0959C11.1715 10.6922 10.0983 11.3681 10.0983 13.1122V13.1291C10.0983 13.423 10.3366 13.6613 10.6305 13.6613Z", fill: fill }, void 0) }), void 0));
2627
2608
  };
2628
2609
 
2610
+ var Close = function (_a) {
2611
+ var height = _a.height, width = _a.width, fill = _a.fill;
2612
+ return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 9, viewBoxY: 8, title: "close" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.2123 0.287701C0.919406 0.580594 0.919406 1.05547 1.2123 1.34836L3.86397 4.00003L1.21233 6.65167C0.919437 6.94456 0.919437 7.41944 1.21233 7.71233C1.50522 8.00522 1.9801 8.00522 2.27299 7.71233L4.92463 5.06069L7.57626 7.71232C7.86915 8.00522 8.34403 8.00522 8.63692 7.71232C8.92981 7.41943 8.92981 6.94456 8.63692 6.65166L5.98529 4.00003L8.63695 1.34837C8.92984 1.05548 8.92984 0.580602 8.63695 0.287709C8.34406 -0.00518426 7.86918 -0.00518393 7.57629 0.287709L4.92463 2.93937L2.27296 0.287701C1.98007 -0.00519271 1.50519 -0.00519269 1.2123 0.287701Z", fill: fill }, void 0) }), void 0));
2613
+ };
2614
+
2615
+ var Trash = function (_a) {
2616
+ var height = _a.height, width = _a.width, fill = _a.fill;
2617
+ return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 16, viewBoxY: 20, title: "trash" }, { children: jsx$1("path", { d: "M10.5714 16.875H11.1429C11.2186 16.875 11.2913 16.8421 11.3449 16.7835C11.3985 16.7249 11.4286 16.6454 11.4286 16.5625V5.9375C11.4286 5.85462 11.3985 5.77513 11.3449 5.71653C11.2913 5.65792 11.2186 5.625 11.1429 5.625H10.5714C10.4957 5.625 10.423 5.65792 10.3694 5.71653C10.3158 5.77513 10.2857 5.85462 10.2857 5.9375V16.5625C10.2857 16.6454 10.3158 16.7249 10.3694 16.7835C10.423 16.8421 10.4957 16.875 10.5714 16.875ZM4.85714 16.875H5.42857C5.50435 16.875 5.57702 16.8421 5.6306 16.7835C5.68418 16.7249 5.71429 16.6454 5.71429 16.5625V5.9375C5.71429 5.85462 5.68418 5.77513 5.6306 5.71653C5.57702 5.65792 5.50435 5.625 5.42857 5.625H4.85714C4.78137 5.625 4.70869 5.65792 4.65511 5.71653C4.60153 5.77513 4.57143 5.85462 4.57143 5.9375V16.5625C4.57143 16.6454 4.60153 16.7249 4.65511 16.7835C4.70869 16.8421 4.78137 16.875 4.85714 16.875ZM15.7143 2.5H12L10.8 0.75C10.6403 0.517132 10.4333 0.328126 10.1952 0.197949C9.95719 0.067772 9.69471 0 9.42857 0L6.57143 0C6.30529 0 6.04282 0.067772 5.80478 0.197949C5.56674 0.328126 5.35968 0.517132 5.2 0.75L4 2.5H0.285714C0.209938 2.5 0.137266 2.53292 0.0836838 2.59153C0.030102 2.65013 0 2.72962 0 2.8125L0 3.4375C0 3.52038 0.030102 3.59987 0.0836838 3.65847C0.137266 3.71708 0.209938 3.75 0.285714 3.75H1.14286V18.125C1.14286 18.6223 1.32347 19.0992 1.64496 19.4508C1.96645 19.8025 2.40249 20 2.85714 20H13.1429C13.5975 20 14.0336 19.8025 14.355 19.4508C14.6765 19.0992 14.8571 18.6223 14.8571 18.125V3.75H15.7143C15.7901 3.75 15.8627 3.71708 15.9163 3.65847C15.9699 3.59987 16 3.52038 16 3.4375V2.8125C16 2.72962 15.9699 2.65013 15.9163 2.59153C15.8627 2.53292 15.7901 2.5 15.7143 2.5ZM6.11429 1.5C6.1677 1.4226 6.23676 1.35976 6.31607 1.31639C6.39537 1.27302 6.48277 1.2503 6.57143 1.25H9.42857C9.51723 1.2503 9.60463 1.27302 9.68394 1.31639C9.76324 1.35976 9.8323 1.4226 9.88571 1.5L10.5714 2.5H5.42857L6.11429 1.5ZM13.7143 18.125C13.7143 18.2908 13.6541 18.4497 13.5469 18.5669C13.4398 18.6842 13.2944 18.75 13.1429 18.75H2.85714C2.70559 18.75 2.56025 18.6842 2.45308 18.5669C2.34592 18.4497 2.28571 18.2908 2.28571 18.125V3.75H13.7143V18.125ZM7.71429 16.875H8.28572C8.36149 16.875 8.43416 16.8421 8.48775 16.7835C8.54133 16.7249 8.57143 16.6454 8.57143 16.5625V5.9375C8.57143 5.85462 8.54133 5.77513 8.48775 5.71653C8.43416 5.65792 8.36149 5.625 8.28572 5.625H7.71429C7.63851 5.625 7.56584 5.65792 7.51226 5.71653C7.45867 5.77513 7.42857 5.85462 7.42857 5.9375V16.5625C7.42857 16.6454 7.45867 16.7249 7.51226 16.7835C7.56584 16.8421 7.63851 16.875 7.71429 16.875Z", fill: fill }, void 0) }), void 0));
2618
+ };
2619
+
2629
2620
  var Actions = /*#__PURE__*/Object.freeze({
2630
2621
  __proto__: null,
2631
2622
  Check: Check,
2632
2623
  ClearLight: ClearLight,
2633
2624
  LightExclamation: LightExclamation,
2634
2625
  LightCheck: LightCheck,
2635
- Question: Question
2626
+ Question: Question,
2627
+ Close: Close,
2628
+ Trash: Trash
2636
2629
  });
2637
2630
 
2638
2631
  var FitPredictor$1 = function (_a) {
@@ -2672,6 +2665,11 @@ var ChevronRight = function (_a) {
2672
2665
  return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 20, viewBoxY: 34, title: "chevron right" }, { children: jsx$1("g", __assign({ opacity: opacity }, { children: jsx$1("path", { d: "M4.14231 0.6657C3.22745 -0.2219 1.70267 -0.2219 0.787802 0.6657C-0.127065 1.5533 -0.127065 3.03263 0.787802 3.92023C4.44727 7.47063 8.10673 10.9224 11.7662 14.4728C11.7662 14.5714 14.2058 16.7411 14.2058 16.8397C14.2058 16.9384 11.6645 19.2067 11.6645 19.3053C8.00508 22.8557 4.34562 26.4061 0.68615 30.0551C-0.228717 30.9427 -0.228717 32.422 0.68615 33.3096C1.19441 33.8028 1.80432 34 2.41423 34C3.02414 34 3.63405 33.8028 4.14231 33.3096L19.2884 18.6149C19.695 18.2205 20 17.6287 20 16.9384C20 16.3466 19.695 15.7549 19.2884 15.2618L4.14231 0.6657Z", fill: fill }, void 0) }), void 0) }), void 0));
2673
2666
  };
2674
2667
 
2668
+ var ChevronRightVariant = function (_a) {
2669
+ var height = _a.height, width = _a.width, fill = _a.fill;
2670
+ return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: "chevron right variant" }, { children: jsx$1("path", { d: "M17.635 6.24942C17.3066 5.91686 16.8139 5.91686 16.4854 6.24942C16.1569 6.58199 16.1569 7.08083 16.4854 7.41339L20.208 11.127H1.82117C1.38321 11.1824 1 11.5704 1 12.0139C1 12.4573 1.38321 12.8453 1.82117 12.8453H20.208L16.4854 16.6143C16.1569 16.9469 16.1569 17.4457 16.4854 17.7783C16.6496 17.9446 16.8686 18 17.0876 18C17.3066 18 17.5255 17.9446 17.6898 17.7783L22.781 12.6236C22.9453 12.4573 23 12.2356 23 12.0139C23 11.7921 22.8905 11.5704 22.781 11.4042L17.635 6.24942Z", fill: fill }, void 0) }), void 0));
2671
+ };
2672
+
2675
2673
  var ChevronUp = function (_a) {
2676
2674
  var height = _a.height, width = _a.width, fill = _a.fill;
2677
2675
  return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 36, viewBoxY: 20, title: "chevron up" }, { children: jsx$1("path", { d: "M0.285774 18.1586L1.89534 19.7224C2.2763 20.0925 2.89398 20.0925 3.27501 19.7224L18 5.44992L32.7251 19.7223C33.106 20.0924 33.7237 20.0924 34.1047 19.7223L35.7143 18.1585C36.0952 17.7884 36.0952 17.1883 35.7143 16.8181L18.6898 0.277592C18.3088 -0.0925308 17.6911 -0.0925308 17.3101 0.277592L0.285774 16.8181C-0.095258 17.1883 -0.095258 17.7885 0.285774 18.1586Z", fill: fill }, void 0) }), void 0));
@@ -2692,6 +2690,7 @@ var Arrows = /*#__PURE__*/Object.freeze({
2692
2690
  ChevronDown: ChevronDown,
2693
2691
  ChevronLeft: ChevronLeft,
2694
2692
  ChevronRight: ChevronRight,
2693
+ ChevronRightVariant: ChevronRightVariant,
2695
2694
  ChevronUp: ChevronUp,
2696
2695
  ChevronUpSolid: ChevronUpSolid,
2697
2696
  CircleUp: CircleUp
@@ -3475,7 +3474,7 @@ var createStyled = function createStyled(tag, options) {
3475
3474
  });
3476
3475
 
3477
3476
  Styled.withComponent = function (nextTag, nextOptions) {
3478
- return createStyled(nextTag, _extends$4({}, options, nextOptions, {
3477
+ return createStyled(nextTag, _extends$1({}, options, nextOptions, {
3479
3478
  shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
3480
3479
  })).apply(void 0, styles);
3481
3480
  };
@@ -3519,7 +3518,7 @@ var InputValidationType;
3519
3518
  InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
3520
3519
  })(InputValidationType || (InputValidationType = {}));
3521
3520
 
3522
- var Section = newStyled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"], ["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"])), function (props) {
3521
+ var Section = newStyled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"], ["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"])), function (props) {
3523
3522
  return props.type === CardSectionType.Header ? '0.5rem 1.5rem 0' : '0 1.5rem 0.5rem';
3524
3523
  });
3525
3524
  var CardHeader = function (_a) {
@@ -3530,16 +3529,16 @@ var CardFooter = function (_a) {
3530
3529
  var children = _a.children;
3531
3530
  return (jsx$1(Section, __assign({ type: CardSectionType.Footer }, { children: children }), void 0));
3532
3531
  };
3533
- var templateObject_1$J;
3532
+ var templateObject_1$M;
3534
3533
 
3535
- var Body = newStyled.div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.5rem 1.5rem;\n align-self: flex-start;\n"], ["\n display: flex;\n align-items: center;\n padding: 0.5rem 1.5rem;\n align-self: flex-start;\n"])));
3534
+ var Body = newStyled.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.5rem 1.5rem;\n align-self: flex-start;\n"], ["\n display: flex;\n align-items: center;\n padding: 0.5rem 1.5rem;\n align-self: flex-start;\n"])));
3536
3535
  var CardBody = function (_a) {
3537
3536
  var children = _a.children;
3538
3537
  return jsx$1(Body, { children: children }, void 0);
3539
3538
  };
3540
- var templateObject_1$I;
3539
+ var templateObject_1$L;
3541
3540
 
3542
- var Container$q = newStyled.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n ", "\n width: ", ";\n background: ", ";\n border-radius: 0.5rem;\n border: ", ";\n"], ["\n ", "\n width: ", ";\n background: ", ";\n border-radius: 0.5rem;\n border: ", ";\n"])), function (_a) {
3541
+ var Container$t = newStyled.div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n ", "\n width: ", ";\n background: ", ";\n border-radius: 0.5rem;\n border: ", ";\n"], ["\n ", "\n width: ", ";\n background: ", ";\n border-radius: 0.5rem;\n border: ", ";\n"])), function (_a) {
3543
3542
  var flex = _a.flex;
3544
3543
  return flex &&
3545
3544
  "display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;";
@@ -3551,24 +3550,24 @@ var Container$q = newStyled.div(templateObject_1$H || (templateObject_1$H = __ma
3551
3550
  });
3552
3551
  var Card = function (_a) {
3553
3552
  var children = _a.children, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, border = _a.border, _c = _a.flex, flex = _c === void 0 ? true : _c;
3554
- return (jsx$1(Container$q, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: border, flex: flex, "data-testid": "CardContainer" }, { children: children }), void 0));
3553
+ return (jsx$1(Container$t, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: border, flex: flex, "data-testid": "CardContainer" }, { children: children }), void 0));
3555
3554
  };
3556
3555
  var Card$1 = Object.assign(Card, {
3557
3556
  Header: CardHeader,
3558
3557
  Footer: CardFooter,
3559
3558
  Body: CardBody,
3560
3559
  });
3561
- var templateObject_1$H;
3560
+ var templateObject_1$K;
3562
3561
 
3563
3562
  function jsx(type, props, key) {
3564
- if (!hasOwnProperty.call(props, 'css')) {
3563
+ if (!hasOwnProperty$1.call(props, 'css')) {
3565
3564
  return jsx$1(type, props, key);
3566
3565
  }
3567
3566
 
3568
3567
  return jsx$1(Emotion, createEmotionProps(type, props), key);
3569
3568
  }
3570
3569
  function jsxs(type, props, key) {
3571
- if (!hasOwnProperty.call(props, 'css')) {
3570
+ if (!hasOwnProperty$1.call(props, 'css')) {
3572
3571
  return jsxs$1(type, props, key);
3573
3572
  }
3574
3573
 
@@ -3588,7 +3587,7 @@ var BaseButton = function (_a) {
3588
3587
  } }, { children: [renderLeading, children, renderTrailing] }), void 0));
3589
3588
  };
3590
3589
 
3591
- var getStylesBySize$c = function (size) {
3590
+ var getStylesBySize$d = function (size) {
3592
3591
  switch (size) {
3593
3592
  case ComponentSize.Large:
3594
3593
  return {
@@ -3615,7 +3614,7 @@ var getStylesBySize$c = function (size) {
3615
3614
  var BaseCTA = function (_a) {
3616
3615
  var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? ComponentSize.Medium : _d, type = _a.type, className = _a.className;
3617
3616
  var theme = useTheme();
3618
- var stylesBySize = getStylesBySize$c(size);
3617
+ var stylesBySize = getStylesBySize$d(size);
3619
3618
  return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : '' }, stylesBySize), { fontWeight: 600, '&:hover': {
3620
3619
  color: theme.shades.white,
3621
3620
  cursor: 'pointer',
@@ -3678,8 +3677,8 @@ var ButtonSecondaryOutline = function (_a) {
3678
3677
  }, text: text }, void 0));
3679
3678
  };
3680
3679
 
3681
- function _extends$3() {
3682
- _extends$3 = Object.assign || function (target) {
3680
+ function _extends() {
3681
+ _extends = Object.assign || function (target) {
3683
3682
  for (var i = 1; i < arguments.length; i++) {
3684
3683
  var source = arguments[i];
3685
3684
 
@@ -3693,7 +3692,7 @@ function _extends$3() {
3693
3692
  return target;
3694
3693
  };
3695
3694
 
3696
- return _extends$3.apply(this, arguments);
3695
+ return _extends.apply(this, arguments);
3697
3696
  }
3698
3697
 
3699
3698
  function _objectWithoutPropertiesLoose$1(source, excluded) {
@@ -3832,7 +3831,7 @@ function render(_ref) {
3832
3831
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
3833
3832
  return null;
3834
3833
  }, _match[RenderStrategy.Hidden] = function () {
3835
- return _render(_extends$3({}, _rest, {
3834
+ return _render(_extends({}, _rest, {
3836
3835
  hidden: true,
3837
3836
  style: {
3838
3837
  display: 'none'
@@ -4304,12 +4303,12 @@ function Description(props) {
4304
4303
  }, [id, context.register]);
4305
4304
  var passThroughProps = props;
4306
4305
 
4307
- var propsWeControl = _extends$3({}, context.props, {
4306
+ var propsWeControl = _extends({}, context.props, {
4308
4307
  id: id
4309
4308
  });
4310
4309
 
4311
4310
  return render({
4312
- props: _extends$3({}, passThroughProps, propsWeControl),
4311
+ props: _extends({}, passThroughProps, propsWeControl),
4313
4312
  slot: context.slot || {},
4314
4313
  defaultTag: DEFAULT_DESCRIPTION_TAG,
4315
4314
  name: context.name || 'Description'
@@ -4358,32 +4357,32 @@ var ActionTypes$2;
4358
4357
  var reducers$2 = (_reducers$2 = {}, _reducers$2[ActionTypes$2.ToggleDisclosure] = function (state) {
4359
4358
  var _match;
4360
4359
 
4361
- return _extends$3({}, state, {
4360
+ return _extends({}, state, {
4362
4361
  disclosureState: match(state.disclosureState, (_match = {}, _match[DisclosureStates.Open] = DisclosureStates.Closed, _match[DisclosureStates.Closed] = DisclosureStates.Open, _match))
4363
4362
  });
4364
4363
  }, _reducers$2[ActionTypes$2.CloseDisclosure] = function (state) {
4365
4364
  if (state.disclosureState === DisclosureStates.Closed) return state;
4366
- return _extends$3({}, state, {
4365
+ return _extends({}, state, {
4367
4366
  disclosureState: DisclosureStates.Closed
4368
4367
  });
4369
4368
  }, _reducers$2[ActionTypes$2.LinkPanel] = function (state) {
4370
4369
  if (state.linkedPanel === true) return state;
4371
- return _extends$3({}, state, {
4370
+ return _extends({}, state, {
4372
4371
  linkedPanel: true
4373
4372
  });
4374
4373
  }, _reducers$2[ActionTypes$2.UnlinkPanel] = function (state) {
4375
4374
  if (state.linkedPanel === false) return state;
4376
- return _extends$3({}, state, {
4375
+ return _extends({}, state, {
4377
4376
  linkedPanel: false
4378
4377
  });
4379
4378
  }, _reducers$2[ActionTypes$2.SetButtonId] = function (state, action) {
4380
4379
  if (state.buttonId === action.buttonId) return state;
4381
- return _extends$3({}, state, {
4380
+ return _extends({}, state, {
4382
4381
  buttonId: action.buttonId
4383
4382
  });
4384
4383
  }, _reducers$2[ActionTypes$2.SetPanelId] = function (state, action) {
4385
4384
  if (state.panelId === action.panelId) return state;
4386
- return _extends$3({}, state, {
4385
+ return _extends({}, state, {
4387
4386
  panelId: action.panelId
4388
4387
  });
4389
4388
  }, _reducers$2);
@@ -4585,7 +4584,7 @@ var Button$5 = /*#__PURE__*/forwardRefWithAs(function Button(props, ref) {
4585
4584
  onClick: handleClick
4586
4585
  };
4587
4586
  return render({
4588
- props: _extends$3({}, passthroughProps, propsWeControl),
4587
+ props: _extends({}, passthroughProps, propsWeControl),
4589
4588
  slot: slot,
4590
4589
  defaultTag: DEFAULT_BUTTON_TAG$1,
4591
4590
  name: 'Disclosure.Button'
@@ -4650,7 +4649,7 @@ var Panel$2 = /*#__PURE__*/forwardRefWithAs(function Panel(props, ref) {
4650
4649
  return React.createElement(DisclosurePanelContext.Provider, {
4651
4650
  value: state.panelId
4652
4651
  }, render({
4653
- props: _extends$3({}, passthroughProps, propsWeControl),
4652
+ props: _extends({}, passthroughProps, propsWeControl),
4654
4653
  slot: slot,
4655
4654
  defaultTag: DEFAULT_PANEL_TAG,
4656
4655
  features: PanelRenderFeatures,
@@ -4853,24 +4852,24 @@ var ActionTypes$1;
4853
4852
  var reducers$1 = (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
4854
4853
  if (state.disabled) return state;
4855
4854
  if (state.listboxState === ListboxStates.Closed) return state;
4856
- return _extends$3({}, state, {
4855
+ return _extends({}, state, {
4857
4856
  activeOptionIndex: null,
4858
4857
  listboxState: ListboxStates.Closed
4859
4858
  });
4860
4859
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
4861
4860
  if (state.disabled) return state;
4862
4861
  if (state.listboxState === ListboxStates.Open) return state;
4863
- return _extends$3({}, state, {
4862
+ return _extends({}, state, {
4864
4863
  listboxState: ListboxStates.Open
4865
4864
  });
4866
4865
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
4867
4866
  if (state.disabled === action.disabled) return state;
4868
- return _extends$3({}, state, {
4867
+ return _extends({}, state, {
4869
4868
  disabled: action.disabled
4870
4869
  });
4871
4870
  }, _reducers$1[ActionTypes$1.SetOrientation] = function (state, action) {
4872
4871
  if (state.orientation === action.orientation) return state;
4873
- return _extends$3({}, state, {
4872
+ return _extends({}, state, {
4874
4873
  orientation: action.orientation
4875
4874
  });
4876
4875
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -4891,7 +4890,7 @@ var reducers$1 = (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = fu
4891
4890
  }
4892
4891
  });
4893
4892
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
4894
- return _extends$3({}, state, {
4893
+ return _extends({}, state, {
4895
4894
  searchQuery: '',
4896
4895
  activeOptionIndex: activeOptionIndex
4897
4896
  });
@@ -4904,10 +4903,10 @@ var reducers$1 = (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = fu
4904
4903
 
4905
4904
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
4906
4905
  });
4907
- if (match === -1 || match === state.activeOptionIndex) return _extends$3({}, state, {
4906
+ if (match === -1 || match === state.activeOptionIndex) return _extends({}, state, {
4908
4907
  searchQuery: searchQuery
4909
4908
  });
4910
- return _extends$3({}, state, {
4909
+ return _extends({}, state, {
4911
4910
  searchQuery: searchQuery,
4912
4911
  activeOptionIndex: match
4913
4912
  });
@@ -4915,11 +4914,11 @@ var reducers$1 = (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = fu
4915
4914
  if (state.disabled) return state;
4916
4915
  if (state.listboxState === ListboxStates.Closed) return state;
4917
4916
  if (state.searchQuery === '') return state;
4918
- return _extends$3({}, state, {
4917
+ return _extends({}, state, {
4919
4918
  searchQuery: ''
4920
4919
  });
4921
4920
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
4922
- return _extends$3({}, state, {
4921
+ return _extends({}, state, {
4923
4922
  options: [].concat(state.options, [{
4924
4923
  id: action.id,
4925
4924
  dataRef: action.dataRef
@@ -4932,7 +4931,7 @@ var reducers$1 = (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = fu
4932
4931
  return a.id === action.id;
4933
4932
  });
4934
4933
  if (idx !== -1) nextOptions.splice(idx, 1);
4935
- return _extends$3({}, state, {
4934
+ return _extends({}, state, {
4936
4935
  options: nextOptions,
4937
4936
  activeOptionIndex: function () {
4938
4937
  if (idx === state.activeOptionIndex) return null;
@@ -5153,7 +5152,7 @@ var Button$4 = /*#__PURE__*/forwardRefWithAs(function Button(props, ref) {
5153
5152
  onClick: handleClick
5154
5153
  };
5155
5154
  return render({
5156
- props: _extends$3({}, passthroughProps, propsWeControl),
5155
+ props: _extends({}, passthroughProps, propsWeControl),
5157
5156
  slot: slot,
5158
5157
  defaultTag: DEFAULT_BUTTON_TAG,
5159
5158
  name: 'Listbox.Button'
@@ -5186,7 +5185,7 @@ function Label$3(props) {
5186
5185
  onClick: handleClick
5187
5186
  };
5188
5187
  return render({
5189
- props: _extends$3({}, props, propsWeControl),
5188
+ props: _extends({}, props, propsWeControl),
5190
5189
  slot: slot,
5191
5190
  defaultTag: DEFAULT_LABEL_TAG$1,
5192
5191
  name: 'Listbox.Label'
@@ -5362,7 +5361,7 @@ var Options = /*#__PURE__*/forwardRefWithAs(function Options(props, ref) {
5362
5361
  };
5363
5362
  var passthroughProps = props;
5364
5363
  return render({
5365
- props: _extends$3({}, passthroughProps, propsWeControl),
5364
+ props: _extends({}, passthroughProps, propsWeControl),
5366
5365
  slot: slot,
5367
5366
  defaultTag: DEFAULT_OPTIONS_TAG,
5368
5367
  features: OptionsRenderFeatures,
@@ -5506,7 +5505,7 @@ function Option$2(props) {
5506
5505
  onMouseLeave: handleLeave
5507
5506
  };
5508
5507
  return render({
5509
- props: _extends$3({}, passthroughProps, propsWeControl),
5508
+ props: _extends({}, passthroughProps, propsWeControl),
5510
5509
  slot: slot,
5511
5510
  defaultTag: DEFAULT_OPTION_TAG$1,
5512
5511
  name: 'Listbox.Option'
@@ -5647,11 +5646,11 @@ function Label$2(props) {
5647
5646
  return context.register(id);
5648
5647
  }, [id, context.register]);
5649
5648
 
5650
- var propsWeControl = _extends$3({}, context.props, {
5649
+ var propsWeControl = _extends({}, context.props, {
5651
5650
  id: id
5652
5651
  });
5653
5652
 
5654
- var allProps = _extends$3({}, passThroughProps, propsWeControl); // @ts-expect-error props are dynamic via context, some components will
5653
+ var allProps = _extends({}, passThroughProps, propsWeControl); // @ts-expect-error props are dynamic via context, some components will
5655
5654
  // provide an onClick then we can delete it.
5656
5655
 
5657
5656
 
@@ -5673,7 +5672,7 @@ var ActionTypes;
5673
5672
  })(ActionTypes || (ActionTypes = {}));
5674
5673
 
5675
5674
  var reducers = (_reducers = {}, _reducers[ActionTypes.RegisterOption] = function (state, action) {
5676
- return _extends$3({}, state, {
5675
+ return _extends({}, state, {
5677
5676
  options: [].concat(state.options, [{
5678
5677
  id: action.id,
5679
5678
  element: action.element,
@@ -5687,7 +5686,7 @@ var reducers = (_reducers = {}, _reducers[ActionTypes.RegisterOption] = function
5687
5686
  });
5688
5687
  if (idx === -1) return state;
5689
5688
  options.splice(idx, 1);
5690
- return _extends$3({}, state, {
5689
+ return _extends({}, state, {
5691
5690
  options: options
5692
5691
  });
5693
5692
  }, _reducers);
@@ -5828,7 +5827,7 @@ function RadioGroup(props) {
5828
5827
  }
5829
5828
  }, [radioGroupRef, options, triggerChange]);
5830
5829
  var registerOption = useCallback(function (option) {
5831
- dispatch(_extends$3({
5830
+ dispatch(_extends({
5832
5831
  type: ActionTypes.RegisterOption
5833
5832
  }, option));
5834
5833
  return function () {
@@ -5863,7 +5862,7 @@ function RadioGroup(props) {
5863
5862
  }, React.createElement(RadioGroupContext.Provider, {
5864
5863
  value: api
5865
5864
  }, render({
5866
- props: _extends$3({}, passThroughProps, propsWeControl),
5865
+ props: _extends({}, passThroughProps, propsWeControl),
5867
5866
  defaultTag: DEFAULT_RADIO_GROUP_TAG,
5868
5867
  name: 'RadioGroup'
5869
5868
  }))));
@@ -5972,7 +5971,7 @@ function Option$1(props) {
5972
5971
  }, React.createElement(LabelProvider, {
5973
5972
  name: "RadioGroup.Label"
5974
5973
  }, render({
5975
- props: _extends$3({}, passThroughProps, propsWeControl),
5974
+ props: _extends({}, passThroughProps, propsWeControl),
5976
5975
  slot: slot,
5977
5976
  defaultTag: DEFAULT_OPTION_TAG,
5978
5977
  name: 'RadioGroup.Option'
@@ -5999,7 +5998,7 @@ function BaseSelectOption(_a) {
5999
5998
  return (jsx$1(Listbox.Option, __assign({ className: className, as: as, value: value, disabled: disabled }, { children: children }), void 0));
6000
5999
  }
6001
6000
 
6002
- var CustomListBox = newStyled(Listbox)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
6001
+ var CustomListBox = newStyled(Listbox)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
6003
6002
  function BaseSelect(_a) {
6004
6003
  var value = _a.value, onChange = _a.onChange, disabled = _a.disabled, children = _a.children, className = _a.className;
6005
6004
  return (jsx$1(CustomListBox, __assign({ disabled: disabled, as: "div", value: value, onChange: onChange, className: className }, { children: children }), void 0));
@@ -6009,7 +6008,7 @@ var BaseSelect$1 = Object.assign(BaseSelect, {
6009
6008
  Options: BaseSelectOptions,
6010
6009
  Option: BaseSelectOption,
6011
6010
  });
6012
- var templateObject_1$G;
6011
+ var templateObject_1$J;
6013
6012
 
6014
6013
  var CustomButton = newStyled.button(function (_a) {
6015
6014
  var theme = _a.theme, wide = _a.wide;
@@ -6146,7 +6145,7 @@ function SimpleDropdown(_a) {
6146
6145
  return (jsxs$1(BaseDropdown$1, __assign({ value: selectedValue, onChange: onChangeHandler, disabled: disabled, wide: wide }, { children: [jsx$1(Button, __assign({ OpenIcon: Icon.Arrows.ChevronDown, CloseIcon: Icon.Arrows.ChevronUp, wide: wide }, { children: selectedOptionLabel() }), void 0), jsx$1(BaseDropdown$1.Options, { children: options.map(function (item) { return (jsx$1(BaseDropdown$1.Option, __assign({ value: item, disabled: false }, { children: item.label }), item.key)); }) }, void 0)] }), void 0));
6147
6146
  }
6148
6147
 
6149
- var getStylesBySize$b = function (size) {
6148
+ var getStylesBySize$c = function (size) {
6150
6149
  switch (size) {
6151
6150
  case ComponentSize.Medium:
6152
6151
  return {
@@ -6162,7 +6161,7 @@ var getStylesBySize$b = function (size) {
6162
6161
  var SimpleSelector = function (_a) {
6163
6162
  var text = _a.text, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, _d = _a.active, active = _d === void 0 ? false : _d, onClick = _a.onClick;
6164
6163
  var theme = useTheme();
6165
- var stylesBySize = getStylesBySize$b(size);
6164
+ var stylesBySize = getStylesBySize$c(size);
6166
6165
  var activeStyles = active ? { fontWeight: 600 } : { fontWeight: 0 };
6167
6166
  return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: "button", css: __assign(__assign(__assign({}, stylesBySize), activeStyles), { boxSizing: 'border-box', fontSize: '0.75rem', cursor: 'pointer', '&:hover': {
6168
6167
  fontWeight: 600,
@@ -6188,8 +6187,8 @@ var SelectorSecondary = function (_a) {
6188
6187
  } }) }, void 0));
6189
6188
  };
6190
6189
 
6191
- var ButtonsContainer = newStyled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n"])));
6192
- var SizeParagraph = newStyled.p(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin: 0 0 0.63rem 0;\n font-size: 0.88rem;\n"], ["\n margin: 0 0 0.63rem 0;\n font-size: 0.88rem;\n"])));
6190
+ var ButtonsContainer = newStyled.div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n"])));
6191
+ var SizeParagraph = newStyled.p(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n margin: 0 0 0.63rem 0;\n font-size: 0.88rem;\n"], ["\n margin: 0 0 0.63rem 0;\n font-size: 0.88rem;\n"])));
6193
6192
  var getInitialValue$2 = function (options, selectedValue) {
6194
6193
  if (selectedValue && selectedValue.disabled !== true && options.includes(selectedValue))
6195
6194
  return selectedValue;
@@ -6214,9 +6213,9 @@ var SizeSelector = function (_a) {
6214
6213
  }, size: ComponentSize.Medium, text: size.label, active: active, disabled: size.disabled, onClick: function () { return onChangeHandler(size); } }, size.label));
6215
6214
  }) }, void 0)] }, void 0));
6216
6215
  };
6217
- var templateObject_1$F, templateObject_2$t;
6216
+ var templateObject_1$I, templateObject_2$v;
6218
6217
 
6219
- var getStylesBySize$a = function (size) {
6218
+ var getStylesBySize$b = function (size) {
6220
6219
  switch (size) {
6221
6220
  case ComponentSize.Large:
6222
6221
  case ComponentSize.Medium:
@@ -6234,7 +6233,7 @@ var getStylesBySize$a = function (size) {
6234
6233
  }
6235
6234
  };
6236
6235
  var textButtonStyles$1 = function (theme, size) {
6237
- var stylesBySize = getStylesBySize$a(size);
6236
+ var stylesBySize = getStylesBySize$b(size);
6238
6237
  return __assign(__assign({ border: 'none', background: 'transparent', padding: 0, color: theme.shades.gray550, alignItems: 'center', fontWeight: 600 }, stylesBySize), { '&:hover': {
6239
6238
  textDecorationLine: 'underline',
6240
6239
  }, '&:disabled': {
@@ -6243,7 +6242,7 @@ var textButtonStyles$1 = function (theme, size) {
6243
6242
  } });
6244
6243
  };
6245
6244
  var withContainer = function (iconFill, isLeading, Icon) {
6246
- return Icon && (jsx("span", __assign({ css: css(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", "\n "], ["\n display: flex;\n align-items: center;\n ", "\n "])), isLeading ? 'margin-right: 5px' : 'margin-left: 5px') }, { children: jsx(Icon, { width: 1.25, height: 1.25, fill: iconFill }, void 0) }), void 0));
6245
+ return Icon && (jsx("span", __assign({ css: css(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", "\n "], ["\n display: flex;\n align-items: center;\n ", "\n "])), isLeading ? 'margin-right: 5px' : 'margin-left: 5px') }, { children: jsx(Icon, { width: 1.25, height: 1.25, fill: iconFill }, void 0) }), void 0));
6247
6246
  };
6248
6247
  var getIconFill = function (theme, disabled, iconColor) {
6249
6248
  if (disabled)
@@ -6259,18 +6258,18 @@ var TextButton = function (_a) {
6259
6258
  var iconFill = getIconFill(theme, disabled, iconColor);
6260
6259
  return (jsx(BaseButton, __assign({ renderLeading: withContainer(iconFill, true, LeadingIcon), renderTrailing: withContainer(iconFill, false, TrailingIcon), disabled: disabled, type: type, onClick: onClick, css: textButtonStyles$1(theme, size) }, { children: text }), void 0));
6261
6260
  };
6262
- var templateObject_1$E;
6261
+ var templateObject_1$H;
6263
6262
 
6264
- var Container$p = newStyled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n font-size: 0.88rem;\n"], ["\n display: flex;\n justify-content: space-between;\n font-size: 0.88rem;\n"])));
6265
- var P$2 = newStyled.p(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
6263
+ var Container$s = newStyled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n font-size: 0.88rem;\n"], ["\n display: flex;\n justify-content: space-between;\n font-size: 0.88rem;\n"])));
6264
+ var P$2 = newStyled.p(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
6266
6265
  var PercentageSpan = newStyled.span(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n font-weight: 700;\n text-decoration-line: underline;\n"], ["\n font-weight: 700;\n text-decoration-line: underline;\n"])));
6267
6266
  var SizeFitGuide = function (_a) {
6268
6267
  var title = _a.title, fitPercentageLabel = _a.fitPercentageLabel, fitPercentage = _a.fitPercentage, onClick = _a.onClick;
6269
- return (jsxs$1(Container$p, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick }, void 0), jsxs$1(P$2, { children: [fitPercentageLabel, " ", jsxs$1(PercentageSpan, { children: [fitPercentage, "%"] }, void 0)] }, void 0)] }, void 0));
6268
+ return (jsxs$1(Container$s, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick }, void 0), jsxs$1(P$2, { children: [fitPercentageLabel, " ", jsxs$1(PercentageSpan, { children: [fitPercentage, "%"] }, void 0)] }, void 0)] }, void 0));
6270
6269
  };
6271
- var templateObject_1$D, templateObject_2$s, templateObject_3$j;
6270
+ var templateObject_1$G, templateObject_2$u, templateObject_3$j;
6272
6271
 
6273
- var getStylesBySize$9 = function (size) {
6272
+ var getStylesBySize$a = function (size) {
6274
6273
  switch (size) {
6275
6274
  case ComponentSize.Large:
6276
6275
  return {
@@ -6298,7 +6297,7 @@ var getStylesBySize$9 = function (size) {
6298
6297
  };
6299
6298
  }
6300
6299
  };
6301
- var Container$o = newStyled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n padding: ", ";\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: ", ";\n height: ", ";\n text-align: center;\n cursor: default;\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n padding: ", ";\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: ", ";\n height: ", ";\n text-align: center;\n cursor: default;\n"])), function (_a) {
6300
+ var Container$r = newStyled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n padding: ", ";\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: ", ";\n height: ", ";\n text-align: center;\n cursor: default;\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n padding: ", ";\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: ", ";\n height: ", ";\n text-align: center;\n cursor: default;\n"])), function (_a) {
6302
6301
  var backgroundColor = _a.backgroundColor;
6303
6302
  return backgroundColor;
6304
6303
  }, function (_a) {
@@ -6307,39 +6306,39 @@ var Container$o = newStyled.div(templateObject_1$C || (templateObject_1$C = __ma
6307
6306
  }, function (_a) {
6308
6307
  var _b;
6309
6308
  var size = _a.size;
6310
- return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.borderRadius;
6309
+ return (_b = getStylesBySize$a(size)) === null || _b === void 0 ? void 0 : _b.borderRadius;
6311
6310
  }, function (_a) {
6312
6311
  var _b;
6313
6312
  var size = _a.size;
6314
- return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.padding;
6313
+ return (_b = getStylesBySize$a(size)) === null || _b === void 0 ? void 0 : _b.padding;
6315
6314
  }, function (_a) {
6316
6315
  var size = _a.size;
6317
6316
  return (size === ComponentSize.Small ? '2rem' : 'unset');
6318
6317
  }, function (_a) {
6319
6318
  var _b;
6320
6319
  var size = _a.size;
6321
- return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.height;
6320
+ return (_b = getStylesBySize$a(size)) === null || _b === void 0 ? void 0 : _b.height;
6322
6321
  });
6323
- var H3$2 = newStyled.h3(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n color: ", ";\n font-weight: bold;\n margin: 0;\n font-size: ", ";\n line-height: ", ";\n"], ["\n color: ", ";\n font-weight: bold;\n margin: 0;\n font-size: ", ";\n line-height: ", ";\n"])), function (_a) {
6322
+ var H3$2 = newStyled.h3(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n color: ", ";\n font-weight: bold;\n margin: 0;\n font-size: ", ";\n line-height: ", ";\n"], ["\n color: ", ";\n font-weight: bold;\n margin: 0;\n font-size: ", ";\n line-height: ", ";\n"])), function (_a) {
6324
6323
  var textColor = _a.textColor;
6325
6324
  return textColor;
6326
6325
  }, function (_a) {
6327
6326
  var _b;
6328
6327
  var size = _a.size;
6329
- return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.fontSize;
6328
+ return (_b = getStylesBySize$a(size)) === null || _b === void 0 ? void 0 : _b.fontSize;
6330
6329
  }, function (_a) {
6331
6330
  var _b;
6332
6331
  var size = _a.size;
6333
- return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
6332
+ return (_b = getStylesBySize$a(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
6334
6333
  });
6335
6334
  var DiscountTag = function (_a) {
6336
6335
  var discount = _a.discount, offText = _a.offText, disabled = _a.disabled, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#fff' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? 'transparent' : _c, _d = _a.textColor, textColor = _d === void 0 ? '#fff' : _d, _e = _a.size, size = _e === void 0 ? ComponentSize.Medium : _e;
6337
6336
  var theme = useTheme();
6338
- return (jsx$1(Container$o, __assign({ backgroundColor: disabled ? theme.shades.gray050 : backgroundColor, borderColor: disabled ? theme.shades.gray050 : borderColor, size: size, "data-testid": "discount-container" }, { children: jsxs$1(H3$2, __assign({ textColor: disabled ? theme.shades.gray250 : textColor, size: size }, { children: [discount, "% ", offText] }), void 0) }), void 0));
6337
+ return (jsx$1(Container$r, __assign({ backgroundColor: disabled ? theme.shades.gray050 : backgroundColor, borderColor: disabled ? theme.shades.gray050 : borderColor, size: size, "data-testid": "discount-container" }, { children: jsxs$1(H3$2, __assign({ textColor: disabled ? theme.shades.gray250 : textColor, size: size }, { children: [discount, "% ", offText] }), void 0) }), void 0));
6339
6338
  };
6340
- var templateObject_1$C, templateObject_2$r;
6339
+ var templateObject_1$F, templateObject_2$t;
6341
6340
 
6342
- var getStylesBySize$8 = function (size) {
6341
+ var getStylesBySize$9 = function (size) {
6343
6342
  switch (size) {
6344
6343
  case ComponentSize.Large:
6345
6344
  return {
@@ -6361,18 +6360,18 @@ var getStylesBySize$8 = function (size) {
6361
6360
  };
6362
6361
  }
6363
6362
  };
6364
- var Container$n = newStyled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
6365
- var Price = newStyled.h1(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: ", ";\n margin: ", ";\n"], ["\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: ", ";\n margin: ", ";\n"])), function (_a) {
6363
+ var Container$q = newStyled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
6364
+ var Price = newStyled.h1(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: ", ";\n margin: ", ";\n"], ["\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: ", ";\n margin: ", ";\n"])), function (_a) {
6366
6365
  var weight = _a.weight;
6367
6366
  return (weight ? weight : '400');
6368
6367
  }, function (_a) {
6369
6368
  var _b;
6370
6369
  var size = _a.size;
6371
- return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.fontSize;
6370
+ return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.fontSize;
6372
6371
  }, function (_a) {
6373
6372
  var _b;
6374
6373
  var size = _a.size;
6375
- return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
6374
+ return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
6376
6375
  }, function (_a) {
6377
6376
  var color = _a.color;
6378
6377
  return color;
@@ -6382,19 +6381,19 @@ var Price = newStyled.h1(templateObject_2$q || (templateObject_2$q = __makeTempl
6382
6381
  }, function (_a) {
6383
6382
  var _b;
6384
6383
  var margin = _a.margin, size = _a.size;
6385
- return (margin ? (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.margin : '0');
6384
+ return (margin ? (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.margin : '0');
6386
6385
  });
6387
6386
  var TagContainer = newStyled.h1(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n margin: ", ";\n display: flex;\n align-items: center;\n"], ["\n margin: ", ";\n display: flex;\n align-items: center;\n"])), function (_a) {
6388
6387
  var _b;
6389
6388
  var size = _a.size;
6390
- return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.margin;
6389
+ return (_b = getStylesBySize$9(size)) === null || _b === void 0 ? void 0 : _b.margin;
6391
6390
  });
6392
6391
  var PriceLabel = function (_a) {
6393
6392
  var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, discount = _a.discount, color = _a.color, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b;
6394
6393
  var theme = useTheme();
6395
- return (jsxs$1(Container$n, { children: [jsx$1(Price, __assign({ size: size, color: color || theme.palette.secondary.default, weight: 700, "data-testid": "price" }, { children: finalPrice }), void 0), originalPrice && (jsx$1(Price, __assign({ size: size, color: theme.shades.gray400, margin: true, underlined: true, "data-testid": "discount" }, { children: originalPrice }), void 0)), discount && (jsx$1(TagContainer, __assign({ size: size }, { children: jsx$1(DiscountTag, __assign({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
6394
+ return (jsxs$1(Container$q, { children: [jsx$1(Price, __assign({ size: size, color: color || theme.palette.secondary.default, weight: 700, "data-testid": "price" }, { children: finalPrice }), void 0), originalPrice && (jsx$1(Price, __assign({ size: size, color: theme.shades.gray400, margin: true, underlined: true, "data-testid": "discount" }, { children: originalPrice }), void 0)), discount && (jsx$1(TagContainer, __assign({ size: size }, { children: jsx$1(DiscountTag, __assign({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
6396
6395
  };
6397
- var templateObject_1$B, templateObject_2$q, templateObject_3$i;
6396
+ var templateObject_1$E, templateObject_2$s, templateObject_3$i;
6398
6397
 
6399
6398
  var OneColorSelector = function (_a) {
6400
6399
  var color = _a.color, selected = _a.selected, dataTestId = _a.dataTestId;
@@ -6433,8 +6432,8 @@ var OutOfStock = function (_a) {
6433
6432
  return (jsxs$1("svg", __assign({ width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx$1("title", { children: title }, void 0), jsx$1("mask", __assign({ id: "path-1-inside-1", fill: "white" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.89435 9.60565C8.40619 10.0938 8.40619 10.8853 8.89435 11.3734L14.0209 16.5L8.89433 21.6266C8.40617 22.1147 8.40617 22.9062 8.89433 23.3943C9.38248 23.8825 10.1739 23.8825 10.6621 23.3943L15.7887 18.2677L21.2687 23.7478C21.7569 24.2359 22.5483 24.2359 23.0365 23.7478C23.5246 23.2596 23.5246 22.4682 23.0365 21.98L17.5564 16.5L23.0365 11.02C23.5246 10.5318 23.5246 9.74035 23.0365 9.25219C22.5483 8.76404 21.7568 8.76404 21.2687 9.25219L15.7887 14.7322L10.6621 9.60565C10.174 9.1175 9.3825 9.1175 8.89435 9.60565Z" }, void 0) }), void 0), jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.89435 9.60565C8.40619 10.0938 8.40619 10.8853 8.89435 11.3734L14.0209 16.5L8.89433 21.6266C8.40617 22.1147 8.40617 22.9062 8.89433 23.3943C9.38248 23.8825 10.1739 23.8825 10.6621 23.3943L15.7887 18.2677L21.2687 23.7478C21.7569 24.2359 22.5483 24.2359 23.0365 23.7478C23.5246 23.2596 23.5246 22.4682 23.0365 21.98L17.5564 16.5L23.0365 11.02C23.5246 10.5318 23.5246 9.74035 23.0365 9.25219C22.5483 8.76404 21.7568 8.76404 21.2687 9.25219L15.7887 14.7322L10.6621 9.60565C10.174 9.1175 9.3825 9.1175 8.89435 9.60565Z", fill: theme.shades.gray300 }, void 0), jsx$1("path", { d: "M14.0209 16.5L14.5866 17.0657L15.1523 16.5L14.5866 15.9343L14.0209 16.5ZM8.89433 21.6266L9.46001 22.1922L8.89433 21.6266ZM10.6621 23.3943L11.2278 23.96L10.6621 23.3943ZM15.7887 18.2677L16.3544 17.7021L15.7887 17.1364L15.223 17.7021L15.7887 18.2677ZM17.5564 16.5L16.9908 15.9343L16.4251 16.5L16.9908 17.0657L17.5564 16.5ZM23.0365 11.02L23.6021 11.5856L23.0365 11.02ZM21.2687 9.25219L21.8344 9.81788L21.2687 9.25219ZM15.7887 14.7322L15.223 15.2979L15.7887 15.8636L16.3544 15.2979L15.7887 14.7322ZM9.46003 10.8077C9.2843 10.632 9.2843 10.3471 9.46003 10.1713L8.32866 9.03997C7.52809 9.84054 7.52809 11.1385 8.32866 11.9391L9.46003 10.8077ZM14.5866 15.9343L9.46003 10.8077L8.32866 11.9391L13.4552 17.0657L14.5866 15.9343ZM9.46001 22.1922L14.5866 17.0657L13.4552 15.9343L8.32864 21.0609L9.46001 22.1922ZM9.46001 22.8286C9.28428 22.6529 9.28428 22.368 9.46001 22.1922L8.32864 21.0609C7.52807 21.8614 7.52807 23.1594 8.32864 23.96L9.46001 22.8286ZM10.0964 22.8286C9.92067 23.0044 9.63575 23.0044 9.46001 22.8286L8.32864 23.96C9.12922 24.7606 10.4272 24.7606 11.2278 23.96L10.0964 22.8286ZM15.223 17.7021L10.0964 22.8286L11.2278 23.96L16.3544 18.8334L15.223 17.7021ZM21.8344 23.1821L16.3544 17.7021L15.223 18.8334L20.703 24.3135L21.8344 23.1821ZM22.4708 23.1821C22.2951 23.3578 22.0101 23.3578 21.8344 23.1821L20.703 24.3135C21.5036 25.114 22.8016 25.114 23.6022 24.3135L22.4708 23.1821ZM22.4708 22.5457C22.6465 22.7214 22.6465 23.0064 22.4708 23.1821L23.6022 24.3135C24.4027 23.5129 24.4027 22.2149 23.6022 21.4143L22.4708 22.5457ZM16.9908 17.0657L22.4708 22.5457L23.6022 21.4143L18.1221 15.9343L16.9908 17.0657ZM22.4708 10.4543L16.9908 15.9343L18.1221 17.0657L23.6021 11.5856L22.4708 10.4543ZM22.4708 9.81788C22.6465 9.99361 22.6465 10.2785 22.4708 10.4543L23.6021 11.5856C24.4027 10.7851 24.4027 9.48708 23.6021 8.68651L22.4708 9.81788ZM21.8344 9.81788C22.0101 9.64214 22.295 9.64214 22.4708 9.81788L23.6021 8.68651C22.8016 7.88593 21.5036 7.88593 20.703 8.68651L21.8344 9.81788ZM16.3544 15.2979L21.8344 9.81788L20.703 8.68651L15.223 14.1665L16.3544 15.2979ZM10.0964 10.1713L15.223 15.2979L16.3544 14.1665L11.2278 9.03997L10.0964 10.1713ZM9.46003 10.1713C9.63577 9.9956 9.92069 9.9956 10.0964 10.1713L11.2278 9.03997C10.4272 8.23939 9.12924 8.23939 8.32866 9.03997L9.46003 10.1713Z", fill: "white", mask: "url(#path-1-inside-1)" }, void 0), jsx$1("circle", { cx: "16", cy: "16.5", r: "12", stroke: theme.shades.gray300, strokeWidth: "0.5" }, void 0)] }), void 0));
6434
6433
  };
6435
6434
 
6436
- var CustomRadioGroup = newStyled(RadioGroup)(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
6437
- var CustomRadioGroupLabel = newStyled(RadioGroup.Label)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n font-size: 0.88rem;\n"], ["\n font-size: 0.88rem;\n"])));
6435
+ var CustomRadioGroup = newStyled(RadioGroup)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
6436
+ var CustomRadioGroupLabel = newStyled(RadioGroup.Label)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n font-size: 0.88rem;\n"], ["\n font-size: 0.88rem;\n"])));
6438
6437
  var CustomRadioGroupOption = newStyled(RadioGroup.Option)(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 1rem;\n\n svg {\n cursor: pointer;\n }\n"], ["\n margin-right: 1rem;\n\n svg {\n cursor: pointer;\n }\n"])));
6439
6438
  var Span = newStyled.span(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n font-weight: 600;\n"], ["\n font-weight: 600;\n"])));
6440
6439
  var OptionsContainer = newStyled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n display: flex;\n margin-top: 0.63rem;\n"], ["\n display: flex;\n margin-top: 0.63rem;\n"])));
@@ -6455,13 +6454,26 @@ var ColorRadioGroup$1 = Object.assign(ColorRadioGroup, {
6455
6454
  Option: Option,
6456
6455
  OptionsContainer: OptionsContainer,
6457
6456
  });
6458
- var templateObject_1$A, templateObject_2$p, templateObject_3$h, templateObject_4$d, templateObject_5$7;
6457
+ var templateObject_1$D, templateObject_2$r, templateObject_3$h, templateObject_4$d, templateObject_5$7;
6458
+
6459
+ var Container$p = newStyled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 0.081rem solid ", ";\n box-sizing: border-box;\n padding: 0.156rem;\n cursor: pointer;\n"], ["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 0.081rem solid ", ";\n box-sizing: border-box;\n padding: 0.156rem;\n cursor: pointer;\n"])), function (_a) {
6460
+ var borderColor = _a.borderColor;
6461
+ return borderColor;
6462
+ });
6463
+ var Image$3 = newStyled.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n"], ["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n"])));
6464
+ var PatternSelector = function (_a) {
6465
+ var url = _a.url, selected = _a.selected, dataTestId = _a.dataTestId;
6466
+ var theme = useTheme();
6467
+ var outerBorder = selected ? theme.shades.gray550 : 'transparent';
6468
+ return (jsx$1(Container$p, __assign({ "data-testid": dataTestId, borderColor: outerBorder }, { children: jsx$1(Image$3, { src: url, alt: "pattern" }, void 0) }), void 0));
6469
+ };
6470
+ var templateObject_1$C, templateObject_2$q;
6459
6471
 
6460
6472
  var renderOptions$1 = function (options) {
6461
6473
  if (options.length)
6462
6474
  return options.map(function (option) { return (jsx$1(ColorRadioGroup$1.Option, __assign({ value: option }, { children: function (_a) {
6463
6475
  var checked = _a.checked;
6464
- return (jsx$1(ColorSelector, __assign({}, option.color, { selected: checked, dataTestId: option.label + "-selector" }), void 0));
6476
+ return option.color ? (jsx$1(ColorSelector, __assign({}, option.color, { selected: checked, dataTestId: option.label + "-selector" }), void 0)) : (option.pattern && jsx$1(PatternSelector, { url: option.pattern.url, selected: checked }, void 0));
6465
6477
  } }), option.label)); });
6466
6478
  else
6467
6479
  return jsx$1(OutOfStock, { title: "out of stock color" }, void 0);
@@ -6487,7 +6499,7 @@ var SingleColorPicker = function (_a) {
6487
6499
 
6488
6500
  var renderOptions = function (selectedColor, options) {
6489
6501
  if (options && options.length)
6490
- return options.map(function (option) { return (jsx$1(ColorRadioGroup$1.Option, __assign({ value: option }, { children: jsx$1(ColorSelector, __assign({}, option.color, { selected: selectedColor.has(option), dataTestId: option.label + "-selector" }), void 0) }), option.label)); });
6502
+ return options.map(function (option) { return (jsx$1(ColorRadioGroup$1.Option, __assign({ value: option }, { children: option.color ? (jsx$1(ColorSelector, __assign({}, option.color, { selected: selectedColor.has(option), dataTestId: option.label + "-selector" }), void 0)) : (option.pattern && (jsx$1(PatternSelector, { url: option.pattern.url, selected: selectedColor.has(option) }, void 0))) }), option.label)); });
6491
6503
  else
6492
6504
  return jsx$1(OutOfStock, { title: "out of stock color" }, void 0);
6493
6505
  };
@@ -6521,7 +6533,7 @@ var MultiColorPicker = function (_a) {
6521
6533
  return (jsxs$1(ColorRadioGroup$1, __assign({ value: selectedColor, onChange: onChangeHandler }, { children: [jsx$1(ColorRadioGroup$1.Label, { label: label, values: valueLabels }, void 0), jsx$1(ColorRadioGroup$1.OptionsContainer, { children: renderOptions(selectedColor, options) }, void 0)] }), void 0));
6522
6534
  };
6523
6535
 
6524
- var Image$2 = newStyled.img(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n width: 4.063rem;\n height: 5.375rem;\n box-sizing: border-box;\n cursor: pointer;\n border: ", ";\n"], ["\n width: 4.063rem;\n height: 5.375rem;\n box-sizing: border-box;\n cursor: pointer;\n border: ", ";\n"])), function (_a) {
6536
+ var Image$2 = newStyled.img(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n width: 4.063rem;\n height: 5.375rem;\n box-sizing: border-box;\n cursor: pointer;\n border: ", ";\n"], ["\n width: 4.063rem;\n height: 5.375rem;\n box-sizing: border-box;\n cursor: pointer;\n border: ", ";\n"])), function (_a) {
6525
6537
  var selected = _a.selected, theme = _a.theme;
6526
6538
  return selected ? "0.063rem solid " + theme.shades.gray700 : 'inherit';
6527
6539
  });
@@ -6530,29 +6542,29 @@ var ImageSmallPreview = function (_a) {
6530
6542
  var theme = useTheme();
6531
6543
  return jsx$1(Image$2, { className: className, src: imageUrl, alt: alt, selected: selected, theme: theme }, void 0);
6532
6544
  };
6533
- var templateObject_1$z;
6545
+ var templateObject_1$B;
6534
6546
 
6535
- var Container$m = newStyled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n padding-right: 1.25rem;\n overflow: auto;\n"], ["\n display: flex;\n flex-direction: column;\n padding-right: 1.25rem;\n overflow: auto;\n"])));
6536
- var Button$3 = newStyled.button(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n"], ["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n"])));
6547
+ var Container$o = newStyled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n padding-right: 1.25rem;\n overflow: auto;\n"], ["\n display: flex;\n flex-direction: column;\n padding-right: 1.25rem;\n overflow: auto;\n"])));
6548
+ var Button$3 = newStyled.button(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n"], ["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n"])));
6537
6549
  var ImagePreviewList = function (_a) {
6538
6550
  var images = _a.images, selectedImage = _a.selectedImage, onClick = _a.onClick, dataTestId = _a.dataTestId;
6539
- return (jsx(Container$m, __assign({ "data-testid": dataTestId }, { children: images.map(function (item) {
6551
+ return (jsx(Container$o, __assign({ "data-testid": dataTestId }, { children: images.map(function (item) {
6540
6552
  return (jsx(Button$3, __assign({ onClick: function () { return onClick(item); } }, { children: jsx(ImageSmallPreview, { css: { marginBottom: '1.25rem' }, imageUrl: item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key }, void 0) }), item.key));
6541
6553
  }) }), void 0));
6542
6554
  };
6543
- var templateObject_1$y, templateObject_2$o;
6555
+ var templateObject_1$A, templateObject_2$p;
6544
6556
 
6545
- var Container$l = newStyled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n position: relative;\n max-height: 45rem;\n max-width: 33.125rem;\n"], ["\n position: relative;\n max-height: 45rem;\n max-width: 33.125rem;\n"])));
6546
- var Image$1 = newStyled.img(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
6557
+ var Container$n = newStyled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n position: relative;\n max-height: 45rem;\n max-width: 33.125rem;\n"], ["\n position: relative;\n max-height: 45rem;\n max-width: 33.125rem;\n"])));
6558
+ var Image$1 = newStyled.img(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
6547
6559
  var TopTagContainer = newStyled.div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 0;\n"], ["\n position: absolute;\n left: 0;\n top: 0;\n"])));
6548
6560
  var BottomTagContainer = newStyled.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"], ["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"])));
6549
6561
  var ImageProductWithTags = function (_a) {
6550
6562
  var image = _a.image, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, dataTestId = _a.dataTestId;
6551
- return (jsxs$1(Container$l, __assign({ "data-testid": dataTestId }, { children: [jsx$1(Image$1, { src: image.imageUrl, alt: image.alt }, void 0), jsx$1(TopTagContainer, { children: DiscountTagElement }, void 0), jsx$1(BottomTagContainer, { children: BestSellerTagElement }, void 0)] }), void 0));
6563
+ return (jsxs$1(Container$n, __assign({ "data-testid": dataTestId }, { children: [jsx$1(Image$1, { src: image.imageUrl, alt: image.alt }, void 0), jsx$1(TopTagContainer, { children: DiscountTagElement }, void 0), jsx$1(BottomTagContainer, { children: BestSellerTagElement }, void 0)] }), void 0));
6552
6564
  };
6553
- var templateObject_1$x, templateObject_2$n, templateObject_3$g, templateObject_4$c;
6565
+ var templateObject_1$z, templateObject_2$o, templateObject_3$g, templateObject_4$c;
6554
6566
 
6555
- var Container$k = newStyled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n max-height: 45rem;\n"], ["\n display: flex;\n flex-direction: row;\n width: fit-content;\n max-height: 45rem;\n"])));
6567
+ var Container$m = newStyled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n max-height: 45rem;\n"], ["\n display: flex;\n flex-direction: row;\n width: fit-content;\n max-height: 45rem;\n"])));
6556
6568
  var ProductGallery = function (_a) {
6557
6569
  var images = _a.images, selectedValue = _a.selectedValue, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, productImageDataTestId = _a.productImageDataTestId, previewListDataTestId = _a.previewListDataTestId;
6558
6570
  var initialValue = selectedValue && images.includes(selectedValue) ? selectedValue : images[0];
@@ -6560,13 +6572,13 @@ var ProductGallery = function (_a) {
6560
6572
  useEffect(function () {
6561
6573
  setSelectedImage(initialValue);
6562
6574
  }, [initialValue]);
6563
- return (jsxs$1(Container$k, { children: [jsx$1(ImagePreviewList, { images: images, selectedImage: selectedImage, dataTestId: previewListDataTestId, onClick: function (value) {
6575
+ return (jsxs$1(Container$m, { children: [jsx$1(ImagePreviewList, { images: images, selectedImage: selectedImage, dataTestId: previewListDataTestId, onClick: function (value) {
6564
6576
  setSelectedImage(value);
6565
6577
  } }, void 0), jsx$1(ImageProductWithTags, { image: selectedImage, DiscountTagElement: DiscountTagElement, BestSellerTagElement: BestSellerTagElement, dataTestId: productImageDataTestId }, void 0)] }, void 0));
6566
6578
  };
6567
- var templateObject_1$w;
6579
+ var templateObject_1$y;
6568
6580
 
6569
- var getStylesBySize$7 = function (size) {
6581
+ var getStylesBySize$8 = function (size) {
6570
6582
  switch (size) {
6571
6583
  case ComponentSize.Large:
6572
6584
  return {
@@ -6598,13 +6610,13 @@ var StarList = function (_a) {
6598
6610
  var rating = _a.rating, starsNumber = _a.starsNumber, fill = _a.fill, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b;
6599
6611
  return (jsx("div", __assign({ style: { display: 'flex' } }, { children: __spreadArray([], new Array(starsNumber)).map(function (_, index) {
6600
6612
  return (jsx("div", __assign({ "data-testid": "star-container", css: {
6601
- marginRight: getStylesBySize$7(size).marginRight,
6613
+ marginRight: getStylesBySize$8(size).marginRight,
6602
6614
  display: 'flex',
6603
- } }, { children: index < Math.floor(rating) ? (jsx(Icon.PDP.Star, __assign({}, getStylesBySize$7(size), { fill: fill }), void 0)) : index === Math.floor(rating) && rating % 1 != 0 ? (jsx(Icon.PDP.StarHalf, __assign({}, getStylesBySize$7(size), { fill: fill }), void 0)) : (jsx(Icon.PDP.StarEmpty, __assign({}, getStylesBySize$7(size), { fill: fill }), void 0)) }), index));
6615
+ } }, { children: index < Math.floor(rating) ? (jsx(Icon.PDP.Star, __assign({}, getStylesBySize$8(size), { fill: fill }), void 0)) : index === Math.floor(rating) && rating % 1 != 0 ? (jsx(Icon.PDP.StarHalf, __assign({}, getStylesBySize$8(size), { fill: fill }), void 0)) : (jsx(Icon.PDP.StarEmpty, __assign({}, getStylesBySize$8(size), { fill: fill }), void 0)) }), index));
6604
6616
  }) }), void 0));
6605
6617
  };
6606
6618
 
6607
- var getStylesBySize$6 = function (size) {
6619
+ var getStylesBySize$7 = function (size) {
6608
6620
  switch (size) {
6609
6621
  case ComponentSize.Large:
6610
6622
  return {
@@ -6644,14 +6656,14 @@ var Rating = function (_a) {
6644
6656
  fontStyle: 'normal',
6645
6657
  fontWeight: 'normal',
6646
6658
  color: theme.palette.secondary.default,
6647
- fontSize: getStylesBySize$6(size).fontSize,
6648
- lineHeight: getStylesBySize$6(size).lineHeight,
6649
- marginLeft: getStylesBySize$6(size).marginLeft,
6659
+ fontSize: getStylesBySize$7(size).fontSize,
6660
+ lineHeight: getStylesBySize$7(size).lineHeight,
6661
+ marginLeft: getStylesBySize$7(size).marginLeft,
6650
6662
  } }, { children: [reviews, " ", reviewsText] }), void 0)] }), void 0));
6651
6663
  };
6652
6664
 
6653
- var Container$j = newStyled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"])));
6654
- var P$1 = newStyled.p(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"], ["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"])), function (props) { return props.theme.shades.gray550; });
6665
+ var Container$l = newStyled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"])));
6666
+ var P$1 = newStyled.p(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"], ["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"])), function (props) { return props.theme.shades.gray550; });
6655
6667
  var textButtonStyles = function (theme) { return ({
6656
6668
  border: 'none',
6657
6669
  background: 'transparent',
@@ -6664,9 +6676,9 @@ var textButtonStyles = function (theme) { return ({
6664
6676
  var FitPredictor = function (_a) {
6665
6677
  var onClick = _a.onClick;
6666
6678
  var theme = useTheme();
6667
- return (jsxs(Container$j, __assign({ theme: theme }, { children: [jsx(Container$j, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.shades.gray550 }, void 0) }, void 0), jsx(P$1, __assign({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
6679
+ return (jsxs(Container$l, __assign({ theme: theme }, { children: [jsx(Container$l, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.shades.gray550 }, void 0) }, void 0), jsx(P$1, __assign({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
6668
6680
  };
6669
- var templateObject_1$v, templateObject_2$m;
6681
+ var templateObject_1$x, templateObject_2$n;
6670
6682
 
6671
6683
  var H2$1 = newStyled.h2(function (_a) {
6672
6684
  var color = _a.color;
@@ -6680,7 +6692,7 @@ var H2$1 = newStyled.h2(function (_a) {
6680
6692
  margin: '0.938rem 4.188rem',
6681
6693
  });
6682
6694
  });
6683
- var Bar = newStyled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: 0.5rem;\n background-color: ", ";\n width: ", ";\n border-radius: 0.25rem;\n position: absolute;\n left: ", ";\n animation: ", ";\n"], ["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: 0.5rem;\n background-color: ", ";\n width: ", ";\n border-radius: 0.25rem;\n position: absolute;\n left: ", ";\n animation: ", ";\n"])), function (_a) {
6695
+ var Bar = newStyled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: 0.5rem;\n background-color: ", ";\n width: ", ";\n border-radius: 0.25rem;\n position: absolute;\n left: ", ";\n animation: ", ";\n"], ["\n @keyframes loading {\n 0% {\n transform: translateX(0);\n }\n to {\n transform: translateX(400%);\n }\n }\n\n height: 0.5rem;\n background-color: ", ";\n width: ", ";\n border-radius: 0.25rem;\n position: absolute;\n left: ", ";\n animation: ", ";\n"])), function (_a) {
6684
6696
  var backgroundColor = _a.backgroundColor;
6685
6697
  return backgroundColor;
6686
6698
  }, function (_a) {
@@ -6703,7 +6715,7 @@ var Background = newStyled.div(function (_a) {
6703
6715
  position: 'absolute',
6704
6716
  });
6705
6717
  });
6706
- var Container$i = newStyled.div(function (_a) {
6718
+ var Container$k = newStyled.div(function (_a) {
6707
6719
  var widthAuto = _a.widthAuto;
6708
6720
  return ({
6709
6721
  width: widthAuto ? 'auto' : 'fit-content',
@@ -6717,11 +6729,11 @@ var getBarWithBasedOnPercent = function (percent) {
6717
6729
  var ProgressBar = function (_a) {
6718
6730
  var description = _a.description, fillColor = _a.fillColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, percent = _a.percent;
6719
6731
  var theme = useTheme();
6720
- return (jsxs$1(Container$i, __assign({ "data-testid": "PBContainer", widthAuto: widthAuto }, { children: [jsx$1(Background, __assign({ backgroundColor: theme.shades.gray100 }, { children: jsx$1(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent }, void 0) }), void 0), description && jsx$1(H2$1, __assign({ color: theme.palette.secondary.default }, { children: description }), void 0)] }), void 0));
6732
+ return (jsxs$1(Container$k, __assign({ "data-testid": "PBContainer", widthAuto: widthAuto }, { children: [jsx$1(Background, __assign({ backgroundColor: theme.shades.gray100 }, { children: jsx$1(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent }, void 0) }), void 0), description && jsx$1(H2$1, __assign({ color: theme.palette.secondary.default }, { children: description }), void 0)] }), void 0));
6721
6733
  };
6722
- var templateObject_1$u;
6734
+ var templateObject_1$w;
6723
6735
 
6724
- var getStylesBySize$5 = function (size) {
6736
+ var getStylesBySize$6 = function (size) {
6725
6737
  switch (size) {
6726
6738
  case ComponentSize.Large:
6727
6739
  return {
@@ -6740,21 +6752,21 @@ var getStylesBySize$5 = function (size) {
6740
6752
  };
6741
6753
  }
6742
6754
  };
6743
- var Container$h = newStyled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n background-color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n\n svg {\n margin: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ", ";\n cursor: not-allowed;\n\n svg path {\n fill: ", ";\n }\n }\n"], ["\n background-color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n\n svg {\n margin: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ", ";\n cursor: not-allowed;\n\n svg path {\n fill: ", ";\n }\n }\n"])), function (_a) {
6755
+ var Container$j = newStyled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n background-color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n\n svg {\n margin: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ", ";\n cursor: not-allowed;\n\n svg path {\n fill: ", ";\n }\n }\n"], ["\n background-color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.1s ease;\n\n svg {\n margin: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &.disabled {\n background-color: ", ";\n cursor: not-allowed;\n\n svg path {\n fill: ", ";\n }\n }\n"])), function (_a) {
6744
6756
  var backgroundColor = _a.backgroundColor;
6745
6757
  return backgroundColor;
6746
6758
  }, function (_a) {
6747
6759
  var _b;
6748
6760
  var size = _a.size;
6749
- return (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.widthHeight;
6761
+ return (_b = getStylesBySize$6(size)) === null || _b === void 0 ? void 0 : _b.widthHeight;
6750
6762
  }, function (_a) {
6751
6763
  var _b;
6752
6764
  var size = _a.size;
6753
- return (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.widthHeight;
6765
+ return (_b = getStylesBySize$6(size)) === null || _b === void 0 ? void 0 : _b.widthHeight;
6754
6766
  }, function (_a) {
6755
6767
  var _b;
6756
6768
  var size = _a.size;
6757
- return (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.margin;
6769
+ return (_b = getStylesBySize$6(size)) === null || _b === void 0 ? void 0 : _b.margin;
6758
6770
  }, function (_a) {
6759
6771
  var hoverBackgroundColor = _a.hoverBackgroundColor;
6760
6772
  return hoverBackgroundColor;
@@ -6768,9 +6780,9 @@ var Container$h = newStyled.div(templateObject_1$t || (templateObject_1$t = __ma
6768
6780
  var IconButton = function (_a) {
6769
6781
  var children = _a.children, disabled = _a.disabled, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b, onClick = _a.onClick;
6770
6782
  var theme = useTheme();
6771
- return (jsx$1(Container$h, __assign({ className: disabled ? 'disabled' : '', backgroundColor: theme.palette.primary.default, hoverBackgroundColor: theme.palette.secondary.default, disabledColor: theme.shades.gray050, disabledIconColor: theme.shades.gray200, size: size, "data-testid": "Container", onClick: disabled ? function () { } : onClick }, { children: children }), void 0));
6783
+ return (jsx$1(Container$j, __assign({ className: disabled ? 'disabled' : '', backgroundColor: theme.palette.primary.default, hoverBackgroundColor: theme.palette.secondary.default, disabledColor: theme.shades.gray050, disabledIconColor: theme.shades.gray200, size: size, "data-testid": "Container", onClick: disabled ? function () { } : onClick }, { children: children }), void 0));
6772
6784
  };
6773
- var templateObject_1$t;
6785
+ var templateObject_1$v;
6774
6786
 
6775
6787
  var TooltipArrow = function (_a) {
6776
6788
  var height = _a.height, width = _a.width, fill = _a.fill, stroke = _a.stroke;
@@ -6850,7 +6862,7 @@ var getTooltipAlignItems = function (position, align) {
6850
6862
  }
6851
6863
  };
6852
6864
 
6853
- var Wrapper$5 = newStyled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: visible;\n opacity: 1;\n }\n }\n"], ["\n display: flex;\n flex-direction: ", ";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: visible;\n opacity: 1;\n }\n }\n"])), function (_a) {
6865
+ var Wrapper$5 = newStyled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: visible;\n opacity: 1;\n }\n }\n"], ["\n display: flex;\n flex-direction: ", ";\n align-items: center;\n cursor: pointer;\n\n &:hover {\n .tooltip-container {\n visibility: visible;\n opacity: 1;\n }\n }\n"])), function (_a) {
6854
6866
  var position = _a.position;
6855
6867
  return getWrapperFlexDirection(position);
6856
6868
  });
@@ -6874,7 +6886,7 @@ var TooltipContainer = newStyled.div(function (_a) {
6874
6886
  var getTooltipMargin = function (actual, expected, margin) {
6875
6887
  return actual === expected ? margin : '0';
6876
6888
  };
6877
- var ContentWrapper = newStyled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n border: 0.063rem solid ", ";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: #fff;\n"], ["\n border: 0.063rem solid ", ";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: #fff;\n"])), function (_a) {
6889
+ var ContentWrapper = newStyled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n border: 0.063rem solid ", ";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: #fff;\n"], ["\n border: 0.063rem solid ", ";\n padding: 0.563rem 0.75rem;\n border-radius: 0.5rem;\n background-color: #fff;\n"])), function (_a) {
6878
6890
  var borderColor = _a.borderColor;
6879
6891
  return borderColor;
6880
6892
  });
@@ -6898,7 +6910,7 @@ var Title$3 = newStyled.h1(templateObject_6$5 || (templateObject_6$5 = __makeTem
6898
6910
  return color;
6899
6911
  });
6900
6912
  var IconContainer$3 = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"], ["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"])));
6901
- var templateObject_1$s, templateObject_2$l, templateObject_3$f, templateObject_4$b, templateObject_5$6, templateObject_6$5, templateObject_7$2;
6913
+ var templateObject_1$u, templateObject_2$m, templateObject_3$f, templateObject_4$b, templateObject_5$6, templateObject_6$5, templateObject_7$2;
6902
6914
 
6903
6915
  var Tooltip = function (_a) {
6904
6916
  var children = _a.children, position = _a.position, text = _a.text, _b = _a.align, align = _b === void 0 ? 'center' : _b, onClick = _a.onClick, header = _a.header;
@@ -6963,7 +6975,7 @@ var AccordionControlButton = function (_a) {
6963
6975
  }, disabled: disabled, className: className }, { children: [children, controlIcon] }), void 0));
6964
6976
  };
6965
6977
 
6966
- var Container$g = newStyled(Accordion$1)(function (props) { return ({
6978
+ var Container$i = newStyled(Accordion$1)(function (props) { return ({
6967
6979
  border: "1px solid " + props.theme.shades.gray100,
6968
6980
  padding: '1.25rem 2rem',
6969
6981
  }); });
@@ -6985,14 +6997,14 @@ var Panel$1 = newStyled(Accordion$1.Panel)(function () { return ({
6985
6997
  var AccordionBox = function (_a) {
6986
6998
  var title = _a.title, text = _a.text, defaultOpen = _a.defaultOpen, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
6987
6999
  var theme = useTheme();
6988
- return (jsx$1(Container$g, __assign({ theme: theme, defaultOpen: defaultOpen }, { children: function (_a) {
7000
+ return (jsx$1(Container$i, __assign({ theme: theme, defaultOpen: defaultOpen }, { children: function (_a) {
6989
7001
  var open = _a.open;
6990
7002
  var showPanel = open && !disabled;
6991
7003
  return (jsxs$1(Fragment$1, { children: [jsx$1(Button$2, __assign({ disabled: disabled, open: open, openIcon: jsx$1(Icon.PDP.Plus, { width: 1.5, height: 1.5, title: "plus icon", fill: theme.shades.gray700 }, void 0), closeIcon: jsx$1(Icon.PDP.Minus, { width: 1.5, height: 1.5, title: "minus icon", fill: theme.shades.gray700 }, void 0) }, { children: title }), void 0), showPanel && jsx$1(Panel$1, __assign({ staticProp: true }, { children: text }), void 0)] }, void 0));
6992
7004
  } }), void 0));
6993
7005
  };
6994
7006
 
6995
- var Container$f = newStyled(Accordion$1)(function (props) { return ({
7007
+ var Container$h = newStyled(Accordion$1)(function (props) { return ({
6996
7008
  borderTop: "1px solid " + props.theme.shades.gray100,
6997
7009
  padding: '0.625rem 0',
6998
7010
  }); });
@@ -7009,14 +7021,14 @@ var Panel = newStyled(Accordion$1.Panel)(function () { return ({
7009
7021
  var AccordionIcon = function (_a) {
7010
7022
  var title = _a.title, text = _a.text, leadingIcon = _a.leadingIcon, defaultOpen = _a.defaultOpen, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
7011
7023
  var theme = useTheme();
7012
- return (jsx$1(Container$f, __assign({ theme: theme, defaultOpen: defaultOpen }, { children: function (_a) {
7024
+ return (jsx$1(Container$h, __assign({ theme: theme, defaultOpen: defaultOpen }, { children: function (_a) {
7013
7025
  var open = _a.open;
7014
7026
  var showPanel = open && !disabled;
7015
7027
  return (jsxs$1(Fragment$1, { children: [jsx$1(Button$1, __assign({ open: open, openIcon: jsx$1(Icon.PDP.Plus, { width: 1, height: 1, title: "plus icon", fill: theme.shades.gray700 }, void 0), closeIcon: jsx$1(Icon.PDP.Minus, { width: 1, height: 1, title: "minus icon", fill: theme.shades.gray700 }, void 0), disabled: disabled }, { children: jsxs$1("span", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [leadingIcon, title] }), void 0) }), void 0), showPanel && jsx$1(Panel, __assign({ staticProp: true }, { children: text }), void 0)] }, void 0));
7016
7028
  } }), void 0));
7017
7029
  };
7018
7030
 
7019
- var getStylesBySize$4 = function (size) {
7031
+ var getStylesBySize$5 = function (size) {
7020
7032
  switch (size) {
7021
7033
  case ComponentSize.Large:
7022
7034
  return {
@@ -7071,37 +7083,37 @@ var getStylesBySize$4 = function (size) {
7071
7083
  };
7072
7084
  }
7073
7085
  };
7074
- var Container$e = newStyled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n user-select: none;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n user-select: none;\n position: relative;\n"])));
7075
- var CustomCheckbox = newStyled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n border: 0.094rem solid ", ";\n width: ", ";\n height: ", ";\n border-radius: ", ";\n margin-right: ", ";\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: ", ";\n height: ", ";\n }\n"], ["\n border: 0.094rem solid ", ";\n width: ", ";\n height: ", ";\n border-radius: ", ";\n margin-right: ", ";\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: ", ";\n height: ", ";\n }\n"])), function (_a) {
7086
+ var Container$g = newStyled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n user-select: none;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n user-select: none;\n position: relative;\n"])));
7087
+ var CustomCheckbox = newStyled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n border: 0.094rem solid ", ";\n width: ", ";\n height: ", ";\n border-radius: ", ";\n margin-right: ", ";\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: ", ";\n height: ", ";\n }\n"], ["\n border: 0.094rem solid ", ";\n width: ", ";\n height: ", ";\n border-radius: ", ";\n margin-right: ", ";\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: ", ";\n height: ", ";\n }\n"])), function (_a) {
7076
7088
  var color = _a.color;
7077
7089
  return color;
7078
7090
  }, function (_a) {
7079
7091
  var _b, _c;
7080
7092
  var size = _a.size;
7081
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.width;
7093
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.width;
7082
7094
  }, function (_a) {
7083
7095
  var _b, _c;
7084
7096
  var size = _a.size;
7085
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.height;
7097
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.height;
7086
7098
  }, function (_a) {
7087
7099
  var _b, _c;
7088
7100
  var size = _a.size;
7089
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.borderRadius;
7101
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.borderRadius;
7090
7102
  }, function (_a) {
7091
7103
  var _b, _c;
7092
7104
  var size = _a.size;
7093
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.marginRight;
7105
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.marginRight;
7094
7106
  }, function (_a) {
7095
7107
  var isChecked = _a.isChecked, color = _a.color;
7096
7108
  return (isChecked ? color : '#fff');
7097
7109
  }, function (_a) {
7098
7110
  var _b, _c;
7099
7111
  var size = _a.size;
7100
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.width;
7112
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.width;
7101
7113
  }, function (_a) {
7102
7114
  var _b, _c;
7103
7115
  var size = _a.size;
7104
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.height;
7116
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.height;
7105
7117
  });
7106
7118
  var Input$2 = newStyled.input(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n position: absolute;\n height: 100%;\n width: 100%;\n margin: 0;\n opacity: 0;\n cursor: ", ";\n"], ["\n position: absolute;\n height: 100%;\n width: 100%;\n margin: 0;\n opacity: 0;\n cursor: ", ";\n"])), function (_a) {
7107
7119
  var disabled = _a.disabled;
@@ -7110,11 +7122,11 @@ var Input$2 = newStyled.input(templateObject_3$e || (templateObject_3$e = __make
7110
7122
  var Text$4 = newStyled.label(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n font-weight: ", ";\n"])), function (_a) {
7111
7123
  var _b, _c;
7112
7124
  var size = _a.size;
7113
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.fontSize;
7125
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.fontSize;
7114
7126
  }, function (_a) {
7115
7127
  var _b, _c;
7116
7128
  var size = _a.size;
7117
- return (_c = (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.lineHeight;
7129
+ return (_c = (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.lineHeight;
7118
7130
  }, function (_a) {
7119
7131
  var color = _a.color;
7120
7132
  return color;
@@ -7132,11 +7144,11 @@ var Checkbox = function (_a) {
7132
7144
  return !checked;
7133
7145
  });
7134
7146
  };
7135
- return (jsxs$1(Container$e, __assign({ disabled: disabled }, { children: [jsx$1(Input$2, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: disabled ? function () { } : handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign({ isChecked: isChecked, size: size, color: disabled ? theme.shades.gray250 : theme.shades.gray700, "data-testid": "checkbox" }, { children: isChecked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(Text$4, __assign({ isChecked: isChecked, size: size, color: disabled ? theme.shades.gray250 : theme.shades.gray700, "data-testid": "checkbox-text", htmlFor: id }, { children: text }), void 0)] }), void 0));
7147
+ return (jsxs$1(Container$g, __assign({ disabled: disabled }, { children: [jsx$1(Input$2, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: disabled ? function () { } : handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign({ isChecked: isChecked, size: size, color: disabled ? theme.shades.gray250 : theme.shades.gray700, "data-testid": "checkbox" }, { children: isChecked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(Text$4, __assign({ isChecked: isChecked, size: size, color: disabled ? theme.shades.gray250 : theme.shades.gray700, "data-testid": "checkbox-text", htmlFor: id }, { children: text }), void 0)] }), void 0));
7136
7148
  };
7137
- var templateObject_1$r, templateObject_2$k, templateObject_3$e, templateObject_4$a;
7149
+ var templateObject_1$t, templateObject_2$l, templateObject_3$e, templateObject_4$a;
7138
7150
 
7139
- var getStylesBySize$3 = function (size) {
7151
+ var getStylesBySize$4 = function (size) {
7140
7152
  switch (size) {
7141
7153
  case ComponentSize.Large:
7142
7154
  return {
@@ -7179,15 +7191,15 @@ var getStylesBySize$3 = function (size) {
7179
7191
  };
7180
7192
  }
7181
7193
  };
7182
- var Wrapper$4 = newStyled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
7183
- var Container$d = newStyled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: relative;\n height: ", ";\n width: ", ";\n"], ["\n position: relative;\n height: ", ";\n width: ", ";\n"])), function (_a) {
7194
+ var Wrapper$4 = newStyled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
7195
+ var Container$f = newStyled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n position: relative;\n height: ", ";\n width: ", ";\n"], ["\n position: relative;\n height: ", ";\n width: ", ";\n"])), function (_a) {
7184
7196
  var _b;
7185
7197
  var size = _a.size;
7186
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.container;
7198
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.container;
7187
7199
  }, function (_a) {
7188
7200
  var _b;
7189
7201
  var size = _a.size;
7190
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.container;
7202
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.container;
7191
7203
  });
7192
7204
  var Input$1 = newStyled.input(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ", ";\n height: 100%;\n width: 100%;\n margin: 0;\n"], ["\n position: absolute;\n opacity: 0;\n cursor: ", ";\n height: 100%;\n width: 100%;\n margin: 0;\n"])), function (_a) {
7193
7205
  var disabled = _a.disabled;
@@ -7196,7 +7208,7 @@ var Input$1 = newStyled.input(templateObject_3$d || (templateObject_3$d = __make
7196
7208
  var CustomRadio = newStyled.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n border: ", " solid\n ", ";\n border-radius: 50%;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n border: ", " solid\n ", ";\n border-radius: 50%;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_a) {
7197
7209
  var _b;
7198
7210
  var size = _a.size;
7199
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.input.borderSize;
7211
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.input.borderSize;
7200
7212
  }, function (_a) {
7201
7213
  var disabled = _a.disabled, color = _a.color, disabledColor = _a.disabledColor;
7202
7214
  return (disabled ? disabledColor : color);
@@ -7207,24 +7219,24 @@ var CustomRadio = newStyled.div(templateObject_4$9 || (templateObject_4$9 = __ma
7207
7219
  var CustomRadioCheck = newStyled.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n border-radius: 50%;\n height: ", ";\n width: ", ";\n background-color: #fff;\n"], ["\n border-radius: 50%;\n height: ", ";\n width: ", ";\n background-color: #fff;\n"])), function (_a) {
7208
7220
  var _b;
7209
7221
  var size = _a.size;
7210
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.check;
7222
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.check;
7211
7223
  }, function (_a) {
7212
7224
  var _b;
7213
7225
  var size = _a.size;
7214
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.check;
7226
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.check;
7215
7227
  });
7216
7228
  var Text$3 = newStyled.label(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n margin-left: ", ";\n font-weight: 400;\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n"], ["\n margin-left: ", ";\n font-weight: 400;\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n"])), function (_a) {
7217
7229
  var _b;
7218
7230
  var size = _a.size;
7219
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.text.marginLeft;
7231
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.text.marginLeft;
7220
7232
  }, function (_a) {
7221
7233
  var _b;
7222
7234
  var size = _a.size;
7223
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.text.fontSize;
7235
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.text.fontSize;
7224
7236
  }, function (_a) {
7225
7237
  var _b;
7226
7238
  var size = _a.size;
7227
- return (_b = getStylesBySize$3(size)) === null || _b === void 0 ? void 0 : _b.text.lineHeight;
7239
+ return (_b = getStylesBySize$4(size)) === null || _b === void 0 ? void 0 : _b.text.lineHeight;
7228
7240
  }, function (_a) {
7229
7241
  var disabled = _a.disabled, color = _a.color, disabledColor = _a.disabledColor;
7230
7242
  return (disabled ? disabledColor : color);
@@ -7236,9 +7248,9 @@ var RadioInput = function (_a) {
7236
7248
  var value = event.currentTarget.value;
7237
7249
  onChange({ value: value, label: label });
7238
7250
  };
7239
- return (jsxs$1(Wrapper$4, { children: [jsxs$1(Container$d, __assign({ size: size, "data-testid": "container" }, { children: [jsx$1(Input$1, { id: name + "-" + id, type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsx$1(CustomRadio, __assign({ size: size, isChecked: checked, disabled: disabled, color: theme.shades.gray700, disabledColor: theme.shades.gray250, "data-testid": "custom-radio" }, { children: checked && jsx$1(CustomRadioCheck, { size: size, "data-testid": "check" }, void 0) }), void 0)] }), void 0), jsx$1(Text$3, __assign({ size: size, disabled: disabled, color: theme.shades.gray700, disabledColor: theme.shades.gray250, "data-testid": "label", htmlFor: name + "-" + id }, { children: label }), void 0)] }, void 0));
7251
+ return (jsxs$1(Wrapper$4, { children: [jsxs$1(Container$f, __assign({ size: size, "data-testid": "container" }, { children: [jsx$1(Input$1, { id: name + "-" + id, type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsx$1(CustomRadio, __assign({ size: size, isChecked: checked, disabled: disabled, color: theme.shades.gray700, disabledColor: theme.shades.gray250, "data-testid": "custom-radio" }, { children: checked && jsx$1(CustomRadioCheck, { size: size, "data-testid": "check" }, void 0) }), void 0)] }), void 0), jsx$1(Text$3, __assign({ size: size, disabled: disabled, color: theme.shades.gray700, disabledColor: theme.shades.gray250, "data-testid": "label", htmlFor: name + "-" + id }, { children: label }), void 0)] }, void 0));
7240
7252
  };
7241
- var templateObject_1$q, templateObject_2$j, templateObject_3$d, templateObject_4$9, templateObject_5$5, templateObject_6$4;
7253
+ var templateObject_1$s, templateObject_2$k, templateObject_3$d, templateObject_4$9, templateObject_5$5, templateObject_6$4;
7242
7254
 
7243
7255
  var RadioGroupInput = function (_a) {
7244
7256
  var name = _a.name, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
@@ -7252,8 +7264,8 @@ var RadioGroupInput = function (_a) {
7252
7264
  }) }), void 0));
7253
7265
  };
7254
7266
 
7255
- var Wrapper$3 = newStyled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding: 0.625rem 1.5rem;\n"], ["\n padding: 0.625rem 1.5rem;\n"])));
7256
- var Container$c = newStyled.div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
7267
+ var Wrapper$3 = newStyled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n padding: 0.625rem 1.5rem;\n"], ["\n padding: 0.625rem 1.5rem;\n"])));
7268
+ var Container$e = newStyled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
7257
7269
  var Text$2 = newStyled.h4(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.375rem;\n color: ", ";\n font-weight: ", ";\n margin: ", ";\n"], ["\n font-size: 0.875rem;\n line-height: 1.375rem;\n color: ", ";\n font-weight: ", ";\n margin: ", ";\n"])), function (_a) {
7258
7270
  var color = _a.color;
7259
7271
  return color;
@@ -7267,34 +7279,34 @@ var Text$2 = newStyled.h4(templateObject_3$c || (templateObject_3$c = __makeTemp
7267
7279
  var Minimalistic = function (_a) {
7268
7280
  var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#FCFAF7' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? '#E7C9B2' : _c, originalPrice = _a.originalPrice, price = _a.price, savingPrice = _a.savingPrice, getMorePayLessText = _a.getMorePayLessText, youAreSavingText = _a.youAreSavingText, getQtyForText = _a.getQtyForText, discount = _a.discount, offText = _a.offText, _d = _a.widthAuto, widthAuto = _d === void 0 ? false : _d;
7269
7281
  var theme = useTheme();
7270
- return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxs$1(Wrapper$3, { children: [jsxs$1(Container$c, __assign({ "data-testid": "TopSection" }, { children: [jsx$1(Text$2, __assign({ color: theme.palette.secondary.default, weight: "600", margin: "0 1.25rem 0 0" }, { children: getMorePayLessText }), void 0), jsx$1(PriceLabel, { finalPrice: price, originalPrice: originalPrice, color: "#3A3A3A", size: ComponentSize.Small }, void 0)] }), void 0), jsxs$1(Container$c, __assign({ "data-testid": "BottomSection" }, { children: [jsxs$1(Text$2, __assign({ color: "#d3373c", weight: "600", margin: "0 1.25rem 0 0" }, { children: [getQtyForText, " ", discount, "% ", offText] }), void 0), jsxs$1(Text$2, __assign({ color: theme.palette.secondary.default }, { children: [youAreSavingText, ": ", savingPrice] }), void 0)] }), void 0)] }, void 0) }), void 0));
7282
+ return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxs$1(Wrapper$3, { children: [jsxs$1(Container$e, __assign({ "data-testid": "TopSection" }, { children: [jsx$1(Text$2, __assign({ color: theme.palette.secondary.default, weight: "600", margin: "0 1.25rem 0 0" }, { children: getMorePayLessText }), void 0), jsx$1(PriceLabel, { finalPrice: price, originalPrice: originalPrice, color: "#3A3A3A", size: ComponentSize.Small }, void 0)] }), void 0), jsxs$1(Container$e, __assign({ "data-testid": "BottomSection" }, { children: [jsxs$1(Text$2, __assign({ color: "#d3373c", weight: "600", margin: "0 1.25rem 0 0" }, { children: [getQtyForText, " ", discount, "% ", offText] }), void 0), jsxs$1(Text$2, __assign({ color: theme.palette.secondary.default }, { children: [youAreSavingText, ": ", savingPrice] }), void 0)] }), void 0)] }, void 0) }), void 0));
7271
7283
  };
7272
- var templateObject_1$p, templateObject_2$i, templateObject_3$c;
7284
+ var templateObject_1$r, templateObject_2$j, templateObject_3$c;
7273
7285
 
7274
- var Container$b = newStyled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n padding: 0.625rem 1.5rem;\n"], ["\n padding: 0.625rem 1.5rem;\n"])));
7275
- var Title$2 = newStyled.h1(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ", ";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"], ["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ", ";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"])), function (props) { return props.color; });
7286
+ var Container$d = newStyled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n padding: 0.625rem 1.5rem;\n"], ["\n padding: 0.625rem 1.5rem;\n"])));
7287
+ var Title$2 = newStyled.h1(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ", ";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"], ["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ", ";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"])), function (props) { return props.color; });
7276
7288
  var Details$1 = newStyled.span(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 1rem;\n margin: 0;\n line-height: 1.5rem;\n justify-content: center;\n color: ", ";\n"], ["\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 1rem;\n margin: 0;\n line-height: 1.5rem;\n justify-content: center;\n color: ", ";\n"])), function (props) { return props.color; });
7277
7289
  var PriceContainer$1 = newStyled.span(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin: 0 0.313rem;\n display: flex;\n align-items: center;\n"], ["\n margin: 0 0.313rem;\n display: flex;\n align-items: center;\n"])));
7278
7290
  var Simple = function (_a) {
7279
7291
  var title = _a.title, freeShippingText = _a.freeShippingText, price = _a.price, anyQtyForText = _a.anyQtyForText, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? false : _b;
7280
7292
  var theme = useTheme();
7281
- return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxs$1(Container$b, { children: [jsx$1(Title$2, __assign({ color: theme.palette.secondary.default, "data-testid": "Title" }, { children: title }), void 0), jsxs$1(Details$1, __assign({ color: theme.palette.secondary.default, "data-testid": "Details" }, { children: [anyQtyForText, jsx$1(PriceContainer$1, __assign({ "data-testid": "Price" }, { children: jsx$1(PriceLabel, { finalPrice: price, color: "#d3373c", size: ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
7293
+ return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxs$1(Container$d, { children: [jsx$1(Title$2, __assign({ color: theme.palette.secondary.default, "data-testid": "Title" }, { children: title }), void 0), jsxs$1(Details$1, __assign({ color: theme.palette.secondary.default, "data-testid": "Details" }, { children: [anyQtyForText, jsx$1(PriceContainer$1, __assign({ "data-testid": "Price" }, { children: jsx$1(PriceLabel, { finalPrice: price, color: "#d3373c", size: ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
7282
7294
  };
7283
- var templateObject_1$o, templateObject_2$h, templateObject_3$b, templateObject_4$8;
7295
+ var templateObject_1$q, templateObject_2$i, templateObject_3$b, templateObject_4$8;
7284
7296
 
7285
7297
  var Bundle = {
7286
7298
  Minimalistic: Minimalistic,
7287
7299
  Simple: Simple,
7288
7300
  };
7289
7301
 
7290
- var Container$a = newStyled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n"])));
7302
+ var Container$c = newStyled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n"])));
7291
7303
  var Tag = function (_a) {
7292
7304
  var text = _a.text, className = _a.className;
7293
- return jsx$1(Container$a, __assign({ className: className }, { children: text }), void 0);
7305
+ return jsx$1(Container$c, __assign({ className: className }, { children: text }), void 0);
7294
7306
  };
7295
- var templateObject_1$n;
7307
+ var templateObject_1$p;
7296
7308
 
7297
- var getStylesBySize$2 = function (size) {
7309
+ var getStylesBySize$3 = function (size) {
7298
7310
  switch (size) {
7299
7311
  case ComponentSize.Large:
7300
7312
  return {
@@ -7325,11 +7337,11 @@ var getStylesBySize$2 = function (size) {
7325
7337
  var CategoryTag = function (_a) {
7326
7338
  var text = _a.text, size = _a.size, className = _a.className;
7327
7339
  var theme = useTheme();
7328
- var stylesBySize = getStylesBySize$2(size);
7340
+ var stylesBySize = getStylesBySize$3(size);
7329
7341
  return (jsx(Tag, { css: __assign({ backgroundColor: theme.shades.white, fontWeight: 600, color: theme.shades.gray700 }, stylesBySize), text: text, className: className }, void 0));
7330
7342
  };
7331
7343
 
7332
- var getStylesBySize$1 = function (size) {
7344
+ var getStylesBySize$2 = function (size) {
7333
7345
  switch (size) {
7334
7346
  case ComponentSize.Large:
7335
7347
  return {
@@ -7359,7 +7371,7 @@ var getStylesBySize$1 = function (size) {
7359
7371
  };
7360
7372
  var SeasonOfferTag = function (_a) {
7361
7373
  var text = _a.text, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#C64844' : _b, size = _a.size, className = _a.className;
7362
- var stylesBySize = getStylesBySize$1(size);
7374
+ var stylesBySize = getStylesBySize$2(size);
7363
7375
  return (jsx(Tag, { css: __assign({ backgroundColor: backgroundColor, fontWeight: 700, color: '#FFFFFF' }, stylesBySize), text: text, className: className }, void 0));
7364
7376
  };
7365
7377
 
@@ -7393,11 +7405,11 @@ var Timer = function (_a) {
7393
7405
  return (jsxs$1("div", __assign({ "data-testid": "Time" }, { children: [hours, "h ", minutes, "m ", seconds, "s"] }), void 0));
7394
7406
  };
7395
7407
 
7396
- var Label = newStyled.span(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n font-weight: 600;\n color: ", ";\n font-size: 1.125rem;\n line-height: 1.75rem;\n"], ["\n font-weight: 600;\n color: ", ";\n font-size: 1.125rem;\n line-height: 1.75rem;\n"])), function (_a) {
7408
+ var Label = newStyled.span(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n font-weight: 600;\n color: ", ";\n font-size: 1.125rem;\n line-height: 1.75rem;\n"], ["\n font-weight: 600;\n color: ", ";\n font-size: 1.125rem;\n line-height: 1.75rem;\n"])), function (_a) {
7397
7409
  var color = _a.color;
7398
7410
  return color;
7399
7411
  });
7400
- var MandatoryIcon = newStyled.span(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n color: ", ";\n margin-left: 0.25rem;\n"], ["\n color: ", ";\n margin-left: 0.25rem;\n"])), function (_a) {
7412
+ var MandatoryIcon = newStyled.span(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n color: ", ";\n margin-left: 0.25rem;\n"], ["\n color: ", ";\n margin-left: 0.25rem;\n"])), function (_a) {
7401
7413
  var color = _a.color;
7402
7414
  return color;
7403
7415
  });
@@ -7406,26 +7418,26 @@ var InputLabel = function (_a) {
7406
7418
  var theme = useTheme();
7407
7419
  return (jsxs$1(Label, __assign({ color: isDisabled ? theme.shades.gray250 : theme.shades.gray700 }, { children: [label, isRequired && jsx$1(MandatoryIcon, __assign({ color: theme.semantic.alert }, { children: "*" }), void 0)] }), void 0));
7408
7420
  };
7409
- var templateObject_1$m, templateObject_2$g;
7421
+ var templateObject_1$o, templateObject_2$h;
7410
7422
 
7411
7423
  var isEmpty = function (value) {
7412
7424
  return value.length === 0;
7413
7425
  };
7414
7426
 
7415
- var ErrorText = newStyled.h3(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n color: ", " !important;\n font-size: 0.75rem;\n font-weight: 600;\n margin: 0;\n font-height: 1rem;\n margin-left: 0.313rem;\n"], ["\n color: ", " !important;\n font-size: 0.75rem;\n font-weight: 600;\n margin: 0;\n font-height: 1rem;\n margin-left: 0.313rem;\n"])), function (props) { return props.color; });
7416
- var ErrorContainer = newStyled.div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 0.25rem;\n"], ["\n display: flex;\n align-items: center;\n margin-top: 0.25rem;\n"])));
7427
+ var ErrorText = newStyled.h3(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n color: ", " !important;\n font-size: 0.75rem;\n font-weight: 600;\n margin: 0;\n font-height: 1rem;\n margin-left: 0.313rem;\n"], ["\n color: ", " !important;\n font-size: 0.75rem;\n font-weight: 600;\n margin: 0;\n font-height: 1rem;\n margin-left: 0.313rem;\n"])), function (props) { return props.color; });
7428
+ var ErrorContainer = newStyled.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 0.25rem;\n"], ["\n display: flex;\n align-items: center;\n margin-top: 0.25rem;\n"])));
7417
7429
  var Error$1 = function (_a) {
7418
7430
  var error = _a.error;
7419
7431
  var theme = useTheme();
7420
7432
  return (jsxs$1(ErrorContainer, { children: [jsx$1(Icon.Actions.LightExclamation, { fill: theme.semantic.alert, width: 0.875, height: 0.875 }, void 0), jsx$1(ErrorText, __assign({ color: theme.semantic.alert }, { children: error }), void 0)] }, void 0));
7421
7433
  };
7422
- var templateObject_1$l, templateObject_2$f;
7434
+ var templateObject_1$n, templateObject_2$g;
7423
7435
 
7424
- var Container$9 = newStyled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n height: 3rem;\n input {\n border-color: ", ";\n }\n"], ["\n height: 3rem;\n input {\n border-color: ", ";\n }\n"])), function (_a) {
7436
+ var Container$b = newStyled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n height: 3rem;\n input {\n border-color: ", ";\n }\n"], ["\n height: 3rem;\n input {\n border-color: ", ";\n }\n"])), function (_a) {
7425
7437
  var color = _a.color;
7426
7438
  return color;
7427
7439
  });
7428
- var StyledInput = newStyled.input(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n padding: 0.875rem 1rem 0.625rem;\n font-size: 1rem;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n line-height: 1.5rem;\n color: ", ";\n font-weight: 400;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n border: 0.063rem solid ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n"], ["\n padding: 0.875rem 1rem 0.625rem;\n font-size: 1rem;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n line-height: 1.5rem;\n color: ", ";\n font-weight: 400;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n border: 0.063rem solid ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (_a) {
7440
+ var StyledInput = newStyled.input(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n padding: 0.875rem 1rem 0.625rem;\n font-size: 1rem;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n line-height: 1.5rem;\n color: ", ";\n font-weight: 400;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n border: 0.063rem solid ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n"], ["\n padding: 0.875rem 1rem 0.625rem;\n font-size: 1rem;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n line-height: 1.5rem;\n color: ", ";\n font-weight: 400;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n border: 0.063rem solid ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (_a) {
7429
7441
  var borderColor = _a.borderColor;
7430
7442
  return borderColor;
7431
7443
  }, function (_a) {
@@ -7451,7 +7463,7 @@ var StyledInput = newStyled.input(templateObject_2$e || (templateObject_2$e = __
7451
7463
  return disabledColor;
7452
7464
  });
7453
7465
  var InputWrapper = newStyled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n position: relative;\n display: flex;\n height: 100%;\n"], ["\n position: relative;\n display: flex;\n height: 100%;\n"])));
7454
- var templateObject_1$k, templateObject_2$e, templateObject_3$a;
7466
+ var templateObject_1$m, templateObject_2$f, templateObject_3$a;
7455
7467
 
7456
7468
  var BaseInput = function (_a) {
7457
7469
  var onChange = _a.onChange, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, rest = __rest(_a, ["onChange", "defaultValue", "label", "children", "required", "onValidation"]);
@@ -7485,15 +7497,15 @@ var BaseInput = function (_a) {
7485
7497
  disabledBackgroundColor: theme.shades.gray010,
7486
7498
  disabledColor: theme.shades.gray250,
7487
7499
  };
7488
- return (jsxs$1(Container$9, __assign({ color: status === InputValidationType.Valid
7500
+ return (jsxs$1(Container$b, __assign({ color: status === InputValidationType.Valid
7489
7501
  ? theme.shades.gray700
7490
7502
  : status === InputValidationType.Error
7491
7503
  ? theme.semantic.alert
7492
7504
  : '' }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign({ className: "inputWrapper" }, { children: [jsx$1(StyledInput, __assign({ "data-testid": "base-input", type: "text", onChange: handleChange, onBlur: validate, required: Boolean(required), value: value }, rest, styling), void 0), children] }), void 0), required && status === InputValidationType.Error && jsx$1(Error$1, { error: required }, void 0)] }), void 0));
7493
7505
  };
7494
7506
 
7495
- var Container$8 = newStyled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n input {\n border-radius: 0.5rem 1rem 1rem 0.5rem;\n }\n"], ["\n input {\n border-radius: 0.5rem 1rem 1rem 0.5rem;\n }\n"])));
7496
- var ButtonContainer$1 = newStyled.div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n width: 7.125rem;\n height: 100%;\n position: absolute;\n right: 0;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0 0.5rem 0.5rem 0;\n }\n"], ["\n width: 7.125rem;\n height: 100%;\n position: absolute;\n right: 0;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0 0.5rem 0.5rem 0;\n }\n"])));
7507
+ var Container$a = newStyled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n input {\n border-radius: 0.5rem 1rem 1rem 0.5rem;\n }\n"], ["\n input {\n border-radius: 0.5rem 1rem 1rem 0.5rem;\n }\n"])));
7508
+ var ButtonContainer$1 = newStyled.div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n width: 7.125rem;\n height: 100%;\n position: absolute;\n right: 0;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0 0.5rem 0.5rem 0;\n }\n"], ["\n width: 7.125rem;\n height: 100%;\n position: absolute;\n right: 0;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0 0.5rem 0.5rem 0;\n }\n"])));
7497
7509
  var Custom = function (_a) {
7498
7510
  var onClick = _a.onClick, text = _a.text, type = _a.type, rest = __rest(_a, ["onClick", "text", "type"]);
7499
7511
  var props = {
@@ -7501,20 +7513,20 @@ var Custom = function (_a) {
7501
7513
  text: text,
7502
7514
  disabled: rest.disabled,
7503
7515
  };
7504
- return (jsx$1(Container$8, { children: jsx$1(BaseInput, __assign({}, rest, { children: jsx$1(ButtonContainer$1, { children: type === 'primary' ? jsx$1(ButtonPrimary, __assign({}, props), void 0) : jsx$1(ButtonSecondary, __assign({}, props), void 0) }, void 0) }), void 0) }, void 0));
7516
+ return (jsx$1(Container$a, { children: jsx$1(BaseInput, __assign({}, rest, { children: jsx$1(ButtonContainer$1, { children: type === 'primary' ? jsx$1(ButtonPrimary, __assign({}, props), void 0) : jsx$1(ButtonSecondary, __assign({}, props), void 0) }, void 0) }), void 0) }, void 0));
7505
7517
  };
7506
- var templateObject_1$j, templateObject_2$d;
7518
+ var templateObject_1$l, templateObject_2$e;
7507
7519
 
7508
- var SuccessContainer = newStyled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n height: 3rem;\n display: flex;\n"], ["\n height: 3rem;\n display: flex;\n"])));
7509
- var SuccessMessage = newStyled.div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n background-color: #dfefe0;\n border: 0.063rem solid #5ead63;\n border-radius: 0.5rem;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 1rem;\n box-sizing: border-box;\n"], ["\n background-color: #dfefe0;\n border: 0.063rem solid #5ead63;\n border-radius: 0.5rem;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 1rem;\n box-sizing: border-box;\n"])));
7520
+ var SuccessContainer = newStyled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n height: 3rem;\n display: flex;\n"], ["\n height: 3rem;\n display: flex;\n"])));
7521
+ var SuccessMessage = newStyled.div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n background-color: #dfefe0;\n border: 0.063rem solid #5ead63;\n border-radius: 0.5rem;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 1rem;\n box-sizing: border-box;\n"], ["\n background-color: #dfefe0;\n border: 0.063rem solid #5ead63;\n border-radius: 0.5rem;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 1rem;\n box-sizing: border-box;\n"])));
7510
7522
  var SuccessText = newStyled.span(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n margin-left: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n margin-left: 0.313rem;\n"])));
7511
7523
  var Success = function (_a) {
7512
7524
  var children = _a.children, successText = _a.successText;
7513
7525
  return (jsxs$1(SuccessContainer, { children: [jsxs$1(SuccessMessage, { children: [jsx$1(Icon.Actions.Check, { fill: "#5EAD63", width: 1.375, height: 1.063 }, void 0), jsx$1(SuccessText, { children: successText }, void 0)] }, void 0), children] }, void 0));
7514
7526
  };
7515
- var templateObject_1$i, templateObject_2$c, templateObject_3$9;
7527
+ var templateObject_1$k, templateObject_2$d, templateObject_3$9;
7516
7528
 
7517
- var ButtonContainer = newStyled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n margin-left: 0.625rem;\n height: 100%;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n background-color: ", ";\n }\n"], ["\n margin-left: 0.625rem;\n height: 100%;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n background-color: ", ";\n }\n"])), function (_a) {
7529
+ var ButtonContainer = newStyled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n margin-left: 0.625rem;\n height: 100%;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n background-color: ", ";\n }\n"], ["\n margin-left: 0.625rem;\n height: 100%;\n\n button {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n background-color: ", ";\n }\n"])), function (_a) {
7518
7530
  var status = _a.status, type = _a.type;
7519
7531
  return status === InputValidationType.Empty && type === 'primary' ? '#808080' : '';
7520
7532
  });
@@ -7525,21 +7537,21 @@ var BasePlusButton = function (_a) {
7525
7537
  var Input = (jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus }, { children: jsx$1(ButtonContainer, __assign({ status: status, type: "primary" }, { children: jsx$1(ButtonSecondary, { text: text, onClick: onClick, disabled: rest.disabled || status === InputValidationType.Error }, void 0) }), void 0) }), void 0));
7526
7538
  return success ? SuccessComponent : Input;
7527
7539
  };
7528
- var templateObject_1$h;
7540
+ var templateObject_1$j;
7529
7541
 
7530
- var Container$7 = newStyled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n input {\n padding-right: 2.688rem;\n }\n"], ["\n input {\n padding-right: 2.688rem;\n }\n"])));
7531
- var IconContainer$2 = newStyled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n right: 0.875rem;\n width: 1.125rem;\n height: 100%;\n\n svg path {\n fill: ", ";\n }\n"], ["\n position: absolute;\n right: 0.875rem;\n width: 1.125rem;\n height: 100%;\n\n svg path {\n fill: ", ";\n }\n"])), function (props) { return props.color; });
7542
+ var Container$9 = newStyled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n input {\n padding-right: 2.688rem;\n }\n"], ["\n input {\n padding-right: 2.688rem;\n }\n"])));
7543
+ var IconContainer$2 = newStyled.div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n position: absolute;\n right: 0.875rem;\n width: 1.125rem;\n height: 100%;\n\n svg path {\n fill: ", ";\n }\n"], ["\n position: absolute;\n right: 0.875rem;\n width: 1.125rem;\n height: 100%;\n\n svg path {\n fill: ", ";\n }\n"])), function (props) { return props.color; });
7532
7544
  var BasePlusIcon = function (_a) {
7533
7545
  var Icon = _a.Icon, rest = __rest(_a, ["Icon"]);
7534
7546
  var theme = useTheme();
7535
7547
  var _b = useState(InputValidationType.Empty), status = _b[0], setStatus = _b[1];
7536
- return (jsx$1(Container$7, { children: jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus }, { children: jsx$1(IconContainer$2, __assign({ color: status === InputValidationType.Valid
7548
+ return (jsx$1(Container$9, { children: jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus }, { children: jsx$1(IconContainer$2, __assign({ color: status === InputValidationType.Valid
7537
7549
  ? theme.shades.gray700
7538
7550
  : status === InputValidationType.Error
7539
7551
  ? theme.semantic.alert
7540
7552
  : '' }, { children: createElement(Icon, { fill: theme.shades.gray250 }) }), void 0) }), void 0) }, void 0));
7541
7553
  };
7542
- var templateObject_1$g, templateObject_2$b;
7554
+ var templateObject_1$i, templateObject_2$c;
7543
7555
 
7544
7556
  var Input = {
7545
7557
  Simple: BaseInput,
@@ -7553,7 +7565,7 @@ var index$3 = /*#__PURE__*/Object.freeze({
7553
7565
  Input: Input
7554
7566
  });
7555
7567
 
7556
- var Container$6 = newStyled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n border: 0.063rem solid ", ";\n border-radius: 0.25rem;\n padding: 0.375rem;\n cursor: ", ";\n"], ["\n width: ", ";\n height: ", ";\n border: 0.063rem solid ", ";\n border-radius: 0.25rem;\n padding: 0.375rem;\n cursor: ", ";\n"])), function (_a) {
7568
+ var Container$8 = newStyled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n border: 0.063rem solid ", ";\n border-radius: 0.25rem;\n padding: 0.375rem;\n cursor: ", ";\n"], ["\n width: ", ";\n height: ", ";\n border: 0.063rem solid ", ";\n border-radius: 0.25rem;\n padding: 0.375rem;\n cursor: ", ";\n"])), function (_a) {
7557
7569
  var width = _a.width;
7558
7570
  return width;
7559
7571
  }, function (_a) {
@@ -7569,11 +7581,11 @@ var Container$6 = newStyled.div(templateObject_1$f || (templateObject_1$f = __ma
7569
7581
  var PaymentMethod = function (_a) {
7570
7582
  var Icon = _a.Icon, width = _a.width, height = _a.height, onClick = _a.onClick;
7571
7583
  var theme = useTheme();
7572
- return (jsx$1(Container$6, __assign({ width: width, height: height, borderColor: theme.shades.gray100, isClickable: Boolean(onClick), onClick: onClick, "data-testid": "payment-method-container" }, { children: createElement(Icon) }), void 0));
7584
+ return (jsx$1(Container$8, __assign({ width: width, height: height, borderColor: theme.shades.gray100, isClickable: Boolean(onClick), onClick: onClick, "data-testid": "payment-method-container" }, { children: createElement(Icon) }), void 0));
7573
7585
  };
7574
- var templateObject_1$f;
7586
+ var templateObject_1$h;
7575
7587
 
7576
- var Text$1 = newStyled.h3(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n background-color: ", ";\n margin: 0;\n padding: 0.25rem 0.5rem;\n font-size: 0.625rem;\n font-weight: 700;\n line-height: 0.875rem;\n border-radius: 0.125rem;\n display: initial;\n color: ", ";\n"], ["\n background-color: ", ";\n margin: 0;\n padding: 0.25rem 0.5rem;\n font-size: 0.625rem;\n font-weight: 700;\n line-height: 0.875rem;\n border-radius: 0.125rem;\n display: initial;\n color: ", ";\n"])), function (_a) {
7588
+ var Text$1 = newStyled.h3(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background-color: ", ";\n margin: 0;\n padding: 0.25rem 0.5rem;\n font-size: 0.625rem;\n font-weight: 700;\n line-height: 0.875rem;\n border-radius: 0.125rem;\n display: initial;\n color: ", ";\n"], ["\n background-color: ", ";\n margin: 0;\n padding: 0.25rem 0.5rem;\n font-size: 0.625rem;\n font-weight: 700;\n line-height: 0.875rem;\n border-radius: 0.125rem;\n display: initial;\n color: ", ";\n"])), function (_a) {
7577
7589
  var backgroundColor = _a.backgroundColor;
7578
7590
  return backgroundColor;
7579
7591
  }, function (_a) {
@@ -7585,25 +7597,25 @@ var OfferBanner = function (_a) {
7585
7597
  var theme = useTheme();
7586
7598
  return (jsx$1(Text$1, __assign({ backgroundColor: backgroundColor, color: theme.shades.gray700, "data-testid": "OfferBanner" }, { children: discountAppliedText }), void 0));
7587
7599
  };
7588
- var templateObject_1$e;
7600
+ var templateObject_1$g;
7589
7601
 
7590
- var Wrapper$2 = newStyled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"])));
7591
- var GrandTotal = newStyled.h1(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: ", ";\n display: flex;\n align-items: center;\n"], ["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) { return props.color; });
7602
+ var Wrapper$2 = newStyled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"])));
7603
+ var GrandTotal = newStyled.h1(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: ", ";\n display: flex;\n align-items: center;\n"], ["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) { return props.color; });
7592
7604
  var Currency = newStyled.span(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n margin: 0;\n margin-right: 0.625rem;\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 600;\n"], ["\n margin: 0;\n margin-right: 0.625rem;\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 600;\n"])));
7593
- var Container$5 = newStyled.div(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n color: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n color: ", ";\n"])), function (props) { return props.highlightColor; });
7605
+ var Container$7 = newStyled.div(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n color: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n color: ", ";\n"])), function (props) { return props.highlightColor; });
7594
7606
  var Discount = newStyled.h3(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n"])));
7595
7607
  var Total = function (_a) {
7596
7608
  var total = _a.total, currency = _a.currency, saving = _a.saving, _b = _a.highlightColor, highlightColor = _b === void 0 ? '#2f806a' : _b;
7597
7609
  var theme = useTheme();
7598
- return (jsxs$1(Wrapper$2, __assign({ "data-testid": "total-wrapper" }, { children: [jsxs$1(GrandTotal, __assign({ color: theme.shades.gray550 }, { children: [jsx$1(Currency, { children: currency }, void 0), total] }), void 0), saving && (jsxs$1(Container$5, __assign({ "data-testid": "subtotal-container", highlightColor: highlightColor }, { children: [jsx$1(Discount, { children: saving.savingText }, void 0), jsx$1(Discount, { children: saving.amount }, void 0)] }), void 0))] }), void 0));
7610
+ return (jsxs$1(Wrapper$2, __assign({ "data-testid": "total-wrapper" }, { children: [jsxs$1(GrandTotal, __assign({ color: theme.shades.gray550 }, { children: [jsx$1(Currency, { children: currency }, void 0), total] }), void 0), saving && (jsxs$1(Container$7, __assign({ "data-testid": "subtotal-container", highlightColor: highlightColor }, { children: [jsx$1(Discount, { children: saving.savingText }, void 0), jsx$1(Discount, { children: saving.amount }, void 0)] }), void 0))] }), void 0));
7599
7611
  };
7600
- var templateObject_1$d, templateObject_2$a, templateObject_3$8, templateObject_4$7, templateObject_5$4;
7612
+ var templateObject_1$f, templateObject_2$b, templateObject_3$8, templateObject_4$7, templateObject_5$4;
7601
7613
 
7602
- var Wrapper$1 = newStyled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
7614
+ var Wrapper$1 = newStyled.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
7603
7615
  var color = _a.color;
7604
7616
  return color;
7605
7617
  });
7606
- var ItemContainer = newStyled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"])));
7618
+ var ItemContainer = newStyled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"])));
7607
7619
  var Item$1 = newStyled.h4(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n margin: 0;\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 600;\n"], ["\n margin: 0;\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 600;\n"])));
7608
7620
  var CouponItem = newStyled(Item$1)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
7609
7621
  var color = _a.color;
@@ -7617,22 +7629,22 @@ var Subtotal = function (_a) {
7617
7629
  return (jsxs$1(ItemContainer, { children: [jsxs$1(CouponItem, __assign({ color: highlightColor }, { children: [coupon.couponText, " ", c.code, " ", coupon.appliedText] }), void 0), jsx$1(CouponItem, __assign({ color: highlightColor }, { children: c.amount }), void 0)] }, i));
7618
7630
  })] }), void 0));
7619
7631
  };
7620
- var templateObject_1$c, templateObject_2$9, templateObject_3$7, templateObject_4$6;
7632
+ var templateObject_1$e, templateObject_2$a, templateObject_3$7, templateObject_4$6;
7621
7633
 
7622
7634
  var Totals = {
7623
7635
  Total: Total,
7624
7636
  Subtotal: Subtotal,
7625
7637
  };
7626
7638
 
7627
- var Container$4 = newStyled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
7628
- var IconContainer$1 = newStyled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"], ["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"])));
7639
+ var Container$6 = newStyled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
7640
+ var IconContainer$1 = newStyled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"], ["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"])));
7629
7641
  var Text = newStyled.p(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"], ["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"])), function (props) { return props.color; });
7630
7642
  var Details = newStyled.span(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n color: ", ";\n font-weight: 700;\n"], ["\n color: ", ";\n font-weight: 700;\n"])), function (props) { return props.color; });
7631
7643
  var Note = function (_a) {
7632
7644
  var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
7633
- return (jsxs$1(Container$4, __assign({ color: backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$1, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text, __assign({ color: color }, { children: [jsxs$1(Details, __assign({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
7645
+ return (jsxs$1(Container$6, __assign({ color: backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$1, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text, __assign({ color: color }, { children: [jsxs$1(Details, __assign({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
7634
7646
  };
7635
- var templateObject_1$b, templateObject_2$8, templateObject_3$6, templateObject_4$5;
7647
+ var templateObject_1$d, templateObject_2$9, templateObject_3$6, templateObject_4$5;
7636
7648
 
7637
7649
  var Breakpoints = {
7638
7650
  desktop: 1200,
@@ -7662,8 +7674,8 @@ var useWindowDimensions = function () {
7662
7674
  };
7663
7675
  };
7664
7676
 
7665
- var Title$1 = newStyled.h1(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n color: ", ";\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 600;\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 600;\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; });
7666
- var Line = newStyled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
7677
+ var Title$1 = newStyled.h1(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n color: ", ";\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 600;\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 600;\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; });
7678
+ var Line = newStyled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
7667
7679
  var Row$1 = newStyled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n justify-content: space-between;\n align-items: flex-start;\n"], ["\n display: flex;\n flex-direction: ", ";\n justify-content: space-between;\n align-items: flex-start;\n"])), function (props) { return (props.isMobile ? 'column' : 'row'); });
7668
7680
  var Col$1 = newStyled.div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex: 1;\n margin: 0 1.25rem;\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex: 1;\n margin: 0 1.25rem;\n\n ", "\n"])), function (props) {
7669
7681
  return props.isMobile &&
@@ -7682,28 +7694,28 @@ var DeliveryDetails = function (_a) {
7682
7694
  var isMobile = useWindowDimensions().isMobile;
7683
7695
  return (jsxs$1("div", __assign({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$1, __assign({ color: theme.palette.secondary.default }, { children: deliveryDetailsText }), void 0), jsx$1(Line, { backgroundColor: theme.shades.gray100 }, void 0), note && jsx$1(Note, __assign({}, note), void 0), jsxs$1(Row$1, __assign({ isMobile: isMobile, "data-testid": "DD-row" }, { children: [jsxs$1(Col$1, __assign({ isMobile: isMobile }, { children: [jsxs$1(SectionTitle, __assign({ color: theme.shades.gray700, isMobile: isMobile }, { children: [jsx$1(IconContainer, __assign({ isMobile: isMobile }, { children: jsx$1(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.shades.gray700 }, { children: arrivingBy.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign({ isMobile: isMobile }, { children: [jsxs$1(SectionTitle, __assign({ color: theme.shades.gray700, isMobile: isMobile }, { children: [jsx$1(IconContainer, __assign({ isMobile: isMobile }, { children: jsx$1(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.shades.gray700 }, { children: shippingTo.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign({ isMobile: isMobile }, { children: [jsxs$1(SectionTitle, __assign({ color: theme.shades.gray700, isMobile: isMobile }, { children: [jsx$1(IconContainer, __assign({ isMobile: isMobile }, { children: jsx$1(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.shades.gray700 }, { children: instantOrderUpdate.details }), void 0), jsxs$1(KeepMeUpdated, __assign({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.shades.gray150 }, { children: [jsx$1(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0)] }), void 0)] }), void 0)] }), void 0));
7684
7696
  };
7685
- var templateObject_1$a, templateObject_2$7, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$3, templateObject_7$1, templateObject_8;
7697
+ var templateObject_1$c, templateObject_2$8, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$3, templateObject_7$1, templateObject_8;
7686
7698
 
7687
- var Container$3 = newStyled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"])));
7688
- var H1$1 = newStyled.h1(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"])), function (props) { return props.color; });
7699
+ var Container$5 = newStyled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"])));
7700
+ var H1$2 = newStyled.h1(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"])), function (props) { return props.color; });
7689
7701
  var ScrollToTop = function (_a) {
7690
7702
  var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick;
7691
7703
  var theme = useTheme();
7692
- return (jsxs$1(Container$3, __assign({ onClick: onClick, "data-testid": "Container" }, { children: [jsx$1(H1$1, __assign({ color: theme.shades.gray700 }, { children: scrollToTopText }), void 0), jsx$1(Icon.Arrows.ChevronUpSolid, { width: 1.375, height: 1.375, fill: theme.palette.primary.default }, void 0)] }), void 0));
7704
+ return (jsxs$1(Container$5, __assign({ onClick: onClick, "data-testid": "Container" }, { children: [jsx$1(H1$2, __assign({ color: theme.shades.gray700 }, { children: scrollToTopText }), void 0), jsx$1(Icon.Arrows.ChevronUpSolid, { width: 1.375, height: 1.375, fill: theme.palette.primary.default }, void 0)] }), void 0));
7693
7705
  };
7694
- var templateObject_1$9, templateObject_2$6;
7706
+ var templateObject_1$b, templateObject_2$7;
7695
7707
 
7696
- var Container$2 = newStyled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #dfefeb;\n padding: 0.75rem 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #dfefeb;\n padding: 0.75rem 0;\n"])));
7697
- var H1 = newStyled.h1(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"])), function (props) { return props.color; });
7708
+ var Container$4 = newStyled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #dfefeb;\n padding: 0.75rem 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #dfefeb;\n padding: 0.75rem 0;\n"])));
7709
+ var H1$1 = newStyled.h1(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"])), function (props) { return props.color; });
7698
7710
  var OrderBar = function (_a) {
7699
7711
  var message = _a.message;
7700
7712
  var theme = useTheme();
7701
- return (jsxs$1(Container$2, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1, __assign({ color: theme.shades.gray700 }, { children: message }), void 0)] }, void 0));
7713
+ return (jsxs$1(Container$4, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1$1, __assign({ color: theme.shades.gray700 }, { children: message }), void 0)] }, void 0));
7702
7714
  };
7703
- var templateObject_1$8, templateObject_2$5;
7715
+ var templateObject_1$a, templateObject_2$6;
7704
7716
 
7705
- var TableElement = newStyled.table(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
7706
- var TableCell = newStyled.td(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n padding: 0 1.25rem;\n text-align: center;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n padding: 0 1.25rem;\n text-align: center;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
7717
+ var TableElement = newStyled.table(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
7718
+ var TableCell = newStyled.td(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n padding: 0 1.25rem;\n text-align: center;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n padding: 0 1.25rem;\n text-align: center;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
7707
7719
  var TableHead = newStyled.th(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n font-weight: 700;\n\n &:last-child {\n border-right: none;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n font-weight: 700;\n\n &:last-child {\n border-right: none;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
7708
7720
  var TableRow = newStyled.tr(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n &:last-child {\n td {\n border-bottom: none;\n }\n }\n\n &.background {\n background-color: ", ";\n }\n"], ["\n &:last-child {\n td {\n border-bottom: none;\n }\n }\n\n &.background {\n background-color: ", ";\n }\n"])), function (props) { return props.backgroundColor; });
7709
7721
  var SizeTable = function (_a) {
@@ -7711,7 +7723,7 @@ var SizeTable = function (_a) {
7711
7723
  var theme = useTheme();
7712
7724
  return (jsxs$1(TableElement, __assign({ color: theme.shades.gray700, borderColor: theme.shades.gray100 }, { children: [jsx$1("thead", { children: jsx$1(TableRow, __assign({ backgroundColor: theme.shades.gray010 }, { children: headers.map(function (header, index) { return (jsx$1(TableHead, __assign({ borderColor: theme.shades.gray100 }, { children: header }), index)); }) }), void 0) }, void 0), jsx$1("tbody", { children: data.map(function (row, index) { return (jsx$1(TableRow, __assign({ className: index % 2 !== 0 ? '' : 'background', backgroundColor: theme.shades.gray010 }, { children: row.map(function (cell, index) { return (jsx$1(TableCell, __assign({ borderColor: theme.shades.gray100 }, { children: cell }), index)); }) }), index)); }) }, void 0)] }), void 0));
7713
7725
  };
7714
- var templateObject_1$7, templateObject_2$4, templateObject_3$4, templateObject_4$3;
7726
+ var templateObject_1$9, templateObject_2$5, templateObject_3$4, templateObject_4$3;
7715
7727
 
7716
7728
  /* eslint-disable no-param-reassign */
7717
7729
  var index$2 = function (breakpoints) {
@@ -7799,15 +7811,15 @@ var breakpoints = {
7799
7811
  };
7800
7812
  var mediaQueries = index$2(Object.values(breakpoints).map(function (bp) { return "@media (min-width: " + bp + "px)"; }));
7801
7813
 
7802
- var Img = newStyled.img(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n border-radius: ", ";\n object-fit: ", ";\n object-position: ", ";\n"], ["\n height: ", ";\n width: ", ";\n border-radius: ", ";\n object-fit: ", ";\n object-position: ", ";\n"])), function (props) { return props.height; }, function (props) { return props.width; }, function (props) { return props.borderRadius; }, function (props) { return props.objectFit; }, function (props) { return props.objectPosition; });
7814
+ var Img = newStyled.img(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n border-radius: ", ";\n object-fit: ", ";\n object-position: ", ";\n"], ["\n height: ", ";\n width: ", ";\n border-radius: ", ";\n object-fit: ", ";\n object-position: ", ";\n"])), function (props) { return props.height; }, function (props) { return props.width; }, function (props) { return props.borderRadius; }, function (props) { return props.objectFit; }, function (props) { return props.objectPosition; });
7803
7815
  var Image = function (_a) {
7804
7816
  var src = _a.src, alt = _a.alt, height = _a.height, width = _a.width, borderRadius = _a.borderRadius, objectFit = _a.objectFit, objectPosition = _a.objectPosition;
7805
7817
  return (jsx$1(Img, { src: src, alt: alt, height: height, width: width, borderRadius: borderRadius, objectFit: objectFit, objectPosition: objectPosition }, void 0));
7806
7818
  };
7807
- var templateObject_1$6;
7819
+ var templateObject_1$8;
7808
7820
 
7809
- var Container$1 = newStyled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: auto;\n"], ["\n display: flex;\n flex-direction: row;\n width: auto;\n"])));
7810
- var DescriptionContainer = newStyled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ", ";\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n ", ";\n width: 100%;\n"])), mediaQueries({
7821
+ var Container$3 = newStyled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: auto;\n"], ["\n display: flex;\n flex-direction: row;\n width: auto;\n"])));
7822
+ var DescriptionContainer = newStyled.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ", ";\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n ", ";\n width: 100%;\n"])), mediaQueries({
7811
7823
  marginLeft: ['0.938rem', '1.875rem'],
7812
7824
  }));
7813
7825
  var Title = newStyled.h2(function (_a) {
@@ -7841,9 +7853,9 @@ var PriceContainer = newStyled.div(templateObject_3$3 || (templateObject_3$3 = _
7841
7853
  var SimpleOrderItem = function (_a) {
7842
7854
  var title = _a.title, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag;
7843
7855
  var theme = useTheme();
7844
- return (jsxs$1(Container$1, { children: [jsx$1(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), jsxs$1(DescriptionContainer, __assign({ "data-testid": "order-item-description-container" }, { children: [jsx$1(Title, __assign({ color: theme.shades.gray700 }, { children: title }), void 0), jsx$1(Subtitle, __assign({ color: theme.shades.gray700 }, { children: subtitle }), void 0), jsxs$1(PriceContainer, __assign({ "data-testid": "order-item-price-container", withTag: !!tag }, { children: [tag && (jsx$1(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsx$1(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.shades.gray700, size: ComponentSize.Small }, void 0)] }), void 0)] }), void 0)] }, void 0));
7856
+ return (jsxs$1(Container$3, { children: [jsx$1(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), jsxs$1(DescriptionContainer, __assign({ "data-testid": "order-item-description-container" }, { children: [jsx$1(Title, __assign({ color: theme.shades.gray700 }, { children: title }), void 0), jsx$1(Subtitle, __assign({ color: theme.shades.gray700 }, { children: subtitle }), void 0), jsxs$1(PriceContainer, __assign({ "data-testid": "order-item-price-container", withTag: !!tag }, { children: [tag && (jsx$1(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsx$1(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.shades.gray700, size: ComponentSize.Small }, void 0)] }), void 0)] }), void 0)] }, void 0));
7845
7857
  };
7846
- var templateObject_1$5, templateObject_2$3, templateObject_3$3;
7858
+ var templateObject_1$7, templateObject_2$4, templateObject_3$3;
7847
7859
 
7848
7860
  function formatDate(date) {
7849
7861
  var day = date.getDate();
@@ -7852,8 +7864,8 @@ function formatDate(date) {
7852
7864
  return month < 10 ? day + "/0" + month + "/" + year : day + "/" + month + "/" + year;
7853
7865
  }
7854
7866
 
7855
- var Container = newStyled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: auto;\n color: #292929;\n"], ["\n display: flex;\n flex-direction: column;\n width: auto;\n color: #292929;\n"])));
7856
- var Heading = newStyled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n ", ";\n text-align: right;\n margin-bottom: 10px;\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n ", ";\n text-align: right;\n margin-bottom: 10px;\n"])), mediaQueries({
7867
+ var Container$2 = newStyled.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: auto;\n color: #292929;\n"], ["\n display: flex;\n flex-direction: column;\n width: auto;\n color: #292929;\n"])));
7868
+ var Heading = newStyled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n ", ";\n text-align: right;\n margin-bottom: 10px;\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n ", ";\n text-align: right;\n margin-bottom: 10px;\n"])), mediaQueries({
7857
7869
  fontSize: ['14px', '16px'],
7858
7870
  lineHeight: ['22px', '24px'],
7859
7871
  }));
@@ -7876,9 +7888,9 @@ var H3$1 = newStyled.h3(templateObject_6$2 || (templateObject_6$2 = __makeTempla
7876
7888
  var P = newStyled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n margin: 0;\n"], ["\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n margin: 0;\n"])));
7877
7889
  var Review = function (_a) {
7878
7890
  var reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, image = _a.image;
7879
- return (jsxs$1(Container, { children: [jsxs$1(Heading, { children: [jsx$1(H2, { children: reviewerName }, void 0), formatDate(date)] }, void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content, __assign({ "data-testid": "review-content" }, { children: [jsxs$1(ReviewContainer, { children: [jsx$1(H3$1, { children: title }, void 0), jsx$1(P, { children: description }, void 0)] }, void 0), jsx$1(Image, { src: image.src, alt: image.alt, width: "7.5rem", height: "10rem" }, void 0)] }), void 0)] }, void 0));
7891
+ return (jsxs$1(Container$2, { children: [jsxs$1(Heading, { children: [jsx$1(H2, { children: reviewerName }, void 0), formatDate(date)] }, void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content, __assign({ "data-testid": "review-content" }, { children: [jsxs$1(ReviewContainer, { children: [jsx$1(H3$1, { children: title }, void 0), jsx$1(P, { children: description }, void 0)] }, void 0), jsx$1(Image, { src: image.src, alt: image.alt, width: "7.5rem", height: "10rem" }, void 0)] }), void 0)] }, void 0));
7880
7892
  };
7881
- var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7;
7893
+ var templateObject_1$6, templateObject_2$3, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7;
7882
7894
 
7883
7895
  var Button = newStyled.button(function () { return ({
7884
7896
  background: 'transparent',
@@ -7895,20 +7907,208 @@ var ArrowButton = function (_a) {
7895
7907
  return (jsx$1(Button, __assign({ className: className, type: "button", onClick: onClick, "data-testid": "arrow-button-" + direction }, { children: direction === 'left' ? (jsx$1(Icon.Arrows.ChevronLeft, { width: width, height: height, opacity: 0.5 }, void 0)) : (jsx$1(Icon.Arrows.ChevronRight, { width: width, height: height, opacity: 0.5 }, void 0)) }), void 0));
7896
7908
  };
7897
7909
 
7898
- var lib = {};
7910
+ function _defineProperty(obj, key, value) {
7911
+ if (key in obj) {
7912
+ Object.defineProperty(obj, key, {
7913
+ value: value,
7914
+ enumerable: true,
7915
+ configurable: true,
7916
+ writable: true
7917
+ });
7918
+ } else {
7919
+ obj[key] = value;
7920
+ }
7921
+
7922
+ return obj;
7923
+ }
7899
7924
 
7900
- var slider = {};
7925
+ function ownKeys(object, enumerableOnly) {
7926
+ var keys = Object.keys(object);
7901
7927
 
7902
- var innerSlider = {};
7928
+ if (Object.getOwnPropertySymbols) {
7929
+ var symbols = Object.getOwnPropertySymbols(object);
7903
7930
 
7904
- var initialState = {};
7931
+ if (enumerableOnly) {
7932
+ symbols = symbols.filter(function (sym) {
7933
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
7934
+ });
7935
+ }
7905
7936
 
7906
- (function (exports) {
7937
+ keys.push.apply(keys, symbols);
7938
+ }
7939
+
7940
+ return keys;
7941
+ }
7942
+
7943
+ function _objectSpread2(target) {
7944
+ for (var i = 1; i < arguments.length; i++) {
7945
+ var source = arguments[i] != null ? arguments[i] : {};
7946
+
7947
+ if (i % 2) {
7948
+ ownKeys(Object(source), true).forEach(function (key) {
7949
+ _defineProperty(target, key, source[key]);
7950
+ });
7951
+ } else if (Object.getOwnPropertyDescriptors) {
7952
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
7953
+ } else {
7954
+ ownKeys(Object(source)).forEach(function (key) {
7955
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
7956
+ });
7957
+ }
7958
+ }
7959
+
7960
+ return target;
7961
+ }
7962
+
7963
+ function _classCallCheck(instance, Constructor) {
7964
+ if (!(instance instanceof Constructor)) {
7965
+ throw new TypeError("Cannot call a class as a function");
7966
+ }
7967
+ }
7968
+
7969
+ function _defineProperties(target, props) {
7970
+ for (var i = 0; i < props.length; i++) {
7971
+ var descriptor = props[i];
7972
+ descriptor.enumerable = descriptor.enumerable || false;
7973
+ descriptor.configurable = true;
7974
+ if ("value" in descriptor) descriptor.writable = true;
7975
+ Object.defineProperty(target, descriptor.key, descriptor);
7976
+ }
7977
+ }
7978
+
7979
+ function _createClass(Constructor, protoProps, staticProps) {
7980
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
7981
+ if (staticProps) _defineProperties(Constructor, staticProps);
7982
+ return Constructor;
7983
+ }
7984
+
7985
+ function _assertThisInitialized(self) {
7986
+ if (self === void 0) {
7987
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
7988
+ }
7989
+
7990
+ return self;
7991
+ }
7992
+
7993
+ function _setPrototypeOf(o, p) {
7994
+ _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
7995
+ o.__proto__ = p;
7996
+ return o;
7997
+ };
7998
+
7999
+ return _setPrototypeOf(o, p);
8000
+ }
8001
+
8002
+ function _inherits(subClass, superClass) {
8003
+ if (typeof superClass !== "function" && superClass !== null) {
8004
+ throw new TypeError("Super expression must either be null or a function");
8005
+ }
8006
+
8007
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
8008
+ constructor: {
8009
+ value: subClass,
8010
+ writable: true,
8011
+ configurable: true
8012
+ }
8013
+ });
8014
+ if (superClass) _setPrototypeOf(subClass, superClass);
8015
+ }
8016
+
8017
+ function _getPrototypeOf(o) {
8018
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
8019
+ return o.__proto__ || Object.getPrototypeOf(o);
8020
+ };
8021
+ return _getPrototypeOf(o);
8022
+ }
8023
+
8024
+ function _isNativeReflectConstruct() {
8025
+ if (typeof Reflect === "undefined" || !Reflect.construct) return false;
8026
+ if (Reflect.construct.sham) return false;
8027
+ if (typeof Proxy === "function") return true;
8028
+
8029
+ try {
8030
+ Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
8031
+ return true;
8032
+ } catch (e) {
8033
+ return false;
8034
+ }
8035
+ }
8036
+
8037
+ function _typeof(obj) {
8038
+ "@babel/helpers - typeof";
8039
+
8040
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
8041
+ _typeof = function _typeof(obj) {
8042
+ return typeof obj;
8043
+ };
8044
+ } else {
8045
+ _typeof = function _typeof(obj) {
8046
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
8047
+ };
8048
+ }
8049
+
8050
+ return _typeof(obj);
8051
+ }
8052
+
8053
+ function _possibleConstructorReturn(self, call) {
8054
+ if (call && (_typeof(call) === "object" || typeof call === "function")) {
8055
+ return call;
8056
+ }
8057
+
8058
+ return _assertThisInitialized(self);
8059
+ }
8060
+
8061
+ function _createSuper(Derived) {
8062
+ var hasNativeReflectConstruct = _isNativeReflectConstruct();
8063
+ return function _createSuperInternal() {
8064
+ var Super = _getPrototypeOf(Derived),
8065
+ result;
8066
+
8067
+ if (hasNativeReflectConstruct) {
8068
+ var NewTarget = _getPrototypeOf(this).constructor;
8069
+ result = Reflect.construct(Super, arguments, NewTarget);
8070
+ } else {
8071
+ result = Super.apply(this, arguments);
8072
+ }
8073
+
8074
+ return _possibleConstructorReturn(this, result);
8075
+ };
8076
+ }
8077
+
8078
+ function _objectWithoutPropertiesLoose(source, excluded) {
8079
+ if (source == null) return {};
8080
+ var target = {};
8081
+ var sourceKeys = Object.keys(source);
8082
+ var key, i;
8083
+
8084
+ for (i = 0; i < sourceKeys.length; i++) {
8085
+ key = sourceKeys[i];
8086
+ if (excluded.indexOf(key) >= 0) continue;
8087
+ target[key] = source[key];
8088
+ }
8089
+
8090
+ return target;
8091
+ }
8092
+
8093
+ function _objectWithoutProperties(source, excluded) {
8094
+ if (source == null) return {};
8095
+ var target = _objectWithoutPropertiesLoose(source, excluded);
8096
+ var key, i;
8097
+
8098
+ if (Object.getOwnPropertySymbols) {
8099
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
8100
+
8101
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
8102
+ key = sourceSymbolKeys[i];
8103
+ if (excluded.indexOf(key) >= 0) continue;
8104
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
8105
+ target[key] = source[key];
8106
+ }
8107
+ }
8108
+
8109
+ return target;
8110
+ }
7907
8111
 
7908
- Object.defineProperty(exports, "__esModule", {
7909
- value: true
7910
- });
7911
- exports["default"] = void 0;
7912
8112
  var initialState = {
7913
8113
  animating: false,
7914
8114
  autoplaying: null,
@@ -7940,65 +8140,57 @@ var initialState = {
7940
8140
  trackWidth: 0,
7941
8141
  targetSlide: 0
7942
8142
  };
7943
- var _default = initialState;
7944
- exports["default"] = _default;
7945
- }(initialState));
7946
8143
 
7947
8144
  /**
7948
- * lodash (Custom Build) <https://lodash.com/>
7949
- * Build: `lodash modularize exports="npm" -o ./`
7950
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
7951
- * Released under MIT license <https://lodash.com/license>
7952
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
7953
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
8145
+ * Checks if `value` is the
8146
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
8147
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
8148
+ *
8149
+ * @static
8150
+ * @memberOf _
8151
+ * @since 0.1.0
8152
+ * @category Lang
8153
+ * @param {*} value The value to check.
8154
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
8155
+ * @example
8156
+ *
8157
+ * _.isObject({});
8158
+ * // => true
8159
+ *
8160
+ * _.isObject([1, 2, 3]);
8161
+ * // => true
8162
+ *
8163
+ * _.isObject(_.noop);
8164
+ * // => true
8165
+ *
8166
+ * _.isObject(null);
8167
+ * // => false
7954
8168
  */
7955
8169
 
7956
- /** Used as the `TypeError` message for "Functions" methods. */
7957
- var FUNC_ERROR_TEXT = 'Expected a function';
7958
-
7959
- /** Used as references for various `Number` constants. */
7960
- var NAN = 0 / 0;
7961
-
7962
- /** `Object#toString` result references. */
7963
- var symbolTag = '[object Symbol]';
7964
-
7965
- /** Used to match leading and trailing whitespace. */
7966
- var reTrim = /^\s+|\s+$/g;
8170
+ function isObject$2(value) {
8171
+ var type = typeof value;
8172
+ return value != null && (type == 'object' || type == 'function');
8173
+ }
7967
8174
 
7968
- /** Used to detect bad signed hexadecimal string values. */
7969
- var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
8175
+ var isObject_1 = isObject$2;
7970
8176
 
7971
- /** Used to detect binary string values. */
7972
- var reIsBinary = /^0b[01]+$/i;
8177
+ /** Detect free variable `global` from Node.js. */
7973
8178
 
7974
- /** Used to detect octal string values. */
7975
- var reIsOctal = /^0o[0-7]+$/i;
8179
+ var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
7976
8180
 
7977
- /** Built-in method references without a dependency on `root`. */
7978
- var freeParseInt = parseInt;
8181
+ var _freeGlobal = freeGlobal$1;
7979
8182
 
7980
- /** Detect free variable `global` from Node.js. */
7981
- var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
8183
+ var freeGlobal = _freeGlobal;
7982
8184
 
7983
8185
  /** Detect free variable `self`. */
7984
8186
  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
7985
8187
 
7986
8188
  /** Used as a reference to the global object. */
7987
- var root = freeGlobal || freeSelf || Function('return this')();
7988
-
7989
- /** Used for built-in method references. */
7990
- var objectProto = Object.prototype;
8189
+ var root$2 = freeGlobal || freeSelf || Function('return this')();
7991
8190
 
7992
- /**
7993
- * Used to resolve the
7994
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
7995
- * of values.
7996
- */
7997
- var objectToString = objectProto.toString;
8191
+ var _root = root$2;
7998
8192
 
7999
- /* Built-in method references for those with the same name as other `lodash` methods. */
8000
- var nativeMax = Math.max,
8001
- nativeMin = Math.min;
8193
+ var root$1 = _root;
8002
8194
 
8003
8195
  /**
8004
8196
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -8016,45 +8208,332 @@ var nativeMax = Math.max,
8016
8208
  * }, _.now());
8017
8209
  * // => Logs the number of milliseconds it took for the deferred invocation.
8018
8210
  */
8019
- var now = function() {
8020
- return root.Date.now();
8211
+ var now$1 = function() {
8212
+ return root$1.Date.now();
8021
8213
  };
8022
8214
 
8215
+ var now_1 = now$1;
8216
+
8217
+ /** Used to match a single whitespace character. */
8218
+
8219
+ var reWhitespace = /\s/;
8220
+
8023
8221
  /**
8024
- * Creates a debounced function that delays invoking `func` until after `wait`
8025
- * milliseconds have elapsed since the last time the debounced function was
8026
- * invoked. The debounced function comes with a `cancel` method to cancel
8027
- * delayed `func` invocations and a `flush` method to immediately invoke them.
8028
- * Provide `options` to indicate whether `func` should be invoked on the
8029
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
8030
- * with the last arguments provided to the debounced function. Subsequent
8031
- * calls to the debounced function return the result of the last `func`
8032
- * invocation.
8222
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
8223
+ * character of `string`.
8033
8224
  *
8034
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
8035
- * invoked on the trailing edge of the timeout only if the debounced function
8036
- * is invoked more than once during the `wait` timeout.
8037
- *
8038
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
8039
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
8040
- *
8041
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
8042
- * for details over the differences between `_.debounce` and `_.throttle`.
8225
+ * @private
8226
+ * @param {string} string The string to inspect.
8227
+ * @returns {number} Returns the index of the last non-whitespace character.
8228
+ */
8229
+ function trimmedEndIndex$1(string) {
8230
+ var index = string.length;
8231
+
8232
+ while (index-- && reWhitespace.test(string.charAt(index))) {}
8233
+ return index;
8234
+ }
8235
+
8236
+ var _trimmedEndIndex = trimmedEndIndex$1;
8237
+
8238
+ var trimmedEndIndex = _trimmedEndIndex;
8239
+
8240
+ /** Used to match leading whitespace. */
8241
+ var reTrimStart = /^\s+/;
8242
+
8243
+ /**
8244
+ * The base implementation of `_.trim`.
8043
8245
  *
8044
- * @static
8045
- * @memberOf _
8046
- * @since 0.1.0
8047
- * @category Function
8048
- * @param {Function} func The function to debounce.
8049
- * @param {number} [wait=0] The number of milliseconds to delay.
8050
- * @param {Object} [options={}] The options object.
8051
- * @param {boolean} [options.leading=false]
8052
- * Specify invoking on the leading edge of the timeout.
8053
- * @param {number} [options.maxWait]
8054
- * The maximum time `func` is allowed to be delayed before it's invoked.
8055
- * @param {boolean} [options.trailing=true]
8056
- * Specify invoking on the trailing edge of the timeout.
8057
- * @returns {Function} Returns the new debounced function.
8246
+ * @private
8247
+ * @param {string} string The string to trim.
8248
+ * @returns {string} Returns the trimmed string.
8249
+ */
8250
+ function baseTrim$1(string) {
8251
+ return string
8252
+ ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
8253
+ : string;
8254
+ }
8255
+
8256
+ var _baseTrim = baseTrim$1;
8257
+
8258
+ var root = _root;
8259
+
8260
+ /** Built-in value references. */
8261
+ var Symbol$3 = root.Symbol;
8262
+
8263
+ var _Symbol = Symbol$3;
8264
+
8265
+ var Symbol$2 = _Symbol;
8266
+
8267
+ /** Used for built-in method references. */
8268
+ var objectProto$1 = Object.prototype;
8269
+
8270
+ /** Used to check objects for own properties. */
8271
+ var hasOwnProperty = objectProto$1.hasOwnProperty;
8272
+
8273
+ /**
8274
+ * Used to resolve the
8275
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
8276
+ * of values.
8277
+ */
8278
+ var nativeObjectToString$1 = objectProto$1.toString;
8279
+
8280
+ /** Built-in value references. */
8281
+ var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : undefined;
8282
+
8283
+ /**
8284
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
8285
+ *
8286
+ * @private
8287
+ * @param {*} value The value to query.
8288
+ * @returns {string} Returns the raw `toStringTag`.
8289
+ */
8290
+ function getRawTag$1(value) {
8291
+ var isOwn = hasOwnProperty.call(value, symToStringTag$1),
8292
+ tag = value[symToStringTag$1];
8293
+
8294
+ try {
8295
+ value[symToStringTag$1] = undefined;
8296
+ var unmasked = true;
8297
+ } catch (e) {}
8298
+
8299
+ var result = nativeObjectToString$1.call(value);
8300
+ if (unmasked) {
8301
+ if (isOwn) {
8302
+ value[symToStringTag$1] = tag;
8303
+ } else {
8304
+ delete value[symToStringTag$1];
8305
+ }
8306
+ }
8307
+ return result;
8308
+ }
8309
+
8310
+ var _getRawTag = getRawTag$1;
8311
+
8312
+ /** Used for built-in method references. */
8313
+
8314
+ var objectProto = Object.prototype;
8315
+
8316
+ /**
8317
+ * Used to resolve the
8318
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
8319
+ * of values.
8320
+ */
8321
+ var nativeObjectToString = objectProto.toString;
8322
+
8323
+ /**
8324
+ * Converts `value` to a string using `Object.prototype.toString`.
8325
+ *
8326
+ * @private
8327
+ * @param {*} value The value to convert.
8328
+ * @returns {string} Returns the converted string.
8329
+ */
8330
+ function objectToString$1(value) {
8331
+ return nativeObjectToString.call(value);
8332
+ }
8333
+
8334
+ var _objectToString = objectToString$1;
8335
+
8336
+ var Symbol$1 = _Symbol,
8337
+ getRawTag = _getRawTag,
8338
+ objectToString = _objectToString;
8339
+
8340
+ /** `Object#toString` result references. */
8341
+ var nullTag = '[object Null]',
8342
+ undefinedTag = '[object Undefined]';
8343
+
8344
+ /** Built-in value references. */
8345
+ var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
8346
+
8347
+ /**
8348
+ * The base implementation of `getTag` without fallbacks for buggy environments.
8349
+ *
8350
+ * @private
8351
+ * @param {*} value The value to query.
8352
+ * @returns {string} Returns the `toStringTag`.
8353
+ */
8354
+ function baseGetTag$1(value) {
8355
+ if (value == null) {
8356
+ return value === undefined ? undefinedTag : nullTag;
8357
+ }
8358
+ return (symToStringTag && symToStringTag in Object(value))
8359
+ ? getRawTag(value)
8360
+ : objectToString(value);
8361
+ }
8362
+
8363
+ var _baseGetTag = baseGetTag$1;
8364
+
8365
+ /**
8366
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
8367
+ * and has a `typeof` result of "object".
8368
+ *
8369
+ * @static
8370
+ * @memberOf _
8371
+ * @since 4.0.0
8372
+ * @category Lang
8373
+ * @param {*} value The value to check.
8374
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
8375
+ * @example
8376
+ *
8377
+ * _.isObjectLike({});
8378
+ * // => true
8379
+ *
8380
+ * _.isObjectLike([1, 2, 3]);
8381
+ * // => true
8382
+ *
8383
+ * _.isObjectLike(_.noop);
8384
+ * // => false
8385
+ *
8386
+ * _.isObjectLike(null);
8387
+ * // => false
8388
+ */
8389
+
8390
+ function isObjectLike$1(value) {
8391
+ return value != null && typeof value == 'object';
8392
+ }
8393
+
8394
+ var isObjectLike_1 = isObjectLike$1;
8395
+
8396
+ var baseGetTag = _baseGetTag,
8397
+ isObjectLike = isObjectLike_1;
8398
+
8399
+ /** `Object#toString` result references. */
8400
+ var symbolTag = '[object Symbol]';
8401
+
8402
+ /**
8403
+ * Checks if `value` is classified as a `Symbol` primitive or object.
8404
+ *
8405
+ * @static
8406
+ * @memberOf _
8407
+ * @since 4.0.0
8408
+ * @category Lang
8409
+ * @param {*} value The value to check.
8410
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
8411
+ * @example
8412
+ *
8413
+ * _.isSymbol(Symbol.iterator);
8414
+ * // => true
8415
+ *
8416
+ * _.isSymbol('abc');
8417
+ * // => false
8418
+ */
8419
+ function isSymbol$1(value) {
8420
+ return typeof value == 'symbol' ||
8421
+ (isObjectLike(value) && baseGetTag(value) == symbolTag);
8422
+ }
8423
+
8424
+ var isSymbol_1 = isSymbol$1;
8425
+
8426
+ var baseTrim = _baseTrim,
8427
+ isObject$1 = isObject_1,
8428
+ isSymbol = isSymbol_1;
8429
+
8430
+ /** Used as references for various `Number` constants. */
8431
+ var NAN = 0 / 0;
8432
+
8433
+ /** Used to detect bad signed hexadecimal string values. */
8434
+ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
8435
+
8436
+ /** Used to detect binary string values. */
8437
+ var reIsBinary = /^0b[01]+$/i;
8438
+
8439
+ /** Used to detect octal string values. */
8440
+ var reIsOctal = /^0o[0-7]+$/i;
8441
+
8442
+ /** Built-in method references without a dependency on `root`. */
8443
+ var freeParseInt = parseInt;
8444
+
8445
+ /**
8446
+ * Converts `value` to a number.
8447
+ *
8448
+ * @static
8449
+ * @memberOf _
8450
+ * @since 4.0.0
8451
+ * @category Lang
8452
+ * @param {*} value The value to process.
8453
+ * @returns {number} Returns the number.
8454
+ * @example
8455
+ *
8456
+ * _.toNumber(3.2);
8457
+ * // => 3.2
8458
+ *
8459
+ * _.toNumber(Number.MIN_VALUE);
8460
+ * // => 5e-324
8461
+ *
8462
+ * _.toNumber(Infinity);
8463
+ * // => Infinity
8464
+ *
8465
+ * _.toNumber('3.2');
8466
+ * // => 3.2
8467
+ */
8468
+ function toNumber$1(value) {
8469
+ if (typeof value == 'number') {
8470
+ return value;
8471
+ }
8472
+ if (isSymbol(value)) {
8473
+ return NAN;
8474
+ }
8475
+ if (isObject$1(value)) {
8476
+ var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
8477
+ value = isObject$1(other) ? (other + '') : other;
8478
+ }
8479
+ if (typeof value != 'string') {
8480
+ return value === 0 ? value : +value;
8481
+ }
8482
+ value = baseTrim(value);
8483
+ var isBinary = reIsBinary.test(value);
8484
+ return (isBinary || reIsOctal.test(value))
8485
+ ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
8486
+ : (reIsBadHex.test(value) ? NAN : +value);
8487
+ }
8488
+
8489
+ var toNumber_1 = toNumber$1;
8490
+
8491
+ var isObject = isObject_1,
8492
+ now = now_1,
8493
+ toNumber = toNumber_1;
8494
+
8495
+ /** Error message constants. */
8496
+ var FUNC_ERROR_TEXT = 'Expected a function';
8497
+
8498
+ /* Built-in method references for those with the same name as other `lodash` methods. */
8499
+ var nativeMax = Math.max,
8500
+ nativeMin = Math.min;
8501
+
8502
+ /**
8503
+ * Creates a debounced function that delays invoking `func` until after `wait`
8504
+ * milliseconds have elapsed since the last time the debounced function was
8505
+ * invoked. The debounced function comes with a `cancel` method to cancel
8506
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
8507
+ * Provide `options` to indicate whether `func` should be invoked on the
8508
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
8509
+ * with the last arguments provided to the debounced function. Subsequent
8510
+ * calls to the debounced function return the result of the last `func`
8511
+ * invocation.
8512
+ *
8513
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
8514
+ * invoked on the trailing edge of the timeout only if the debounced function
8515
+ * is invoked more than once during the `wait` timeout.
8516
+ *
8517
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
8518
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
8519
+ *
8520
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
8521
+ * for details over the differences between `_.debounce` and `_.throttle`.
8522
+ *
8523
+ * @static
8524
+ * @memberOf _
8525
+ * @since 0.1.0
8526
+ * @category Function
8527
+ * @param {Function} func The function to debounce.
8528
+ * @param {number} [wait=0] The number of milliseconds to delay.
8529
+ * @param {Object} [options={}] The options object.
8530
+ * @param {boolean} [options.leading=false]
8531
+ * Specify invoking on the leading edge of the timeout.
8532
+ * @param {number} [options.maxWait]
8533
+ * The maximum time `func` is allowed to be delayed before it's invoked.
8534
+ * @param {boolean} [options.trailing=true]
8535
+ * Specify invoking on the trailing edge of the timeout.
8536
+ * @returns {Function} Returns the new debounced function.
8058
8537
  * @example
8059
8538
  *
8060
8539
  * // Avoid costly calculations while the window size is in flux.
@@ -8119,9 +8598,11 @@ function debounce(func, wait, options) {
8119
8598
  function remainingWait(time) {
8120
8599
  var timeSinceLastCall = time - lastCallTime,
8121
8600
  timeSinceLastInvoke = time - lastInvokeTime,
8122
- result = wait - timeSinceLastCall;
8601
+ timeWaiting = wait - timeSinceLastCall;
8123
8602
 
8124
- return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
8603
+ return maxing
8604
+ ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
8605
+ : timeWaiting;
8125
8606
  }
8126
8607
 
8127
8608
  function shouldInvoke(time) {
@@ -8182,6 +8663,7 @@ function debounce(func, wait, options) {
8182
8663
  }
8183
8664
  if (maxing) {
8184
8665
  // Handle invocations in a tight loop.
8666
+ clearTimeout(timerId);
8185
8667
  timerId = setTimeout(timerExpired, wait);
8186
8668
  return invokeFunc(lastCallTime);
8187
8669
  }
@@ -8196,133 +8678,9 @@ function debounce(func, wait, options) {
8196
8678
  return debounced;
8197
8679
  }
8198
8680
 
8199
- /**
8200
- * Checks if `value` is the
8201
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
8202
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
8203
- *
8204
- * @static
8205
- * @memberOf _
8206
- * @since 0.1.0
8207
- * @category Lang
8208
- * @param {*} value The value to check.
8209
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
8210
- * @example
8211
- *
8212
- * _.isObject({});
8213
- * // => true
8214
- *
8215
- * _.isObject([1, 2, 3]);
8216
- * // => true
8217
- *
8218
- * _.isObject(_.noop);
8219
- * // => true
8220
- *
8221
- * _.isObject(null);
8222
- * // => false
8223
- */
8224
- function isObject(value) {
8225
- var type = typeof value;
8226
- return !!value && (type == 'object' || type == 'function');
8227
- }
8228
-
8229
- /**
8230
- * Checks if `value` is object-like. A value is object-like if it's not `null`
8231
- * and has a `typeof` result of "object".
8232
- *
8233
- * @static
8234
- * @memberOf _
8235
- * @since 4.0.0
8236
- * @category Lang
8237
- * @param {*} value The value to check.
8238
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
8239
- * @example
8240
- *
8241
- * _.isObjectLike({});
8242
- * // => true
8243
- *
8244
- * _.isObjectLike([1, 2, 3]);
8245
- * // => true
8246
- *
8247
- * _.isObjectLike(_.noop);
8248
- * // => false
8249
- *
8250
- * _.isObjectLike(null);
8251
- * // => false
8252
- */
8253
- function isObjectLike(value) {
8254
- return !!value && typeof value == 'object';
8255
- }
8681
+ var debounce_1 = debounce;
8256
8682
 
8257
- /**
8258
- * Checks if `value` is classified as a `Symbol` primitive or object.
8259
- *
8260
- * @static
8261
- * @memberOf _
8262
- * @since 4.0.0
8263
- * @category Lang
8264
- * @param {*} value The value to check.
8265
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
8266
- * @example
8267
- *
8268
- * _.isSymbol(Symbol.iterator);
8269
- * // => true
8270
- *
8271
- * _.isSymbol('abc');
8272
- * // => false
8273
- */
8274
- function isSymbol(value) {
8275
- return typeof value == 'symbol' ||
8276
- (isObjectLike(value) && objectToString.call(value) == symbolTag);
8277
- }
8278
-
8279
- /**
8280
- * Converts `value` to a number.
8281
- *
8282
- * @static
8283
- * @memberOf _
8284
- * @since 4.0.0
8285
- * @category Lang
8286
- * @param {*} value The value to process.
8287
- * @returns {number} Returns the number.
8288
- * @example
8289
- *
8290
- * _.toNumber(3.2);
8291
- * // => 3.2
8292
- *
8293
- * _.toNumber(Number.MIN_VALUE);
8294
- * // => 5e-324
8295
- *
8296
- * _.toNumber(Infinity);
8297
- * // => Infinity
8298
- *
8299
- * _.toNumber('3.2');
8300
- * // => 3.2
8301
- */
8302
- function toNumber(value) {
8303
- if (typeof value == 'number') {
8304
- return value;
8305
- }
8306
- if (isSymbol(value)) {
8307
- return NAN;
8308
- }
8309
- if (isObject(value)) {
8310
- var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
8311
- value = isObject(other) ? (other + '') : other;
8312
- }
8313
- if (typeof value != 'string') {
8314
- return value === 0 ? value : +value;
8315
- }
8316
- value = value.replace(reTrim, '');
8317
- var isBinary = reIsBinary.test(value);
8318
- return (isBinary || reIsOctal.test(value))
8319
- ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
8320
- : (reIsBadHex.test(value) ? NAN : +value);
8321
- }
8322
-
8323
- var lodash_debounce = debounce;
8324
-
8325
- var classnames = {exports: {}};
8683
+ var classnames$1 = {exports: {}};
8326
8684
 
8327
8685
  /*!
8328
8686
  Copyright (c) 2018 Jed Watson.
@@ -8378,30 +8736,13 @@ var classnames = {exports: {}};
8378
8736
  window.classNames = classNames;
8379
8737
  }
8380
8738
  }());
8381
- }(classnames));
8382
-
8383
- var innerSliderUtils = {};
8384
-
8385
- Object.defineProperty(innerSliderUtils, "__esModule", {
8386
- value: true
8387
- });
8388
- innerSliderUtils.clamp = clamp;
8389
- innerSliderUtils.canUseDOM = innerSliderUtils.slidesOnLeft = innerSliderUtils.slidesOnRight = innerSliderUtils.siblingDirection = innerSliderUtils.getTotalSlides = innerSliderUtils.getPostClones = innerSliderUtils.getPreClones = innerSliderUtils.getTrackLeft = innerSliderUtils.getTrackAnimateCSS = innerSliderUtils.getTrackCSS = innerSliderUtils.checkSpecKeys = innerSliderUtils.getSlideCount = innerSliderUtils.checkNavigable = innerSliderUtils.getNavigableIndexes = innerSliderUtils.swipeEnd = innerSliderUtils.swipeMove = innerSliderUtils.swipeStart = innerSliderUtils.keyHandler = innerSliderUtils.changeSlide = innerSliderUtils.slideHandler = innerSliderUtils.initializedState = innerSliderUtils.extractObject = innerSliderUtils.canGoNext = innerSliderUtils.getSwipeDirection = innerSliderUtils.getHeight = innerSliderUtils.getWidth = innerSliderUtils.lazySlidesOnRight = innerSliderUtils.lazySlidesOnLeft = innerSliderUtils.lazyEndIndex = innerSliderUtils.lazyStartIndex = innerSliderUtils.getRequiredLazySlides = innerSliderUtils.getOnDemandLazySlides = innerSliderUtils.safePreventDefault = void 0;
8390
-
8391
- var _react$4 = _interopRequireDefault$4(React);
8392
-
8393
- function _interopRequireDefault$4(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8394
-
8395
- function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
8739
+ }(classnames$1));
8396
8740
 
8397
- function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
8398
-
8399
- function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8741
+ var classnames = classnames$1.exports;
8400
8742
 
8401
8743
  function clamp(number, lowerBound, upperBound) {
8402
8744
  return Math.max(lowerBound, Math.min(number, upperBound));
8403
8745
  }
8404
-
8405
8746
  var safePreventDefault = function safePreventDefault(event) {
8406
8747
  var passiveEvents = ["onTouchStart", "onTouchMove", "onWheel"];
8407
8748
 
@@ -8409,9 +8750,6 @@ var safePreventDefault = function safePreventDefault(event) {
8409
8750
  event.preventDefault();
8410
8751
  }
8411
8752
  };
8412
-
8413
- innerSliderUtils.safePreventDefault = safePreventDefault;
8414
-
8415
8753
  var getOnDemandLazySlides = function getOnDemandLazySlides(spec) {
8416
8754
  var onDemandSlides = [];
8417
8755
  var startIndex = lazyStartIndex(spec);
@@ -8426,61 +8764,25 @@ var getOnDemandLazySlides = function getOnDemandLazySlides(spec) {
8426
8764
  return onDemandSlides;
8427
8765
  }; // return list of slides that need to be present
8428
8766
 
8429
-
8430
- innerSliderUtils.getOnDemandLazySlides = getOnDemandLazySlides;
8431
-
8432
- var getRequiredLazySlides = function getRequiredLazySlides(spec) {
8433
- var requiredSlides = [];
8434
- var startIndex = lazyStartIndex(spec);
8435
- var endIndex = lazyEndIndex(spec);
8436
-
8437
- for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {
8438
- requiredSlides.push(slideIndex);
8439
- }
8440
-
8441
- return requiredSlides;
8442
- }; // startIndex that needs to be present
8443
-
8444
-
8445
- innerSliderUtils.getRequiredLazySlides = getRequiredLazySlides;
8446
-
8447
8767
  var lazyStartIndex = function lazyStartIndex(spec) {
8448
8768
  return spec.currentSlide - lazySlidesOnLeft(spec);
8449
8769
  };
8450
-
8451
- innerSliderUtils.lazyStartIndex = lazyStartIndex;
8452
-
8453
8770
  var lazyEndIndex = function lazyEndIndex(spec) {
8454
8771
  return spec.currentSlide + lazySlidesOnRight(spec);
8455
8772
  };
8456
-
8457
- innerSliderUtils.lazyEndIndex = lazyEndIndex;
8458
-
8459
8773
  var lazySlidesOnLeft = function lazySlidesOnLeft(spec) {
8460
8774
  return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;
8461
8775
  };
8462
-
8463
- innerSliderUtils.lazySlidesOnLeft = lazySlidesOnLeft;
8464
-
8465
8776
  var lazySlidesOnRight = function lazySlidesOnRight(spec) {
8466
8777
  return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;
8467
8778
  }; // get width of an element
8468
8779
 
8469
-
8470
- innerSliderUtils.lazySlidesOnRight = lazySlidesOnRight;
8471
-
8472
8780
  var getWidth = function getWidth(elem) {
8473
8781
  return elem && elem.offsetWidth || 0;
8474
8782
  };
8475
-
8476
- innerSliderUtils.getWidth = getWidth;
8477
-
8478
8783
  var getHeight = function getHeight(elem) {
8479
8784
  return elem && elem.offsetHeight || 0;
8480
8785
  };
8481
-
8482
- innerSliderUtils.getHeight = getHeight;
8483
-
8484
8786
  var getSwipeDirection = function getSwipeDirection(touchObject) {
8485
8787
  var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
8486
8788
  var xDist, yDist, r, swipeAngle;
@@ -8512,9 +8814,6 @@ var getSwipeDirection = function getSwipeDirection(touchObject) {
8512
8814
  return "vertical";
8513
8815
  }; // whether or not we can go next
8514
8816
 
8515
-
8516
- innerSliderUtils.getSwipeDirection = getSwipeDirection;
8517
-
8518
8817
  var canGoNext = function canGoNext(spec) {
8519
8818
  var canGo = true;
8520
8819
 
@@ -8529,9 +8828,6 @@ var canGoNext = function canGoNext(spec) {
8529
8828
  return canGo;
8530
8829
  }; // given an object and a list of keys, return new object with given keys
8531
8830
 
8532
-
8533
- innerSliderUtils.canGoNext = canGoNext;
8534
-
8535
8831
  var extractObject = function extractObject(spec, keys) {
8536
8832
  var newObject = {};
8537
8833
  keys.forEach(function (key) {
@@ -8540,13 +8836,9 @@ var extractObject = function extractObject(spec, keys) {
8540
8836
  return newObject;
8541
8837
  }; // get initialized state
8542
8838
 
8543
-
8544
- innerSliderUtils.extractObject = extractObject;
8545
-
8546
8839
  var initializedState = function initializedState(spec) {
8547
8840
  // spec also contains listRef, trackRef
8548
- var slideCount = _react$4["default"].Children.count(spec.children);
8549
-
8841
+ var slideCount = React.Children.count(spec.children);
8550
8842
  var listNode = spec.listRef;
8551
8843
  var listWidth = Math.ceil(getWidth(listNode));
8552
8844
  var trackNode = spec.trackRef && spec.trackRef.node;
@@ -8574,7 +8866,7 @@ var initializedState = function initializedState(spec) {
8574
8866
  }
8575
8867
 
8576
8868
  var lazyLoadedList = spec.lazyLoadedList || [];
8577
- var slidesToLoad = getOnDemandLazySlides(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8869
+ var slidesToLoad = getOnDemandLazySlides(_objectSpread2(_objectSpread2({}, spec), {}, {
8578
8870
  currentSlide: currentSlide,
8579
8871
  lazyLoadedList: lazyLoadedList
8580
8872
  }));
@@ -8596,9 +8888,6 @@ var initializedState = function initializedState(spec) {
8596
8888
 
8597
8889
  return state;
8598
8890
  };
8599
-
8600
- innerSliderUtils.initializedState = initializedState;
8601
-
8602
8891
  var slideHandler = function slideHandler(spec) {
8603
8892
  var waitForAnimate = spec.waitForAnimate,
8604
8893
  animating = spec.animating,
@@ -8665,10 +8954,10 @@ var slideHandler = function slideHandler(spec) {
8665
8954
  finalSlide = slideCount - slidesToShow;
8666
8955
  }
8667
8956
 
8668
- animationLeft = getTrackLeft(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8957
+ animationLeft = getTrackLeft(_objectSpread2(_objectSpread2({}, spec), {}, {
8669
8958
  slideIndex: animationSlide
8670
8959
  }));
8671
- finalLeft = getTrackLeft(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8960
+ finalLeft = getTrackLeft(_objectSpread2(_objectSpread2({}, spec), {}, {
8672
8961
  slideIndex: finalSlide
8673
8962
  }));
8674
8963
 
@@ -8678,7 +8967,7 @@ var slideHandler = function slideHandler(spec) {
8678
8967
  }
8679
8968
 
8680
8969
  if (lazyLoad) {
8681
- lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8970
+ lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread2(_objectSpread2({}, spec), {}, {
8682
8971
  currentSlide: animationSlide
8683
8972
  })));
8684
8973
  }
@@ -8686,7 +8975,7 @@ var slideHandler = function slideHandler(spec) {
8686
8975
  if (!useCSS) {
8687
8976
  state = {
8688
8977
  currentSlide: finalSlide,
8689
- trackStyle: getTrackCSS(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8978
+ trackStyle: getTrackCSS(_objectSpread2(_objectSpread2({}, spec), {}, {
8690
8979
  left: finalLeft
8691
8980
  })),
8692
8981
  lazyLoadedList: lazyLoadedList,
@@ -8696,7 +8985,7 @@ var slideHandler = function slideHandler(spec) {
8696
8985
  state = {
8697
8986
  animating: true,
8698
8987
  currentSlide: finalSlide,
8699
- trackStyle: getTrackAnimateCSS(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8988
+ trackStyle: getTrackAnimateCSS(_objectSpread2(_objectSpread2({}, spec), {}, {
8700
8989
  left: animationLeft
8701
8990
  })),
8702
8991
  lazyLoadedList: lazyLoadedList,
@@ -8705,7 +8994,7 @@ var slideHandler = function slideHandler(spec) {
8705
8994
  nextState = {
8706
8995
  animating: false,
8707
8996
  currentSlide: finalSlide,
8708
- trackStyle: getTrackCSS(_objectSpread$4(_objectSpread$4({}, spec), {}, {
8997
+ trackStyle: getTrackCSS(_objectSpread2(_objectSpread2({}, spec), {}, {
8709
8998
  left: finalLeft
8710
8999
  })),
8711
9000
  swipeLeft: null,
@@ -8719,9 +9008,6 @@ var slideHandler = function slideHandler(spec) {
8719
9008
  nextState: nextState
8720
9009
  };
8721
9010
  };
8722
-
8723
- innerSliderUtils.slideHandler = slideHandler;
8724
-
8725
9011
  var changeSlide = function changeSlide(spec, options) {
8726
9012
  var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;
8727
9013
  var slidesToScroll = spec.slidesToScroll,
@@ -8765,7 +9051,7 @@ var changeSlide = function changeSlide(spec, options) {
8765
9051
  targetSlide = options.index;
8766
9052
 
8767
9053
  if (infinite) {
8768
- var direction = siblingDirection(_objectSpread$4(_objectSpread$4({}, spec), {}, {
9054
+ var direction = siblingDirection(_objectSpread2(_objectSpread2({}, spec), {}, {
8769
9055
  targetSlide: targetSlide
8770
9056
  }));
8771
9057
 
@@ -8781,18 +9067,12 @@ var changeSlide = function changeSlide(spec, options) {
8781
9067
 
8782
9068
  return targetSlide;
8783
9069
  };
8784
-
8785
- innerSliderUtils.changeSlide = changeSlide;
8786
-
8787
9070
  var keyHandler = function keyHandler(e, accessibility, rtl) {
8788
9071
  if (e.target.tagName.match("TEXTAREA|INPUT|SELECT") || !accessibility) return "";
8789
9072
  if (e.keyCode === 37) return rtl ? "next" : "previous";
8790
9073
  if (e.keyCode === 39) return rtl ? "previous" : "next";
8791
9074
  return "";
8792
9075
  };
8793
-
8794
- innerSliderUtils.keyHandler = keyHandler;
8795
-
8796
9076
  var swipeStart = function swipeStart(e, swipe, draggable) {
8797
9077
  e.target.tagName === "IMG" && safePreventDefault(e);
8798
9078
  if (!swipe || !draggable && e.type.indexOf("mouse") !== -1) return "";
@@ -8806,9 +9086,6 @@ var swipeStart = function swipeStart(e, swipe, draggable) {
8806
9086
  }
8807
9087
  };
8808
9088
  };
8809
-
8810
- innerSliderUtils.swipeStart = swipeStart;
8811
-
8812
9089
  var swipeMove = function swipeMove(e, spec) {
8813
9090
  // spec also contains, trackRef and slideIndex
8814
9091
  var scrolling = spec.scrolling,
@@ -8884,10 +9161,10 @@ var swipeMove = function swipeMove(e, spec) {
8884
9161
  swipeLeft = curLeft + touchSwipeLength * positionOffset;
8885
9162
  }
8886
9163
 
8887
- state = _objectSpread$4(_objectSpread$4({}, state), {}, {
9164
+ state = _objectSpread2(_objectSpread2({}, state), {}, {
8888
9165
  touchObject: touchObject,
8889
9166
  swipeLeft: swipeLeft,
8890
- trackStyle: getTrackCSS(_objectSpread$4(_objectSpread$4({}, spec), {}, {
9167
+ trackStyle: getTrackCSS(_objectSpread2(_objectSpread2({}, spec), {}, {
8891
9168
  left: swipeLeft
8892
9169
  }))
8893
9170
  });
@@ -8903,9 +9180,6 @@ var swipeMove = function swipeMove(e, spec) {
8903
9180
 
8904
9181
  return state;
8905
9182
  };
8906
-
8907
- innerSliderUtils.swipeMove = swipeMove;
8908
-
8909
9183
  var swipeEnd = function swipeEnd(e, spec) {
8910
9184
  var dragging = spec.dragging,
8911
9185
  swipe = spec.swipe,
@@ -8980,16 +9254,13 @@ var swipeEnd = function swipeEnd(e, spec) {
8980
9254
  } else {
8981
9255
  // Adjust the track back to it's original position.
8982
9256
  var currentLeft = getTrackLeft(spec);
8983
- state["trackStyle"] = getTrackAnimateCSS(_objectSpread$4(_objectSpread$4({}, spec), {}, {
9257
+ state["trackStyle"] = getTrackAnimateCSS(_objectSpread2(_objectSpread2({}, spec), {}, {
8984
9258
  left: currentLeft
8985
9259
  }));
8986
9260
  }
8987
9261
 
8988
9262
  return state;
8989
9263
  };
8990
-
8991
- innerSliderUtils.swipeEnd = swipeEnd;
8992
-
8993
9264
  var getNavigableIndexes = function getNavigableIndexes(spec) {
8994
9265
  var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;
8995
9266
  var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;
@@ -9004,9 +9275,6 @@ var getNavigableIndexes = function getNavigableIndexes(spec) {
9004
9275
 
9005
9276
  return indexes;
9006
9277
  };
9007
-
9008
- innerSliderUtils.getNavigableIndexes = getNavigableIndexes;
9009
-
9010
9278
  var checkNavigable = function checkNavigable(spec, index) {
9011
9279
  var navigables = getNavigableIndexes(spec);
9012
9280
  var prevNavigable = 0;
@@ -9026,9 +9294,6 @@ var checkNavigable = function checkNavigable(spec, index) {
9026
9294
 
9027
9295
  return index;
9028
9296
  };
9029
-
9030
- innerSliderUtils.checkNavigable = checkNavigable;
9031
-
9032
9297
  var getSlideCount = function getSlideCount(spec) {
9033
9298
  var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;
9034
9299
 
@@ -9063,17 +9328,13 @@ var getSlideCount = function getSlideCount(spec) {
9063
9328
  return spec.slidesToScroll;
9064
9329
  }
9065
9330
  };
9066
-
9067
- innerSliderUtils.getSlideCount = getSlideCount;
9068
-
9069
9331
  var checkSpecKeys = function checkSpecKeys(spec, keysArray) {
9070
- return keysArray.reduce(function (value, key) {
9071
- return value && spec.hasOwnProperty(key);
9072
- }, true) ? null : console.error("Keys Missing:", spec);
9332
+ return (// eslint-disable-next-line no-prototype-builtins
9333
+ keysArray.reduce(function (value, key) {
9334
+ return value && spec.hasOwnProperty(key);
9335
+ }, true) ? null : console.error("Keys Missing:", spec)
9336
+ );
9073
9337
  };
9074
-
9075
- innerSliderUtils.checkSpecKeys = checkSpecKeys;
9076
-
9077
9338
  var getTrackCSS = function getTrackCSS(spec) {
9078
9339
  checkSpecKeys(spec, ["left", "variableWidth", "slideCount", "slidesToShow", "slideWidth"]);
9079
9340
  var trackWidth, trackHeight;
@@ -9095,7 +9356,7 @@ var getTrackCSS = function getTrackCSS(spec) {
9095
9356
  var WebkitTransform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)";
9096
9357
  var transform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)";
9097
9358
  var msTransform = !spec.vertical ? "translateX(" + spec.left + "px)" : "translateY(" + spec.left + "px)";
9098
- style = _objectSpread$4(_objectSpread$4({}, style), {}, {
9359
+ style = _objectSpread2(_objectSpread2({}, style), {}, {
9099
9360
  WebkitTransform: WebkitTransform,
9100
9361
  transform: transform,
9101
9362
  msTransform: msTransform
@@ -9124,9 +9385,6 @@ var getTrackCSS = function getTrackCSS(spec) {
9124
9385
 
9125
9386
  return style;
9126
9387
  };
9127
-
9128
- innerSliderUtils.getTrackCSS = getTrackCSS;
9129
-
9130
9388
  var getTrackAnimateCSS = function getTrackAnimateCSS(spec) {
9131
9389
  checkSpecKeys(spec, ["left", "variableWidth", "slideCount", "slidesToShow", "slideWidth", "speed", "cssEase"]);
9132
9390
  var style = getTrackCSS(spec); // useCSS is true by default so it can be undefined
@@ -9144,9 +9402,6 @@ var getTrackAnimateCSS = function getTrackAnimateCSS(spec) {
9144
9402
 
9145
9403
  return style;
9146
9404
  };
9147
-
9148
- innerSliderUtils.getTrackAnimateCSS = getTrackAnimateCSS;
9149
-
9150
9405
  var getTrackLeft = function getTrackLeft(spec) {
9151
9406
  if (spec.unslick) {
9152
9407
  return 0;
@@ -9231,9 +9486,6 @@ var getTrackLeft = function getTrackLeft(spec) {
9231
9486
 
9232
9487
  return targetLeft;
9233
9488
  };
9234
-
9235
- innerSliderUtils.getTrackLeft = getTrackLeft;
9236
-
9237
9489
  var getPreClones = function getPreClones(spec) {
9238
9490
  if (spec.unslick || !spec.infinite) {
9239
9491
  return 0;
@@ -9245,9 +9497,6 @@ var getPreClones = function getPreClones(spec) {
9245
9497
 
9246
9498
  return spec.slidesToShow + (spec.centerMode ? 1 : 0);
9247
9499
  };
9248
-
9249
- innerSliderUtils.getPreClones = getPreClones;
9250
-
9251
9500
  var getPostClones = function getPostClones(spec) {
9252
9501
  if (spec.unslick || !spec.infinite) {
9253
9502
  return 0;
@@ -9255,15 +9504,9 @@ var getPostClones = function getPostClones(spec) {
9255
9504
 
9256
9505
  return spec.slideCount;
9257
9506
  };
9258
-
9259
- innerSliderUtils.getPostClones = getPostClones;
9260
-
9261
9507
  var getTotalSlides = function getTotalSlides(spec) {
9262
9508
  return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);
9263
9509
  };
9264
-
9265
- innerSliderUtils.getTotalSlides = getTotalSlides;
9266
-
9267
9510
  var siblingDirection = function siblingDirection(spec) {
9268
9511
  if (spec.targetSlide > spec.currentSlide) {
9269
9512
  if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {
@@ -9279,9 +9522,6 @@ var siblingDirection = function siblingDirection(spec) {
9279
9522
  return "left";
9280
9523
  }
9281
9524
  };
9282
-
9283
- innerSliderUtils.siblingDirection = siblingDirection;
9284
-
9285
9525
  var slidesOnRight = function slidesOnRight(_ref) {
9286
9526
  var slidesToShow = _ref.slidesToShow,
9287
9527
  centerMode = _ref.centerMode,
@@ -9302,9 +9542,6 @@ var slidesOnRight = function slidesOnRight(_ref) {
9302
9542
 
9303
9543
  return slidesToShow - 1;
9304
9544
  };
9305
-
9306
- innerSliderUtils.slidesOnRight = slidesOnRight;
9307
-
9308
9545
  var slidesOnLeft = function slidesOnLeft(_ref2) {
9309
9546
  var slidesToShow = _ref2.slidesToShow,
9310
9547
  centerMode = _ref2.centerMode,
@@ -9325,61 +9562,10 @@ var slidesOnLeft = function slidesOnLeft(_ref2) {
9325
9562
 
9326
9563
  return 0;
9327
9564
  };
9328
-
9329
- innerSliderUtils.slidesOnLeft = slidesOnLeft;
9330
-
9331
9565
  var canUseDOM = function canUseDOM() {
9332
9566
  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
9333
9567
  };
9334
9568
 
9335
- innerSliderUtils.canUseDOM = canUseDOM;
9336
-
9337
- var track = {};
9338
-
9339
- Object.defineProperty(track, "__esModule", {
9340
- value: true
9341
- });
9342
- track.Track = void 0;
9343
-
9344
- var _react$3 = _interopRequireDefault$3(React);
9345
-
9346
- var _classnames$3 = _interopRequireDefault$3(classnames.exports);
9347
-
9348
- var _innerSliderUtils$3 = innerSliderUtils;
9349
-
9350
- function _interopRequireDefault$3(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9351
-
9352
- function _typeof$3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$3 = function _typeof(obj) { return typeof obj; }; } else { _typeof$3 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$3(obj); }
9353
-
9354
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
9355
-
9356
- function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9357
-
9358
- function _defineProperties$3(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
9359
-
9360
- function _createClass$3(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$3(Constructor.prototype, protoProps); if (staticProps) _defineProperties$3(Constructor, staticProps); return Constructor; }
9361
-
9362
- function _inherits$3(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$3(subClass, superClass); }
9363
-
9364
- function _setPrototypeOf$3(o, p) { _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$3(o, p); }
9365
-
9366
- function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$3(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$3(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
9367
-
9368
- function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$3(self); }
9369
-
9370
- function _assertThisInitialized$3(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
9371
-
9372
- function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
9373
-
9374
- function _getPrototypeOf$3(o) { _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$3(o); }
9375
-
9376
- function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
9377
-
9378
- function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9379
-
9380
- function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9381
-
9382
- // given specifications/props for a slide, fetch all the classes that need to be applied to the slide
9383
9569
  var getSlideClasses = function getSlideClasses(spec) {
9384
9570
  var slickActive, slickCenter, slickCloned;
9385
9571
  var centerOffset, index;
@@ -9451,7 +9637,7 @@ var getSlideStyle = function getSlideStyle(spec) {
9451
9637
  };
9452
9638
 
9453
9639
  var getKey = function getKey(child, fallbackKey) {
9454
- return child.key || fallbackKey;
9640
+ return child.key + "-" + fallbackKey;
9455
9641
  };
9456
9642
 
9457
9643
  var renderSlides = function renderSlides(spec) {
@@ -9459,13 +9645,10 @@ var renderSlides = function renderSlides(spec) {
9459
9645
  var slides = [];
9460
9646
  var preCloneSlides = [];
9461
9647
  var postCloneSlides = [];
9462
-
9463
- var childrenCount = _react$3["default"].Children.count(spec.children);
9464
-
9465
- var startIndex = (0, _innerSliderUtils$3.lazyStartIndex)(spec);
9466
- var endIndex = (0, _innerSliderUtils$3.lazyEndIndex)(spec);
9467
-
9468
- _react$3["default"].Children.forEach(spec.children, function (elem, index) {
9648
+ var childrenCount = React.Children.count(spec.children);
9649
+ var startIndex = lazyStartIndex(spec);
9650
+ var endIndex = lazyEndIndex(spec);
9651
+ React.Children.forEach(spec.children, function (elem, index) {
9469
9652
  var child;
9470
9653
  var childOnClickOptions = {
9471
9654
  message: "children",
@@ -9477,24 +9660,24 @@ var renderSlides = function renderSlides(spec) {
9477
9660
  if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {
9478
9661
  child = elem;
9479
9662
  } else {
9480
- child = /*#__PURE__*/_react$3["default"].createElement("div", null);
9663
+ child = /*#__PURE__*/React.createElement("div", null);
9481
9664
  }
9482
9665
 
9483
- var childStyle = getSlideStyle(_objectSpread$3(_objectSpread$3({}, spec), {}, {
9666
+ var childStyle = getSlideStyle(_objectSpread2(_objectSpread2({}, spec), {}, {
9484
9667
  index: index
9485
9668
  }));
9486
9669
  var slideClass = child.props.className || "";
9487
- var slideClasses = getSlideClasses(_objectSpread$3(_objectSpread$3({}, spec), {}, {
9670
+ var slideClasses = getSlideClasses(_objectSpread2(_objectSpread2({}, spec), {}, {
9488
9671
  index: index
9489
9672
  })); // push a cloned element of the desired slide
9490
9673
 
9491
- slides.push( /*#__PURE__*/_react$3["default"].cloneElement(child, {
9674
+ slides.push( /*#__PURE__*/React.cloneElement(child, {
9492
9675
  key: "original" + getKey(child, index),
9493
9676
  "data-index": index,
9494
- className: (0, _classnames$3["default"])(slideClasses, slideClass),
9677
+ className: classnames(slideClasses, slideClass),
9495
9678
  tabIndex: "-1",
9496
9679
  "aria-hidden": !slideClasses["slick-active"],
9497
- style: _objectSpread$3(_objectSpread$3({
9680
+ style: _objectSpread2(_objectSpread2({
9498
9681
  outline: "none"
9499
9682
  }, child.props.style || {}), childStyle),
9500
9683
  onClick: function onClick(e) {
@@ -9509,23 +9692,23 @@ var renderSlides = function renderSlides(spec) {
9509
9692
  if (spec.infinite && spec.fade === false) {
9510
9693
  var preCloneNo = childrenCount - index;
9511
9694
 
9512
- if (preCloneNo <= (0, _innerSliderUtils$3.getPreClones)(spec) && childrenCount !== spec.slidesToShow) {
9695
+ if (preCloneNo <= getPreClones(spec) && childrenCount !== spec.slidesToShow) {
9513
9696
  key = -preCloneNo;
9514
9697
 
9515
9698
  if (key >= startIndex) {
9516
9699
  child = elem;
9517
9700
  }
9518
9701
 
9519
- slideClasses = getSlideClasses(_objectSpread$3(_objectSpread$3({}, spec), {}, {
9702
+ slideClasses = getSlideClasses(_objectSpread2(_objectSpread2({}, spec), {}, {
9520
9703
  index: key
9521
9704
  }));
9522
- preCloneSlides.push( /*#__PURE__*/_react$3["default"].cloneElement(child, {
9705
+ preCloneSlides.push( /*#__PURE__*/React.cloneElement(child, {
9523
9706
  key: "precloned" + getKey(child, key),
9524
9707
  "data-index": key,
9525
9708
  tabIndex: "-1",
9526
- className: (0, _classnames$3["default"])(slideClasses, slideClass),
9709
+ className: classnames(slideClasses, slideClass),
9527
9710
  "aria-hidden": !slideClasses["slick-active"],
9528
- style: _objectSpread$3(_objectSpread$3({}, child.props.style || {}), childStyle),
9711
+ style: _objectSpread2(_objectSpread2({}, child.props.style || {}), childStyle),
9529
9712
  onClick: function onClick(e) {
9530
9713
  child.props && child.props.onClick && child.props.onClick(e);
9531
9714
 
@@ -9543,16 +9726,16 @@ var renderSlides = function renderSlides(spec) {
9543
9726
  child = elem;
9544
9727
  }
9545
9728
 
9546
- slideClasses = getSlideClasses(_objectSpread$3(_objectSpread$3({}, spec), {}, {
9729
+ slideClasses = getSlideClasses(_objectSpread2(_objectSpread2({}, spec), {}, {
9547
9730
  index: key
9548
9731
  }));
9549
- postCloneSlides.push( /*#__PURE__*/_react$3["default"].cloneElement(child, {
9732
+ postCloneSlides.push( /*#__PURE__*/React.cloneElement(child, {
9550
9733
  key: "postcloned" + getKey(child, key),
9551
9734
  "data-index": key,
9552
9735
  tabIndex: "-1",
9553
- className: (0, _classnames$3["default"])(slideClasses, slideClass),
9736
+ className: classnames(slideClasses, slideClass),
9554
9737
  "aria-hidden": !slideClasses["slick-active"],
9555
- style: _objectSpread$3(_objectSpread$3({}, child.props.style || {}), childStyle),
9738
+ style: _objectSpread2(_objectSpread2({}, child.props.style || {}), childStyle),
9556
9739
  onClick: function onClick(e) {
9557
9740
  child.props && child.props.onClick && child.props.onClick(e);
9558
9741
 
@@ -9573,14 +9756,14 @@ var renderSlides = function renderSlides(spec) {
9573
9756
  };
9574
9757
 
9575
9758
  var Track = /*#__PURE__*/function (_React$PureComponent) {
9576
- _inherits$3(Track, _React$PureComponent);
9759
+ _inherits(Track, _React$PureComponent);
9577
9760
 
9578
- var _super = _createSuper$3(Track);
9761
+ var _super = _createSuper(Track);
9579
9762
 
9580
9763
  function Track() {
9581
9764
  var _this;
9582
9765
 
9583
- _classCallCheck$3(this, Track);
9766
+ _classCallCheck(this, Track);
9584
9767
 
9585
9768
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
9586
9769
  args[_key] = arguments[_key];
@@ -9588,83 +9771,38 @@ var Track = /*#__PURE__*/function (_React$PureComponent) {
9588
9771
 
9589
9772
  _this = _super.call.apply(_super, [this].concat(args));
9590
9773
 
9591
- _defineProperty$3(_assertThisInitialized$3(_this), "node", null);
9774
+ _defineProperty(_assertThisInitialized(_this), "node", null);
9592
9775
 
9593
- _defineProperty$3(_assertThisInitialized$3(_this), "handleRef", function (ref) {
9776
+ _defineProperty(_assertThisInitialized(_this), "handleRef", function (ref) {
9594
9777
  _this.node = ref;
9595
9778
  });
9596
9779
 
9597
9780
  return _this;
9598
9781
  }
9599
9782
 
9600
- _createClass$3(Track, [{
9783
+ _createClass(Track, [{
9601
9784
  key: "render",
9602
- value: function render() {
9603
- var slides = renderSlides(this.props);
9604
- var _this$props = this.props,
9605
- onMouseEnter = _this$props.onMouseEnter,
9606
- onMouseOver = _this$props.onMouseOver,
9607
- onMouseLeave = _this$props.onMouseLeave;
9608
- var mouseEvents = {
9609
- onMouseEnter: onMouseEnter,
9610
- onMouseOver: onMouseOver,
9611
- onMouseLeave: onMouseLeave
9612
- };
9613
- return /*#__PURE__*/_react$3["default"].createElement("div", _extends$2({
9614
- ref: this.handleRef,
9615
- className: "slick-track",
9616
- style: this.props.trackStyle
9617
- }, mouseEvents), slides);
9618
- }
9619
- }]);
9620
-
9621
- return Track;
9622
- }(_react$3["default"].PureComponent);
9623
-
9624
- track.Track = Track;
9625
-
9626
- var dots = {};
9627
-
9628
- Object.defineProperty(dots, "__esModule", {
9629
- value: true
9630
- });
9631
- dots.Dots = void 0;
9632
-
9633
- var _react$2 = _interopRequireDefault$2(React);
9634
-
9635
- var _classnames$2 = _interopRequireDefault$2(classnames.exports);
9636
-
9637
- var _innerSliderUtils$2 = innerSliderUtils;
9638
-
9639
- function _interopRequireDefault$2(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9640
-
9641
- function _typeof$2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$2 = function _typeof(obj) { return typeof obj; }; } else { _typeof$2 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$2(obj); }
9642
-
9643
- function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
9644
-
9645
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9646
-
9647
- function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9648
-
9649
- function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9650
-
9651
- function _defineProperties$2(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
9652
-
9653
- function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); if (staticProps) _defineProperties$2(Constructor, staticProps); return Constructor; }
9654
-
9655
- function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
9656
-
9657
- function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
9658
-
9659
- function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
9660
-
9661
- function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$2(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
9662
-
9663
- function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
9664
-
9665
- function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
9785
+ value: function render() {
9786
+ var slides = renderSlides(this.props);
9787
+ var _this$props = this.props,
9788
+ onMouseEnter = _this$props.onMouseEnter,
9789
+ onMouseOver = _this$props.onMouseOver,
9790
+ onMouseLeave = _this$props.onMouseLeave;
9791
+ var mouseEvents = {
9792
+ onMouseEnter: onMouseEnter,
9793
+ onMouseOver: onMouseOver,
9794
+ onMouseLeave: onMouseLeave
9795
+ };
9796
+ return /*#__PURE__*/React.createElement("div", _extends$1({
9797
+ ref: this.handleRef,
9798
+ className: "slick-track",
9799
+ style: this.props.trackStyle
9800
+ }, mouseEvents), slides);
9801
+ }
9802
+ }]);
9666
9803
 
9667
- function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
9804
+ return Track;
9805
+ }(React.PureComponent);
9668
9806
 
9669
9807
  var getDotCount = function getDotCount(spec) {
9670
9808
  var dots;
@@ -9679,17 +9817,17 @@ var getDotCount = function getDotCount(spec) {
9679
9817
  };
9680
9818
 
9681
9819
  var Dots = /*#__PURE__*/function (_React$PureComponent) {
9682
- _inherits$2(Dots, _React$PureComponent);
9820
+ _inherits(Dots, _React$PureComponent);
9683
9821
 
9684
- var _super = _createSuper$2(Dots);
9822
+ var _super = _createSuper(Dots);
9685
9823
 
9686
9824
  function Dots() {
9687
- _classCallCheck$2(this, Dots);
9825
+ _classCallCheck(this, Dots);
9688
9826
 
9689
9827
  return _super.apply(this, arguments);
9690
9828
  }
9691
9829
 
9692
- _createClass$2(Dots, [{
9830
+ _createClass(Dots, [{
9693
9831
  key: "clickHandler",
9694
9832
  value: function clickHandler(options, e) {
9695
9833
  // In Autoplay the focus stays on clicked button even after transition
@@ -9725,12 +9863,12 @@ var Dots = /*#__PURE__*/function (_React$PureComponent) {
9725
9863
  for (var i = 0; i < dotCount; i++) {
9726
9864
  var _rightBound = (i + 1) * slidesToScroll - 1;
9727
9865
 
9728
- var rightBound = infinite ? _rightBound : (0, _innerSliderUtils$2.clamp)(_rightBound, 0, slideCount - 1);
9866
+ var rightBound = infinite ? _rightBound : clamp(_rightBound, 0, slideCount - 1);
9729
9867
 
9730
9868
  var _leftBound = rightBound - (slidesToScroll - 1);
9731
9869
 
9732
- var leftBound = infinite ? _leftBound : (0, _innerSliderUtils$2.clamp)(_leftBound, 0, slideCount - 1);
9733
- var className = (0, _classnames$2["default"])({
9870
+ var leftBound = infinite ? _leftBound : clamp(_leftBound, 0, slideCount - 1);
9871
+ var className = classnames({
9734
9872
  "slick-active": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound
9735
9873
  });
9736
9874
  var dotOptions = {
@@ -9740,82 +9878,35 @@ var Dots = /*#__PURE__*/function (_React$PureComponent) {
9740
9878
  currentSlide: currentSlide
9741
9879
  };
9742
9880
  var onClick = this.clickHandler.bind(this, dotOptions);
9743
- dots = dots.concat( /*#__PURE__*/_react$2["default"].createElement("li", {
9881
+ dots = dots.concat( /*#__PURE__*/React.createElement("li", {
9744
9882
  key: i,
9745
9883
  className: className
9746
- }, /*#__PURE__*/_react$2["default"].cloneElement(this.props.customPaging(i), {
9884
+ }, /*#__PURE__*/React.cloneElement(this.props.customPaging(i), {
9747
9885
  onClick: onClick
9748
9886
  })));
9749
9887
  }
9750
9888
 
9751
- return /*#__PURE__*/_react$2["default"].cloneElement(this.props.appendDots(dots), _objectSpread$2({
9889
+ return /*#__PURE__*/React.cloneElement(this.props.appendDots(dots), _objectSpread2({
9752
9890
  className: this.props.dotsClass
9753
9891
  }, mouseEvents));
9754
9892
  }
9755
9893
  }]);
9756
9894
 
9757
9895
  return Dots;
9758
- }(_react$2["default"].PureComponent);
9759
-
9760
- dots.Dots = Dots;
9761
-
9762
- var arrows = {};
9763
-
9764
- Object.defineProperty(arrows, "__esModule", {
9765
- value: true
9766
- });
9767
- arrows.NextArrow = arrows.PrevArrow = void 0;
9768
-
9769
- var _react$1 = _interopRequireDefault$1(React);
9770
-
9771
- var _classnames$1 = _interopRequireDefault$1(classnames.exports);
9772
-
9773
- var _innerSliderUtils$1 = innerSliderUtils;
9774
-
9775
- function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9776
-
9777
- function _typeof$1(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
9778
-
9779
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
9780
-
9781
- function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
9782
-
9783
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9784
-
9785
- function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9786
-
9787
- function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9788
-
9789
- function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
9790
-
9791
- function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
9792
-
9793
- function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
9794
-
9795
- function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
9796
-
9797
- function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
9798
-
9799
- function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$1(self); }
9800
-
9801
- function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
9802
-
9803
- function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
9804
-
9805
- function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
9896
+ }(React.PureComponent);
9806
9897
 
9807
9898
  var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
9808
- _inherits$1(PrevArrow, _React$PureComponent);
9899
+ _inherits(PrevArrow, _React$PureComponent);
9809
9900
 
9810
- var _super = _createSuper$1(PrevArrow);
9901
+ var _super = _createSuper(PrevArrow);
9811
9902
 
9812
9903
  function PrevArrow() {
9813
- _classCallCheck$1(this, PrevArrow);
9904
+ _classCallCheck(this, PrevArrow);
9814
9905
 
9815
9906
  return _super.apply(this, arguments);
9816
9907
  }
9817
9908
 
9818
- _createClass$1(PrevArrow, [{
9909
+ _createClass(PrevArrow, [{
9819
9910
  key: "clickHandler",
9820
9911
  value: function clickHandler(options, e) {
9821
9912
  if (e) {
@@ -9843,7 +9934,7 @@ var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
9843
9934
  var prevArrowProps = {
9844
9935
  key: "0",
9845
9936
  "data-role": "none",
9846
- className: (0, _classnames$1["default"])(prevClasses),
9937
+ className: classnames(prevClasses),
9847
9938
  style: {
9848
9939
  display: "block"
9849
9940
  },
@@ -9856,9 +9947,9 @@ var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
9856
9947
  var prevArrow;
9857
9948
 
9858
9949
  if (this.props.prevArrow) {
9859
- prevArrow = /*#__PURE__*/_react$1["default"].cloneElement(this.props.prevArrow, _objectSpread$1(_objectSpread$1({}, prevArrowProps), customProps));
9950
+ prevArrow = /*#__PURE__*/React.cloneElement(this.props.prevArrow, _objectSpread2(_objectSpread2({}, prevArrowProps), customProps));
9860
9951
  } else {
9861
- prevArrow = /*#__PURE__*/_react$1["default"].createElement("button", _extends$1({
9952
+ prevArrow = /*#__PURE__*/React.createElement("button", _extends$1({
9862
9953
  key: "0",
9863
9954
  type: "button"
9864
9955
  }, prevArrowProps), " ", "Previous");
@@ -9869,22 +9960,19 @@ var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
9869
9960
  }]);
9870
9961
 
9871
9962
  return PrevArrow;
9872
- }(_react$1["default"].PureComponent);
9873
-
9874
- arrows.PrevArrow = PrevArrow;
9875
-
9963
+ }(React.PureComponent);
9876
9964
  var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
9877
- _inherits$1(NextArrow, _React$PureComponent2);
9965
+ _inherits(NextArrow, _React$PureComponent2);
9878
9966
 
9879
- var _super2 = _createSuper$1(NextArrow);
9967
+ var _super2 = _createSuper(NextArrow);
9880
9968
 
9881
9969
  function NextArrow() {
9882
- _classCallCheck$1(this, NextArrow);
9970
+ _classCallCheck(this, NextArrow);
9883
9971
 
9884
9972
  return _super2.apply(this, arguments);
9885
9973
  }
9886
9974
 
9887
- _createClass$1(NextArrow, [{
9975
+ _createClass(NextArrow, [{
9888
9976
  key: "clickHandler",
9889
9977
  value: function clickHandler(options, e) {
9890
9978
  if (e) {
@@ -9904,7 +9992,7 @@ var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
9904
9992
  message: "next"
9905
9993
  });
9906
9994
 
9907
- if (!(0, _innerSliderUtils$1.canGoNext)(this.props)) {
9995
+ if (!canGoNext(this.props)) {
9908
9996
  nextClasses["slick-disabled"] = true;
9909
9997
  nextHandler = null;
9910
9998
  }
@@ -9912,7 +10000,7 @@ var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
9912
10000
  var nextArrowProps = {
9913
10001
  key: "1",
9914
10002
  "data-role": "none",
9915
- className: (0, _classnames$1["default"])(nextClasses),
10003
+ className: classnames(nextClasses),
9916
10004
  style: {
9917
10005
  display: "block"
9918
10006
  },
@@ -9925,9 +10013,9 @@ var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
9925
10013
  var nextArrow;
9926
10014
 
9927
10015
  if (this.props.nextArrow) {
9928
- nextArrow = /*#__PURE__*/_react$1["default"].cloneElement(this.props.nextArrow, _objectSpread$1(_objectSpread$1({}, nextArrowProps), customProps));
10016
+ nextArrow = /*#__PURE__*/React.cloneElement(this.props.nextArrow, _objectSpread2(_objectSpread2({}, nextArrowProps), customProps));
9929
10017
  } else {
9930
- nextArrow = /*#__PURE__*/_react$1["default"].createElement("button", _extends$1({
10018
+ nextArrow = /*#__PURE__*/React.createElement("button", _extends$1({
9931
10019
  key: "1",
9932
10020
  type: "button"
9933
10021
  }, nextArrowProps), " ", "Next");
@@ -9938,9 +10026,7 @@ var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
9938
10026
  }]);
9939
10027
 
9940
10028
  return NextArrow;
9941
- }(_react$1["default"].PureComponent);
9942
-
9943
- arrows.NextArrow = NextArrow;
10029
+ }(React.PureComponent);
9944
10030
 
9945
10031
  /**
9946
10032
  * A collection of shims that provide minimal functionality of the ES6 collections.
@@ -10869,72 +10955,6 @@ var index$1 = (function () {
10869
10955
  return ResizeObserver;
10870
10956
  })();
10871
10957
 
10872
- var ResizeObserver_es = /*#__PURE__*/Object.freeze({
10873
- __proto__: null,
10874
- 'default': index$1
10875
- });
10876
-
10877
- var require$$8 = /*@__PURE__*/getAugmentedNamespace(ResizeObserver_es);
10878
-
10879
- Object.defineProperty(innerSlider, "__esModule", {
10880
- value: true
10881
- });
10882
- innerSlider.InnerSlider = void 0;
10883
-
10884
- var _react = _interopRequireDefault(React);
10885
-
10886
- var _initialState = _interopRequireDefault(initialState);
10887
-
10888
- var _lodash = _interopRequireDefault(lodash_debounce);
10889
-
10890
- var _classnames = _interopRequireDefault(classnames.exports);
10891
-
10892
- var _innerSliderUtils = innerSliderUtils;
10893
-
10894
- var _track = track;
10895
-
10896
- var _dots = dots;
10897
-
10898
- var _arrows = arrows;
10899
-
10900
- var _resizeObserverPolyfill = _interopRequireDefault(require$$8);
10901
-
10902
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10903
-
10904
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
10905
-
10906
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
10907
-
10908
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10909
-
10910
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10911
-
10912
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
10913
-
10914
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
10915
-
10916
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
10917
-
10918
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
10919
-
10920
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
10921
-
10922
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
10923
-
10924
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
10925
-
10926
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
10927
-
10928
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
10929
-
10930
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
10931
-
10932
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
10933
-
10934
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
10935
-
10936
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
10937
-
10938
10958
  var InnerSlider = /*#__PURE__*/function (_React$Component) {
10939
10959
  _inherits(InnerSlider, _React$Component);
10940
10960
 
@@ -10959,7 +10979,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
10959
10979
  if (_this.props.adaptiveHeight && _this.list) {
10960
10980
  var elem = _this.list.querySelector("[data-index=\"".concat(_this.state.currentSlide, "\"]"));
10961
10981
 
10962
- _this.list.style.height = (0, _innerSliderUtils.getHeight)(elem) + "px";
10982
+ _this.list.style.height = getHeight(elem) + "px";
10963
10983
  }
10964
10984
  });
10965
10985
 
@@ -10967,7 +10987,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
10967
10987
  _this.props.onInit && _this.props.onInit();
10968
10988
 
10969
10989
  if (_this.props.lazyLoad) {
10970
- var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread(_objectSpread({}, _this.props), _this.state));
10990
+ var slidesToLoad = getOnDemandLazySlides(_objectSpread2(_objectSpread2({}, _this.props), _this.state));
10971
10991
 
10972
10992
  if (slidesToLoad.length > 0) {
10973
10993
  _this.setState(function (prevState) {
@@ -10982,7 +11002,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
10982
11002
  }
10983
11003
  }
10984
11004
 
10985
- var spec = _objectSpread({
11005
+ var spec = _objectSpread2({
10986
11006
  listRef: _this.list,
10987
11007
  trackRef: _this.track
10988
11008
  }, _this.props);
@@ -10990,14 +11010,14 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
10990
11010
  _this.updateState(spec, true, function () {
10991
11011
  _this.adaptHeight();
10992
11012
 
10993
- _this.props.autoplay && _this.autoPlay("update");
11013
+ _this.props.autoplay && _this.autoPlay("playing");
10994
11014
  });
10995
11015
 
10996
11016
  if (_this.props.lazyLoad === "progressive") {
10997
11017
  _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);
10998
11018
  }
10999
11019
 
11000
- _this.ro = new _resizeObserverPolyfill["default"](function () {
11020
+ _this.ro = new index$1(function () {
11001
11021
  if (_this.state.animating) {
11002
11022
  _this.onWindowResized(false); // don't set trackStyle hence don't break animation
11003
11023
 
@@ -11060,7 +11080,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11060
11080
  _this.props.onReInit && _this.props.onReInit();
11061
11081
 
11062
11082
  if (_this.props.lazyLoad) {
11063
- var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread(_objectSpread({}, _this.props), _this.state));
11083
+ var slidesToLoad = getOnDemandLazySlides(_objectSpread2(_objectSpread2({}, _this.props), _this.state));
11064
11084
 
11065
11085
  if (slidesToLoad.length > 0) {
11066
11086
  _this.setState(function (prevState) {
@@ -11080,7 +11100,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11080
11100
 
11081
11101
  _this.adaptHeight();
11082
11102
 
11083
- var spec = _objectSpread(_objectSpread({
11103
+ var spec = _objectSpread2(_objectSpread2({
11084
11104
  listRef: _this.list,
11085
11105
  trackRef: _this.track
11086
11106
  }, _this.props), _this.state);
@@ -11088,25 +11108,29 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11088
11108
  var setTrackStyle = _this.didPropsChange(prevProps);
11089
11109
 
11090
11110
  setTrackStyle && _this.updateState(spec, setTrackStyle, function () {
11091
- if (_this.state.currentSlide >= _react["default"].Children.count(_this.props.children)) {
11111
+ if (_this.state.currentSlide >= React.Children.count(_this.props.children)) {
11092
11112
  _this.changeSlide({
11093
11113
  message: "index",
11094
- index: _react["default"].Children.count(_this.props.children) - _this.props.slidesToShow,
11114
+ index: React.Children.count(_this.props.children) - _this.props.slidesToShow,
11095
11115
  currentSlide: _this.state.currentSlide
11096
11116
  });
11097
11117
  }
11098
11118
 
11099
- if (_this.props.autoplay) {
11100
- _this.autoPlay("update");
11101
- } else {
11102
- _this.pause("paused");
11119
+ if (prevProps.autoplay !== _this.props.autoplay || prevProps.autoplaySpeed !== _this.props.autoplaySpeed) {
11120
+ if (!prevProps.autoplay && _this.props.autoplay) {
11121
+ _this.autoPlay("playing");
11122
+ } else if (_this.props.autoplay) {
11123
+ _this.autoPlay("update");
11124
+ } else {
11125
+ _this.pause("paused");
11126
+ }
11103
11127
  }
11104
11128
  });
11105
11129
  });
11106
11130
 
11107
11131
  _defineProperty(_assertThisInitialized(_this), "onWindowResized", function (setTrackStyle) {
11108
11132
  if (_this.debouncedResize) _this.debouncedResize.cancel();
11109
- _this.debouncedResize = (0, _lodash["default"])(function () {
11133
+ _this.debouncedResize = debounce_1(function () {
11110
11134
  return _this.resizeWindow(setTrackStyle);
11111
11135
  }, 50);
11112
11136
 
@@ -11119,7 +11143,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11119
11143
 
11120
11144
  if (!isTrackMounted) return;
11121
11145
 
11122
- var spec = _objectSpread(_objectSpread({
11146
+ var spec = _objectSpread2(_objectSpread2({
11123
11147
  listRef: _this.list,
11124
11148
  trackRef: _this.track
11125
11149
  }, _this.props), _this.state);
@@ -11138,17 +11162,17 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11138
11162
  });
11139
11163
 
11140
11164
  _defineProperty(_assertThisInitialized(_this), "updateState", function (spec, setTrackStyle, callback) {
11141
- var updatedState = (0, _innerSliderUtils.initializedState)(spec);
11142
- spec = _objectSpread(_objectSpread(_objectSpread({}, spec), updatedState), {}, {
11165
+ var updatedState = initializedState(spec);
11166
+ spec = _objectSpread2(_objectSpread2(_objectSpread2({}, spec), updatedState), {}, {
11143
11167
  slideIndex: updatedState.currentSlide
11144
11168
  });
11145
- var targetLeft = (0, _innerSliderUtils.getTrackLeft)(spec);
11146
- spec = _objectSpread(_objectSpread({}, spec), {}, {
11169
+ var targetLeft = getTrackLeft(spec);
11170
+ spec = _objectSpread2(_objectSpread2({}, spec), {}, {
11147
11171
  left: targetLeft
11148
11172
  });
11149
- var trackStyle = (0, _innerSliderUtils.getTrackCSS)(spec);
11173
+ var trackStyle = getTrackCSS(spec);
11150
11174
 
11151
- if (setTrackStyle || _react["default"].Children.count(_this.props.children) !== _react["default"].Children.count(spec.children)) {
11175
+ if (setTrackStyle || React.Children.count(_this.props.children) !== React.Children.count(spec.children)) {
11152
11176
  updatedState["trackStyle"] = trackStyle;
11153
11177
  }
11154
11178
 
@@ -11160,10 +11184,10 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11160
11184
  var _trackWidth = 0,
11161
11185
  _trackLeft = 0;
11162
11186
  var childrenWidths = [];
11163
- var preClones = (0, _innerSliderUtils.getPreClones)(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {
11187
+ var preClones = getPreClones(_objectSpread2(_objectSpread2(_objectSpread2({}, _this.props), _this.state), {}, {
11164
11188
  slideCount: _this.props.children.length
11165
11189
  }));
11166
- var postClones = (0, _innerSliderUtils.getPostClones)(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {
11190
+ var postClones = getPostClones(_objectSpread2(_objectSpread2(_objectSpread2({}, _this.props), _this.state), {}, {
11167
11191
  slideCount: _this.props.children.length
11168
11192
  }));
11169
11193
 
@@ -11200,16 +11224,16 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11200
11224
  };
11201
11225
  }
11202
11226
 
11203
- var childrenCount = _react["default"].Children.count(_this.props.children);
11227
+ var childrenCount = React.Children.count(_this.props.children);
11204
11228
 
11205
- var spec = _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {
11229
+ var spec = _objectSpread2(_objectSpread2(_objectSpread2({}, _this.props), _this.state), {}, {
11206
11230
  slideCount: childrenCount
11207
11231
  });
11208
11232
 
11209
- var slideCount = (0, _innerSliderUtils.getPreClones)(spec) + (0, _innerSliderUtils.getPostClones)(spec) + childrenCount;
11233
+ var slideCount = getPreClones(spec) + getPostClones(spec) + childrenCount;
11210
11234
  var trackWidth = 100 / _this.props.slidesToShow * slideCount;
11211
11235
  var slideWidth = 100 / slideCount;
11212
- var trackLeft = -slideWidth * ((0, _innerSliderUtils.getPreClones)(spec) + _this.state.currentSlide) * trackWidth / 100;
11236
+ var trackLeft = -slideWidth * (getPreClones(spec) + _this.state.currentSlide) * trackWidth / 100;
11213
11237
 
11214
11238
  if (_this.props.centerMode) {
11215
11239
  trackLeft += (100 - slideWidth * trackWidth / 100) / 2;
@@ -11269,16 +11293,16 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11269
11293
  _defineProperty(_assertThisInitialized(_this), "progressiveLazyLoad", function () {
11270
11294
  var slidesToLoad = [];
11271
11295
 
11272
- var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);
11296
+ var spec = _objectSpread2(_objectSpread2({}, _this.props), _this.state);
11273
11297
 
11274
- for (var index = _this.state.currentSlide; index < _this.state.slideCount + (0, _innerSliderUtils.getPostClones)(spec); index++) {
11298
+ for (var index = _this.state.currentSlide; index < _this.state.slideCount + getPostClones(spec); index++) {
11275
11299
  if (_this.state.lazyLoadedList.indexOf(index) < 0) {
11276
11300
  slidesToLoad.push(index);
11277
11301
  break;
11278
11302
  }
11279
11303
  }
11280
11304
 
11281
- for (var _index = _this.state.currentSlide - 1; _index >= -(0, _innerSliderUtils.getPreClones)(spec); _index--) {
11305
+ for (var _index = _this.state.currentSlide - 1; _index >= -getPreClones(spec); _index--) {
11282
11306
  if (_this.state.lazyLoadedList.indexOf(_index) < 0) {
11283
11307
  slidesToLoad.push(_index);
11284
11308
  break;
@@ -11314,7 +11338,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11314
11338
 
11315
11339
  var currentSlide = _this.state.currentSlide;
11316
11340
 
11317
- var _slideHandler = (0, _innerSliderUtils.slideHandler)(_objectSpread(_objectSpread(_objectSpread({
11341
+ var _slideHandler = slideHandler(_objectSpread2(_objectSpread2(_objectSpread2({
11318
11342
  index: index
11319
11343
  }, _this.props), _this.state), {}, {
11320
11344
  trackRef: _this.track,
@@ -11365,9 +11389,9 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11365
11389
  _defineProperty(_assertThisInitialized(_this), "changeSlide", function (options) {
11366
11390
  var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
11367
11391
 
11368
- var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);
11392
+ var spec = _objectSpread2(_objectSpread2({}, _this.props), _this.state);
11369
11393
 
11370
- var targetSlide = (0, _innerSliderUtils.changeSlide)(spec, options);
11394
+ var targetSlide = changeSlide(spec, options);
11371
11395
  if (targetSlide !== 0 && !targetSlide) return;
11372
11396
 
11373
11397
  if (dontAnimate === true) {
@@ -11395,7 +11419,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11395
11419
  });
11396
11420
 
11397
11421
  _defineProperty(_assertThisInitialized(_this), "keyHandler", function (e) {
11398
- var dir = (0, _innerSliderUtils.keyHandler)(e, _this.props.accessibility, _this.props.rtl);
11422
+ var dir = keyHandler(e, _this.props.accessibility, _this.props.rtl);
11399
11423
  dir !== "" && _this.changeSlide({
11400
11424
  message: dir
11401
11425
  });
@@ -11424,12 +11448,12 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11424
11448
  _this.disableBodyScroll();
11425
11449
  }
11426
11450
 
11427
- var state = (0, _innerSliderUtils.swipeStart)(e, _this.props.swipe, _this.props.draggable);
11451
+ var state = swipeStart(e, _this.props.swipe, _this.props.draggable);
11428
11452
  state !== "" && _this.setState(state);
11429
11453
  });
11430
11454
 
11431
11455
  _defineProperty(_assertThisInitialized(_this), "swipeMove", function (e) {
11432
- var state = (0, _innerSliderUtils.swipeMove)(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {
11456
+ var state = swipeMove(e, _objectSpread2(_objectSpread2(_objectSpread2({}, _this.props), _this.state), {}, {
11433
11457
  trackRef: _this.track,
11434
11458
  listRef: _this.list,
11435
11459
  slideIndex: _this.state.currentSlide
@@ -11444,7 +11468,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11444
11468
  });
11445
11469
 
11446
11470
  _defineProperty(_assertThisInitialized(_this), "swipeEnd", function (e) {
11447
- var state = (0, _innerSliderUtils.swipeEnd)(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {
11471
+ var state = swipeEnd(e, _objectSpread2(_objectSpread2(_objectSpread2({}, _this.props), _this.state), {}, {
11448
11472
  trackRef: _this.track,
11449
11473
  listRef: _this.list,
11450
11474
  slideIndex: _this.state.currentSlide
@@ -11509,7 +11533,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11509
11533
  if (_this.props.rtl) {
11510
11534
  nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;
11511
11535
  } else {
11512
- if ((0, _innerSliderUtils.canGoNext)(_objectSpread(_objectSpread({}, _this.props), _this.state))) {
11536
+ if (canGoNext(_objectSpread2(_objectSpread2({}, _this.props), _this.state))) {
11513
11537
  nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;
11514
11538
  } else {
11515
11539
  return false;
@@ -11600,16 +11624,16 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11600
11624
  });
11601
11625
 
11602
11626
  _defineProperty(_assertThisInitialized(_this), "render", function () {
11603
- var className = (0, _classnames["default"])("slick-slider", _this.props.className, {
11627
+ var className = classnames("slick-slider", _this.props.className, {
11604
11628
  "slick-vertical": _this.props.vertical,
11605
11629
  "slick-initialized": true
11606
11630
  });
11607
11631
 
11608
- var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);
11632
+ var spec = _objectSpread2(_objectSpread2({}, _this.props), _this.state);
11609
11633
 
11610
- var trackProps = (0, _innerSliderUtils.extractObject)(spec, ["fade", "cssEase", "speed", "infinite", "centerMode", "focusOnSelect", "currentSlide", "lazyLoad", "lazyLoadedList", "rtl", "slideWidth", "slideHeight", "listHeight", "vertical", "slidesToShow", "slidesToScroll", "slideCount", "trackStyle", "variableWidth", "unslick", "centerPadding", "targetSlide", "useCSS"]);
11634
+ var trackProps = extractObject(spec, ["fade", "cssEase", "speed", "infinite", "centerMode", "focusOnSelect", "currentSlide", "lazyLoad", "lazyLoadedList", "rtl", "slideWidth", "slideHeight", "listHeight", "vertical", "slidesToShow", "slidesToScroll", "slideCount", "trackStyle", "variableWidth", "unslick", "centerPadding", "targetSlide", "useCSS"]);
11611
11635
  var pauseOnHover = _this.props.pauseOnHover;
11612
- trackProps = _objectSpread(_objectSpread({}, trackProps), {}, {
11636
+ trackProps = _objectSpread2(_objectSpread2({}, trackProps), {}, {
11613
11637
  onMouseEnter: pauseOnHover ? _this.onTrackOver : null,
11614
11638
  onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,
11615
11639
  onMouseOver: pauseOnHover ? _this.onTrackOver : null,
@@ -11618,24 +11642,24 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11618
11642
  var dots;
11619
11643
 
11620
11644
  if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {
11621
- var dotProps = (0, _innerSliderUtils.extractObject)(spec, ["dotsClass", "slideCount", "slidesToShow", "currentSlide", "slidesToScroll", "clickHandler", "children", "customPaging", "infinite", "appendDots"]);
11645
+ var dotProps = extractObject(spec, ["dotsClass", "slideCount", "slidesToShow", "currentSlide", "slidesToScroll", "clickHandler", "children", "customPaging", "infinite", "appendDots"]);
11622
11646
  var pauseOnDotsHover = _this.props.pauseOnDotsHover;
11623
- dotProps = _objectSpread(_objectSpread({}, dotProps), {}, {
11647
+ dotProps = _objectSpread2(_objectSpread2({}, dotProps), {}, {
11624
11648
  clickHandler: _this.changeSlide,
11625
11649
  onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,
11626
11650
  onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,
11627
11651
  onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null
11628
11652
  });
11629
- dots = /*#__PURE__*/_react["default"].createElement(_dots.Dots, dotProps);
11653
+ dots = /*#__PURE__*/React.createElement(Dots, dotProps);
11630
11654
  }
11631
11655
 
11632
11656
  var prevArrow, nextArrow;
11633
- var arrowProps = (0, _innerSliderUtils.extractObject)(spec, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
11657
+ var arrowProps = extractObject(spec, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
11634
11658
  arrowProps.clickHandler = _this.changeSlide;
11635
11659
 
11636
11660
  if (_this.props.arrows) {
11637
- prevArrow = /*#__PURE__*/_react["default"].createElement(_arrows.PrevArrow, arrowProps);
11638
- nextArrow = /*#__PURE__*/_react["default"].createElement(_arrows.NextArrow, arrowProps);
11661
+ prevArrow = /*#__PURE__*/React.createElement(PrevArrow, arrowProps);
11662
+ nextArrow = /*#__PURE__*/React.createElement(NextArrow, arrowProps);
11639
11663
  }
11640
11664
 
11641
11665
  var verticalHeightStyle = null;
@@ -11662,7 +11686,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11662
11686
  }
11663
11687
  }
11664
11688
 
11665
- var listStyle = _objectSpread(_objectSpread({}, verticalHeightStyle), centerPaddingStyle);
11689
+ var listStyle = _objectSpread2(_objectSpread2({}, verticalHeightStyle), centerPaddingStyle);
11666
11690
 
11667
11691
  var touchMove = _this.props.touchMove;
11668
11692
  var listProps = {
@@ -11694,18 +11718,18 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11694
11718
  };
11695
11719
  }
11696
11720
 
11697
- return /*#__PURE__*/_react["default"].createElement("div", innerSliderProps, !_this.props.unslick ? prevArrow : "", /*#__PURE__*/_react["default"].createElement("div", _extends({
11721
+ return /*#__PURE__*/React.createElement("div", innerSliderProps, !_this.props.unslick ? prevArrow : "", /*#__PURE__*/React.createElement("div", _extends$1({
11698
11722
  ref: _this.listRefHandler
11699
- }, listProps), /*#__PURE__*/_react["default"].createElement(_track.Track, _extends({
11723
+ }, listProps), /*#__PURE__*/React.createElement(Track, _extends$1({
11700
11724
  ref: _this.trackRefHandler
11701
11725
  }, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : "", !_this.props.unslick ? dots : "");
11702
11726
  });
11703
11727
 
11704
11728
  _this.list = null;
11705
11729
  _this.track = null;
11706
- _this.state = _objectSpread(_objectSpread({}, _initialState["default"]), {}, {
11730
+ _this.state = _objectSpread2(_objectSpread2({}, initialState), {}, {
11707
11731
  currentSlide: _this.props.initialSlide,
11708
- slideCount: _react["default"].Children.count(_this.props.children)
11732
+ slideCount: React.Children.count(_this.props.children)
11709
11733
  });
11710
11734
  _this.callbackTimers = [];
11711
11735
  _this.clickable = true;
@@ -11713,7 +11737,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11713
11737
 
11714
11738
  var ssrState = _this.ssrInit();
11715
11739
 
11716
- _this.state = _objectSpread(_objectSpread({}, _this.state), ssrState);
11740
+ _this.state = _objectSpread2(_objectSpread2({}, _this.state), ssrState);
11717
11741
  return _this;
11718
11742
  }
11719
11743
 
@@ -11725,6 +11749,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11725
11749
  for (var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++) {
11726
11750
  var key = _Object$keys[_i3];
11727
11751
 
11752
+ // eslint-disable-next-line no-prototype-builtins
11728
11753
  if (!prevProps.hasOwnProperty(key)) {
11729
11754
  setTrackStyle = true;
11730
11755
  break;
@@ -11740,14 +11765,12 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
11740
11765
  }
11741
11766
  }
11742
11767
 
11743
- return setTrackStyle || _react["default"].Children.count(this.props.children) !== _react["default"].Children.count(prevProps.children);
11768
+ return setTrackStyle || React.Children.count(this.props.children) !== React.Children.count(prevProps.children);
11744
11769
  }
11745
11770
  }]);
11746
11771
 
11747
11772
  return InnerSlider;
11748
- }(_react["default"].Component);
11749
-
11750
- innerSlider.InnerSlider = InnerSlider;
11773
+ }(React.Component);
11751
11774
 
11752
11775
  var camel2hyphen$1 = function (str) {
11753
11776
  return str
@@ -11811,25 +11834,12 @@ var json2mq = function (query) {
11811
11834
 
11812
11835
  var json2mq_1 = json2mq;
11813
11836
 
11814
- var defaultProps = {};
11815
-
11816
- (function (exports) {
11817
-
11818
- Object.defineProperty(exports, "__esModule", {
11819
- value: true
11820
- });
11821
- exports["default"] = void 0;
11822
-
11823
- var _react = _interopRequireDefault(React);
11824
-
11825
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11826
-
11827
11837
  var defaultProps = {
11828
11838
  accessibility: true,
11829
11839
  adaptiveHeight: false,
11830
11840
  afterChange: null,
11831
11841
  appendDots: function appendDots(dots) {
11832
- return /*#__PURE__*/_react["default"].createElement("ul", {
11842
+ return /*#__PURE__*/React.createElement("ul", {
11833
11843
  style: {
11834
11844
  display: "block"
11835
11845
  }
@@ -11844,7 +11854,7 @@ var defaultProps = {
11844
11854
  className: "",
11845
11855
  cssEase: "ease",
11846
11856
  customPaging: function customPaging(i) {
11847
- return /*#__PURE__*/_react["default"].createElement("button", null, i + 1);
11857
+ return /*#__PURE__*/React.createElement("button", null, i + 1);
11848
11858
  },
11849
11859
  dots: false,
11850
11860
  dotsClass: "slick-dots",
@@ -11884,365 +11894,6 @@ var defaultProps = {
11884
11894
  vertical: false,
11885
11895
  waitForAnimate: true
11886
11896
  };
11887
- var _default = defaultProps;
11888
- exports["default"] = _default;
11889
- }(defaultProps));
11890
-
11891
- /**
11892
- * Delegate to handle a media query being matched and unmatched.
11893
- *
11894
- * @param {object} options
11895
- * @param {function} options.match callback for when the media query is matched
11896
- * @param {function} [options.unmatch] callback for when the media query is unmatched
11897
- * @param {function} [options.setup] one-time callback triggered the first time a query is matched
11898
- * @param {boolean} [options.deferSetup=false] should the setup callback be run immediately, rather than first time query is matched?
11899
- * @constructor
11900
- */
11901
-
11902
- function QueryHandler$1(options) {
11903
- this.options = options;
11904
- !options.deferSetup && this.setup();
11905
- }
11906
-
11907
- QueryHandler$1.prototype = {
11908
-
11909
- constructor : QueryHandler$1,
11910
-
11911
- /**
11912
- * coordinates setup of the handler
11913
- *
11914
- * @function
11915
- */
11916
- setup : function() {
11917
- if(this.options.setup) {
11918
- this.options.setup();
11919
- }
11920
- this.initialised = true;
11921
- },
11922
-
11923
- /**
11924
- * coordinates setup and triggering of the handler
11925
- *
11926
- * @function
11927
- */
11928
- on : function() {
11929
- !this.initialised && this.setup();
11930
- this.options.match && this.options.match();
11931
- },
11932
-
11933
- /**
11934
- * coordinates the unmatch event for the handler
11935
- *
11936
- * @function
11937
- */
11938
- off : function() {
11939
- this.options.unmatch && this.options.unmatch();
11940
- },
11941
-
11942
- /**
11943
- * called when a handler is to be destroyed.
11944
- * delegates to the destroy or unmatch callbacks, depending on availability.
11945
- *
11946
- * @function
11947
- */
11948
- destroy : function() {
11949
- this.options.destroy ? this.options.destroy() : this.off();
11950
- },
11951
-
11952
- /**
11953
- * determines equality by reference.
11954
- * if object is supplied compare options, if function, compare match callback
11955
- *
11956
- * @function
11957
- * @param {object || function} [target] the target for comparison
11958
- */
11959
- equals : function(target) {
11960
- return this.options === target || this.options.match === target;
11961
- }
11962
-
11963
- };
11964
-
11965
- var QueryHandler_1 = QueryHandler$1;
11966
-
11967
- /**
11968
- * Helper function for iterating over a collection
11969
- *
11970
- * @param collection
11971
- * @param fn
11972
- */
11973
-
11974
- function each$2(collection, fn) {
11975
- var i = 0,
11976
- length = collection.length,
11977
- cont;
11978
-
11979
- for(i; i < length; i++) {
11980
- cont = fn(collection[i], i);
11981
- if(cont === false) {
11982
- break; //allow early exit
11983
- }
11984
- }
11985
- }
11986
-
11987
- /**
11988
- * Helper function for determining whether target object is an array
11989
- *
11990
- * @param target the object under test
11991
- * @return {Boolean} true if array, false otherwise
11992
- */
11993
- function isArray$1(target) {
11994
- return Object.prototype.toString.apply(target) === '[object Array]';
11995
- }
11996
-
11997
- /**
11998
- * Helper function for determining whether target object is a function
11999
- *
12000
- * @param target the object under test
12001
- * @return {Boolean} true if function, false otherwise
12002
- */
12003
- function isFunction$1(target) {
12004
- return typeof target === 'function';
12005
- }
12006
-
12007
- var Util$1 = {
12008
- isFunction : isFunction$1,
12009
- isArray : isArray$1,
12010
- each : each$2
12011
- };
12012
-
12013
- var QueryHandler = QueryHandler_1;
12014
- var each$1 = Util$1.each;
12015
-
12016
- /**
12017
- * Represents a single media query, manages it's state and registered handlers for this query
12018
- *
12019
- * @constructor
12020
- * @param {string} query the media query string
12021
- * @param {boolean} [isUnconditional=false] whether the media query should run regardless of whether the conditions are met. Primarily for helping older browsers deal with mobile-first design
12022
- */
12023
- function MediaQuery$1(query, isUnconditional) {
12024
- this.query = query;
12025
- this.isUnconditional = isUnconditional;
12026
- this.handlers = [];
12027
- this.mql = window.matchMedia(query);
12028
-
12029
- var self = this;
12030
- this.listener = function(mql) {
12031
- // Chrome passes an MediaQueryListEvent object, while other browsers pass MediaQueryList directly
12032
- self.mql = mql.currentTarget || mql;
12033
- self.assess();
12034
- };
12035
- this.mql.addListener(this.listener);
12036
- }
12037
-
12038
- MediaQuery$1.prototype = {
12039
-
12040
- constuctor : MediaQuery$1,
12041
-
12042
- /**
12043
- * add a handler for this query, triggering if already active
12044
- *
12045
- * @param {object} handler
12046
- * @param {function} handler.match callback for when query is activated
12047
- * @param {function} [handler.unmatch] callback for when query is deactivated
12048
- * @param {function} [handler.setup] callback for immediate execution when a query handler is registered
12049
- * @param {boolean} [handler.deferSetup=false] should the setup callback be deferred until the first time the handler is matched?
12050
- */
12051
- addHandler : function(handler) {
12052
- var qh = new QueryHandler(handler);
12053
- this.handlers.push(qh);
12054
-
12055
- this.matches() && qh.on();
12056
- },
12057
-
12058
- /**
12059
- * removes the given handler from the collection, and calls it's destroy methods
12060
- *
12061
- * @param {object || function} handler the handler to remove
12062
- */
12063
- removeHandler : function(handler) {
12064
- var handlers = this.handlers;
12065
- each$1(handlers, function(h, i) {
12066
- if(h.equals(handler)) {
12067
- h.destroy();
12068
- return !handlers.splice(i,1); //remove from array and exit each early
12069
- }
12070
- });
12071
- },
12072
-
12073
- /**
12074
- * Determine whether the media query should be considered a match
12075
- *
12076
- * @return {Boolean} true if media query can be considered a match, false otherwise
12077
- */
12078
- matches : function() {
12079
- return this.mql.matches || this.isUnconditional;
12080
- },
12081
-
12082
- /**
12083
- * Clears all handlers and unbinds events
12084
- */
12085
- clear : function() {
12086
- each$1(this.handlers, function(handler) {
12087
- handler.destroy();
12088
- });
12089
- this.mql.removeListener(this.listener);
12090
- this.handlers.length = 0; //clear array
12091
- },
12092
-
12093
- /*
12094
- * Assesses the query, turning on all handlers if it matches, turning them off if it doesn't match
12095
- */
12096
- assess : function() {
12097
- var action = this.matches() ? 'on' : 'off';
12098
-
12099
- each$1(this.handlers, function(handler) {
12100
- handler[action]();
12101
- });
12102
- }
12103
- };
12104
-
12105
- var MediaQuery_1 = MediaQuery$1;
12106
-
12107
- var MediaQuery = MediaQuery_1;
12108
- var Util = Util$1;
12109
- var each = Util.each;
12110
- var isFunction = Util.isFunction;
12111
- var isArray = Util.isArray;
12112
-
12113
- /**
12114
- * Allows for registration of query handlers.
12115
- * Manages the query handler's state and is responsible for wiring up browser events
12116
- *
12117
- * @constructor
12118
- */
12119
- function MediaQueryDispatch$1 () {
12120
- if(!window.matchMedia) {
12121
- throw new Error('matchMedia not present, legacy browsers require a polyfill');
12122
- }
12123
-
12124
- this.queries = {};
12125
- this.browserIsIncapable = !window.matchMedia('only all').matches;
12126
- }
12127
-
12128
- MediaQueryDispatch$1.prototype = {
12129
-
12130
- constructor : MediaQueryDispatch$1,
12131
-
12132
- /**
12133
- * Registers a handler for the given media query
12134
- *
12135
- * @param {string} q the media query
12136
- * @param {object || Array || Function} options either a single query handler object, a function, or an array of query handlers
12137
- * @param {function} options.match fired when query matched
12138
- * @param {function} [options.unmatch] fired when a query is no longer matched
12139
- * @param {function} [options.setup] fired when handler first triggered
12140
- * @param {boolean} [options.deferSetup=false] whether setup should be run immediately or deferred until query is first matched
12141
- * @param {boolean} [shouldDegrade=false] whether this particular media query should always run on incapable browsers
12142
- */
12143
- register : function(q, options, shouldDegrade) {
12144
- var queries = this.queries,
12145
- isUnconditional = shouldDegrade && this.browserIsIncapable;
12146
-
12147
- if(!queries[q]) {
12148
- queries[q] = new MediaQuery(q, isUnconditional);
12149
- }
12150
-
12151
- //normalise to object in an array
12152
- if(isFunction(options)) {
12153
- options = { match : options };
12154
- }
12155
- if(!isArray(options)) {
12156
- options = [options];
12157
- }
12158
- each(options, function(handler) {
12159
- if (isFunction(handler)) {
12160
- handler = { match : handler };
12161
- }
12162
- queries[q].addHandler(handler);
12163
- });
12164
-
12165
- return this;
12166
- },
12167
-
12168
- /**
12169
- * unregisters a query and all it's handlers, or a specific handler for a query
12170
- *
12171
- * @param {string} q the media query to target
12172
- * @param {object || function} [handler] specific handler to unregister
12173
- */
12174
- unregister : function(q, handler) {
12175
- var query = this.queries[q];
12176
-
12177
- if(query) {
12178
- if(handler) {
12179
- query.removeHandler(handler);
12180
- }
12181
- else {
12182
- query.clear();
12183
- delete this.queries[q];
12184
- }
12185
- }
12186
-
12187
- return this;
12188
- }
12189
- };
12190
-
12191
- var MediaQueryDispatch_1 = MediaQueryDispatch$1;
12192
-
12193
- var MediaQueryDispatch = MediaQueryDispatch_1;
12194
- var src = new MediaQueryDispatch();
12195
-
12196
- (function (exports) {
12197
-
12198
- Object.defineProperty(exports, "__esModule", {
12199
- value: true
12200
- });
12201
- exports["default"] = void 0;
12202
-
12203
- var _react = _interopRequireDefault(React);
12204
-
12205
- var _innerSlider = innerSlider;
12206
-
12207
- var _json2mq = _interopRequireDefault(json2mq_1);
12208
-
12209
- var _defaultProps = _interopRequireDefault(defaultProps);
12210
-
12211
- var _innerSliderUtils = innerSliderUtils;
12212
-
12213
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12214
-
12215
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
12216
-
12217
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12218
-
12219
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
12220
-
12221
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
12222
-
12223
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
12224
-
12225
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
12226
-
12227
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
12228
-
12229
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
12230
-
12231
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
12232
-
12233
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
12234
-
12235
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
12236
-
12237
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
12238
-
12239
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
12240
-
12241
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
12242
-
12243
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12244
-
12245
- var enquire = (0, _innerSliderUtils.canUseDOM)() && src;
12246
11897
 
12247
11898
  var Slider = /*#__PURE__*/function (_React$Component) {
12248
11899
  _inherits(Slider, _React$Component);
@@ -12292,11 +11943,23 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12292
11943
  key: "media",
12293
11944
  value: function media(query, handler) {
12294
11945
  // javascript handler for css media query
12295
- enquire.register(query, handler);
11946
+ var mql = window.matchMedia(query);
11947
+
11948
+ var listener = function listener(_ref) {
11949
+ var matches = _ref.matches;
11950
+
11951
+ if (matches) {
11952
+ handler();
11953
+ }
11954
+ };
11955
+
11956
+ mql.addListener(listener);
11957
+ listener(mql);
12296
11958
 
12297
11959
  this._responsiveMediaHandlers.push({
11960
+ mql: mql,
12298
11961
  query: query,
12299
- handler: handler
11962
+ listener: listener
12300
11963
  });
12301
11964
  } // handles responsive breakpoints
12302
11965
 
@@ -12323,19 +11986,19 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12323
11986
  var bQuery;
12324
11987
 
12325
11988
  if (index === 0) {
12326
- bQuery = (0, _json2mq["default"])({
11989
+ bQuery = json2mq_1({
12327
11990
  minWidth: 0,
12328
11991
  maxWidth: breakpoint
12329
11992
  });
12330
11993
  } else {
12331
- bQuery = (0, _json2mq["default"])({
11994
+ bQuery = json2mq_1({
12332
11995
  minWidth: breakpoints[index - 1] + 1,
12333
11996
  maxWidth: breakpoint
12334
11997
  });
12335
11998
  } // when not using server side rendering
12336
11999
 
12337
12000
 
12338
- (0, _innerSliderUtils.canUseDOM)() && _this2.media(bQuery, function () {
12001
+ canUseDOM() && _this2.media(bQuery, function () {
12339
12002
  _this2.setState({
12340
12003
  breakpoint: breakpoint
12341
12004
  });
@@ -12343,10 +12006,10 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12343
12006
  }); // Register media query for full screen. Need to support resize from small to large
12344
12007
  // convert javascript object to media query string
12345
12008
 
12346
- var query = (0, _json2mq["default"])({
12009
+ var query = json2mq_1({
12347
12010
  minWidth: breakpoints.slice(-1)[0]
12348
12011
  });
12349
- (0, _innerSliderUtils.canUseDOM)() && this.media(query, function () {
12012
+ canUseDOM() && this.media(query, function () {
12350
12013
  _this2.setState({
12351
12014
  breakpoint: null
12352
12015
  });
@@ -12357,7 +12020,7 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12357
12020
  key: "componentWillUnmount",
12358
12021
  value: function componentWillUnmount() {
12359
12022
  this._responsiveMediaHandlers.forEach(function (obj) {
12360
- enquire.unregister(obj.query, obj.handler);
12023
+ obj.mql.removeListener(obj.listener);
12361
12024
  });
12362
12025
  }
12363
12026
  }, {
@@ -12372,9 +12035,9 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12372
12035
  newProps = this.props.responsive.filter(function (resp) {
12373
12036
  return resp.breakpoint === _this3.state.breakpoint;
12374
12037
  });
12375
- settings = newProps[0].settings === "unslick" ? "unslick" : _objectSpread(_objectSpread(_objectSpread({}, _defaultProps["default"]), this.props), newProps[0].settings);
12038
+ settings = newProps[0].settings === "unslick" ? "unslick" : _objectSpread2(_objectSpread2(_objectSpread2({}, defaultProps), this.props), newProps[0].settings);
12376
12039
  } else {
12377
- settings = _objectSpread(_objectSpread({}, _defaultProps["default"]), this.props);
12040
+ settings = _objectSpread2(_objectSpread2({}, defaultProps), this.props);
12378
12041
  } // force scrolling by one if centerMode is on
12379
12042
 
12380
12043
 
@@ -12401,10 +12064,9 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12401
12064
  } // makes sure that children is an array, even when there is only 1 child
12402
12065
 
12403
12066
 
12404
- var children = _react["default"].Children.toArray(this.props.children); // Children may contain false or null, so we should filter them
12067
+ var children = React.Children.toArray(this.props.children); // Children may contain false or null, so we should filter them
12405
12068
  // children may also contain string filled with spaces (in certain cases where we use jsx strings)
12406
12069
 
12407
-
12408
12070
  children = children.filter(function (child) {
12409
12071
  if (typeof child === "string") {
12410
12072
  return !!child.trim();
@@ -12433,7 +12095,7 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12433
12095
  }
12434
12096
 
12435
12097
  if (k >= children.length) break;
12436
- row.push( /*#__PURE__*/_react["default"].cloneElement(children[k], {
12098
+ row.push( /*#__PURE__*/React.cloneElement(children[k], {
12437
12099
  key: 100 * i + 10 * j + k,
12438
12100
  tabIndex: -1,
12439
12101
  style: {
@@ -12443,20 +12105,20 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12443
12105
  }));
12444
12106
  }
12445
12107
 
12446
- newSlide.push( /*#__PURE__*/_react["default"].createElement("div", {
12108
+ newSlide.push( /*#__PURE__*/React.createElement("div", {
12447
12109
  key: 10 * i + j
12448
12110
  }, row));
12449
12111
  }
12450
12112
 
12451
12113
  if (settings.variableWidth) {
12452
- newChildren.push( /*#__PURE__*/_react["default"].createElement("div", {
12114
+ newChildren.push( /*#__PURE__*/React.createElement("div", {
12453
12115
  key: i,
12454
12116
  style: {
12455
12117
  width: currentWidth
12456
12118
  }
12457
12119
  }, newSlide));
12458
12120
  } else {
12459
- newChildren.push( /*#__PURE__*/_react["default"].createElement("div", {
12121
+ newChildren.push( /*#__PURE__*/React.createElement("div", {
12460
12122
  key: i
12461
12123
  }, newSlide));
12462
12124
  }
@@ -12464,14 +12126,14 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12464
12126
 
12465
12127
  if (settings === "unslick") {
12466
12128
  var className = "regular slider " + (this.props.className || "");
12467
- return /*#__PURE__*/_react["default"].createElement("div", {
12129
+ return /*#__PURE__*/React.createElement("div", {
12468
12130
  className: className
12469
12131
  }, children);
12470
12132
  } else if (newChildren.length <= settings.slidesToShow) {
12471
12133
  settings.unslick = true;
12472
12134
  }
12473
12135
 
12474
- return /*#__PURE__*/_react["default"].createElement(_innerSlider.InnerSlider, _extends({
12136
+ return /*#__PURE__*/React.createElement(InnerSlider, _extends$1({
12475
12137
  style: this.props.style,
12476
12138
  ref: this.innerSliderRefHandler
12477
12139
  }, settings), newChildren);
@@ -12479,38 +12141,18 @@ var Slider = /*#__PURE__*/function (_React$Component) {
12479
12141
  }]);
12480
12142
 
12481
12143
  return Slider;
12482
- }(_react["default"].Component);
12483
-
12484
- exports["default"] = Slider;
12485
- }(slider));
12486
-
12487
- (function (exports) {
12488
-
12489
- Object.defineProperty(exports, "__esModule", {
12490
- value: true
12491
- });
12492
- exports["default"] = void 0;
12493
-
12494
- var _slider = _interopRequireDefault(slider);
12495
-
12496
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12497
-
12498
- var _default = _slider["default"];
12499
- exports["default"] = _default;
12500
- }(lib));
12144
+ }(React.Component);
12501
12145
 
12502
- var Slider = /*@__PURE__*/getDefaultExportFromCjs(lib);
12503
-
12504
- var StyledSlider = newStyled(Slider)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n .slick-dots {\n position: static;\n display: flex !important;\n justify-content: center;\n column-gap: ", ";\n margin-top: ", ";\n }\n .slick-prev {\n left: ", ";\n }\n .slick-next {\n right: ", ";\n }\n .slick-prev,\n .slick-next {\n width: fit-content;\n height: fit-content;\n }\n .slick-prev:before,\n .slick-next:before {\n content: none;\n }\n .slick-dots li {\n margin: 0;\n width: auto;\n line-height: 0;\n height: auto;\n }\n"], ["\n .slick-dots {\n position: static;\n display: flex !important;\n justify-content: center;\n column-gap: ", ";\n margin-top: ", ";\n }\n .slick-prev {\n left: ", ";\n }\n .slick-next {\n right: ", ";\n }\n .slick-prev,\n .slick-next {\n width: fit-content;\n height: fit-content;\n }\n .slick-prev:before,\n .slick-next:before {\n content: none;\n }\n .slick-dots li {\n margin: 0;\n width: auto;\n line-height: 0;\n height: auto;\n }\n"])), function (props) { return props.dotsSpacing + "rem"; }, function (props) { return props.dotListMarginTop + "rem"; }, function (_a) {
12146
+ var StyledSlider = newStyled(Slider)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n .slick-dots {\n position: static;\n display: flex !important;\n justify-content: center;\n column-gap: ", ";\n margin-top: ", ";\n }\n .slick-prev {\n left: ", ";\n }\n .slick-next {\n right: ", ";\n }\n .slick-prev,\n .slick-next {\n width: fit-content;\n height: fit-content;\n }\n .slick-prev:before,\n .slick-next:before {\n content: none;\n }\n .slick-dots li {\n margin: 0;\n width: auto;\n line-height: 0;\n height: auto;\n }\n"], ["\n .slick-dots {\n position: static;\n display: flex !important;\n justify-content: center;\n column-gap: ", ";\n margin-top: ", ";\n }\n .slick-prev {\n left: ", ";\n }\n .slick-next {\n right: ", ";\n }\n .slick-prev,\n .slick-next {\n width: fit-content;\n height: fit-content;\n }\n .slick-prev:before,\n .slick-next:before {\n content: none;\n }\n .slick-dots li {\n margin: 0;\n width: auto;\n line-height: 0;\n height: auto;\n }\n"])), function (props) { return props.dotsSpacing + "rem"; }, function (props) { return props.dotListMarginTop + "rem"; }, function (_a) {
12505
12147
  var arrowPaddingOffset = _a.arrowPaddingOffset, _b = _a.arrowPadding, arrowPadding = _b === void 0 ? 0 : _b;
12506
12148
  return "-" + (arrowPaddingOffset + arrowPadding) + "rem";
12507
12149
  }, function (_a) {
12508
12150
  var arrowPaddingOffset = _a.arrowPaddingOffset, _b = _a.arrowPadding, arrowPadding = _b === void 0 ? 0 : _b;
12509
12151
  return "-" + (arrowPaddingOffset + arrowPadding) + "rem";
12510
12152
  });
12511
- var templateObject_1$3;
12153
+ var templateObject_1$5;
12512
12154
 
12513
- var getStylesBySize = function (size) {
12155
+ var getStylesBySize$1 = function (size) {
12514
12156
  // rem units
12515
12157
  switch (size) {
12516
12158
  case ComponentSize.Large:
@@ -12542,7 +12184,7 @@ var getStylesBySize = function (size) {
12542
12184
  var SliderNavigation = function (_a) {
12543
12185
  var children = _a.children, infinite = _a.infinite, arrows = _a.arrows, adaptiveHeight = _a.adaptiveHeight, dotsSize = _a.dotsSize, dotListMarginTop = _a.dotListMarginTop, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b;
12544
12186
  var _c = useState(0), activeIndex = _c[0], setActiveIndex = _c[1];
12545
- var styles = getStylesBySize(dotsSize);
12187
+ var styles = getStylesBySize$1(dotsSize);
12546
12188
  var theme = useTheme();
12547
12189
  var nextArrow = arrows && (jsx(ArrowButton, { direction: "right", width: arrows.arrowWidth, height: arrows.arrowHeight }, void 0));
12548
12190
  var prevArrow = arrows && (jsx(ArrowButton, { direction: "left", width: arrows.arrowWidth, height: arrows.arrowHeight }, void 0));
@@ -12564,13 +12206,13 @@ var SliderNavigation = function (_a) {
12564
12206
  return (jsx("div", __assign({ css: { padding: arrows ? "0 " + (arrows.arrowWidth + arrows.arrowPadding) + "rem" : 0 } }, { children: jsx(StyledSlider, __assign({}, settings, { arrowPadding: arrows && arrows.arrowPadding, dotListMarginTop: dotListMarginTop, arrowPaddingOffset: arrows ? arrows.arrowWidth : 0, dotsSpacing: styles.dotsSpacing }, { children: children }), void 0) }), void 0));
12565
12207
  };
12566
12208
 
12567
- var List = newStyled.ul(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: flex;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n margin: 0;\n padding: 0;\n"])));
12568
- var Item = newStyled.li(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n width: 1.25rem;\n list-style: none;\n margin-right: 1.5rem;\n position: relative;\n line-height: 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n .dropdownWrapper {\n visibility: visible;\n }\n }\n"], ["\n width: 1.25rem;\n list-style: none;\n margin-right: 1.5rem;\n position: relative;\n line-height: 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n .dropdownWrapper {\n visibility: visible;\n }\n }\n"])));
12209
+ var List = newStyled.ul(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n display: flex;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n margin: 0;\n padding: 0;\n"])));
12210
+ var Item = newStyled.li(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n width: 1.25rem;\n list-style: none;\n margin-right: 1.5rem;\n position: relative;\n line-height: 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n .dropdownWrapper {\n visibility: visible;\n }\n }\n"], ["\n width: 1.25rem;\n list-style: none;\n margin-right: 1.5rem;\n position: relative;\n line-height: 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n .dropdownWrapper {\n visibility: visible;\n }\n }\n"])));
12569
12211
  var DropdownWrapper = newStyled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n right: -0.938rem;\n min-width: 9.375rem;\n position: absolute;\n padding-top: 0.625rem;\n margin-top: -0.188rem;\n width: max-content;\n visibility: hidden;\n"], ["\n right: -0.938rem;\n min-width: 9.375rem;\n position: absolute;\n padding-top: 0.625rem;\n margin-top: -0.188rem;\n width: max-content;\n visibility: hidden;\n"])));
12570
12212
  var ArrowContainer = newStyled.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n transform: rotate(180deg);\n display: flex;\n justify-content: flex-start;\n margin-bottom: -0.063rem;\n padding-left: 0.938rem;\n"], ["\n transform: rotate(180deg);\n display: flex;\n justify-content: flex-start;\n margin-bottom: -0.063rem;\n padding-left: 0.938rem;\n"])));
12571
12213
  var StyledDropdown = newStyled.ul(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n"], ["\n margin: 0;\n padding: 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n"])), function (props) { return props.borderColor; });
12572
12214
  var DropdownItem = newStyled.li(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n list-style: none;\n padding: 0.813rem;\n border-bottom: 0.063rem solid ", ";\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 400;\n color: ", ";\n cursor: pointer;\n user-select: none;\n\n &:hover {\n background-color: ", ";\n }\n\n &:last-child {\n border-bottom: none;\n border-radius: 0 0 0.5rem 0.5rem;\n }\n\n &:first-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &:only-child {\n border-radius: 0.5rem;\n }\n"], ["\n list-style: none;\n padding: 0.813rem;\n border-bottom: 0.063rem solid ", ";\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 400;\n color: ", ";\n cursor: pointer;\n user-select: none;\n\n &:hover {\n background-color: ", ";\n }\n\n &:last-child {\n border-bottom: none;\n border-radius: 0 0 0.5rem 0.5rem;\n }\n\n &:first-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &:only-child {\n border-radius: 0.5rem;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; }, function (props) { return props.hoverColor; });
12573
- var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1;
12215
+ var templateObject_1$4, templateObject_2$2, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1;
12574
12216
 
12575
12217
  var DropdownListIcons = function (_a) {
12576
12218
  var items = _a.items;
@@ -12583,7 +12225,7 @@ var Dropdown = function (_a) {
12583
12225
  return (jsxs$1(DropdownWrapper, __assign({ className: "dropdownWrapper", "data-testid": "Dropdown-wrapper" }, { children: [jsx$1(ArrowContainer, { children: jsx$1(TooltipArrow, { stroke: theme.shades.gray200, fill: "#fff", width: 1.25, height: 0.75 }, void 0) }, void 0), jsx$1(StyledDropdown, __assign({ borderColor: theme.shades.gray200 }, { children: items.map(function (item, index) { return (jsx$1(DropdownItem, __assign({ onClick: item.callback, borderColor: theme.shades.gray200, color: theme.shades.gray550, hoverColor: theme.shades.gray010 }, { children: item.description }), index)); }) }), void 0)] }), void 0));
12584
12226
  };
12585
12227
 
12586
- var StyledButton = newStyled(BaseButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n width: 12.5rem;\n height: 2.5rem;\n background-color: ", ";\n cursor: pointer;\n border: none;\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n width: 12.5rem;\n height: 2.5rem;\n background-color: ", ";\n cursor: pointer;\n border: none;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.hoverBackgroundColor; });
12228
+ var StyledButton = newStyled(BaseButton)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n width: 12.5rem;\n height: 2.5rem;\n background-color: ", ";\n cursor: pointer;\n border: none;\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n width: 12.5rem;\n height: 2.5rem;\n background-color: ", ";\n cursor: pointer;\n border: none;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.hoverBackgroundColor; });
12587
12229
  var AmazonButton = function (_a) {
12588
12230
  var onClick = _a.onClick;
12589
12231
  return (jsx$1(StyledButton, __assign({ backgroundColor: "#FED865", hoverBackgroundColor: "#F1CB58", onClick: onClick }, { children: jsx$1(Icon.Payment.Amazon, { width: 5.375, height: 1.25 }, void 0) }), void 0));
@@ -12592,7 +12234,7 @@ var PaypalButton = function (_a) {
12592
12234
  var onClick = _a.onClick;
12593
12235
  return (jsx$1(StyledButton, __assign({ backgroundColor: "#ffc439", hoverBackgroundColor: "#F4BF41", onClick: onClick }, { children: jsx$1(Icon.Payment.Paypal, { width: 4.938, height: 1.25 }, void 0) }), void 0));
12594
12236
  };
12595
- var templateObject_1$1;
12237
+ var templateObject_1$3;
12596
12238
 
12597
12239
  var AmazonPaypalButtons = /*#__PURE__*/Object.freeze({
12598
12240
  __proto__: null,
@@ -12600,8 +12242,8 @@ var AmazonPaypalButtons = /*#__PURE__*/Object.freeze({
12600
12242
  PaypalButton: PaypalButton
12601
12243
  });
12602
12244
 
12603
- var Wrapper = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n width: 36.875rem;\n max-width: 100%;\n border-radius: 0.5rem;\n\n img {\n margin-right: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n width: 36.875rem;\n max-width: 100%;\n border-radius: 0.5rem;\n\n img {\n margin-right: ", ";\n }\n"])), function (props) { return props.backgroundColor; }, function (props) { return (props.rightToLeft ? '0' : '1.25rem'); });
12604
- var Col = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
12245
+ var Wrapper = newStyled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n width: 36.875rem;\n max-width: 100%;\n border-radius: 0.5rem;\n\n img {\n margin-right: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n width: 36.875rem;\n max-width: 100%;\n border-radius: 0.5rem;\n\n img {\n margin-right: ", ";\n }\n"])), function (props) { return props.backgroundColor; }, function (props) { return (props.rightToLeft ? '0' : '1.25rem'); });
12246
+ var Col = newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
12605
12247
  var Row = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n margin-left: 10px;\n\n ", "};\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n margin-left: 10px;\n\n ", "};\n"])), function (props) {
12606
12248
  return props.rightToLeft &&
12607
12249
  "\n flex-direction: row-reverse;\n justify-content: space-between;\n ";
@@ -12614,12 +12256,67 @@ var CrossSellCheckbox = function (_a) {
12614
12256
  var theme = useTheme();
12615
12257
  return (jsxs$1(Wrapper, __assign({ backgroundColor: theme.shades.gray010, rightToLeft: Boolean(rightToLeft) }, { children: [jsx$1(Checkbox, { text: "", id: "checkbox", onChange: onChange, size: ComponentSize.Small }, void 0), jsxs$1(Row, __assign({ rightToLeft: Boolean(rightToLeft) }, { children: [jsx$1(Image, { src: imageURL, alt: "Cross sell image", borderRadius: "0.5rem" }, void 0), jsxs$1(Col, { children: [jsx$1(H5, __assign({ color: theme.shades.gray700 }, { children: title }), void 0), jsxs$1(H3, __assign({ color: theme.semantic.alert }, { children: [description, jsxs$1(FreeShipping, __assign({ color: theme.shades.gray700 }, { children: [" + ", freeShippingText] }), void 0)] }), void 0)] }, void 0)] }), void 0)] }), void 0));
12616
12258
  };
12617
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
12259
+ var templateObject_1$2, templateObject_2$1, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
12618
12260
 
12619
12261
  var index = /*#__PURE__*/Object.freeze({
12620
12262
  __proto__: null,
12621
12263
  CrossSellCheckbox: CrossSellCheckbox
12622
12264
  });
12623
12265
 
12624
- export { Accordion$1 as Accordion, AccordionBox, AccordionIcon, AmazonPaypalButtons as AmazonAndPaypalButtons, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$1 as Card, CardSectionType, CategoryTag, Checkbox, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, DropdownListIcons, FitPredictor, Icon, IconButton, Image, index$3 as Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, PaymentMethod, PriceLabel, ProductGallery, ProgressBar, RadioGroupInput, Rating, Review, ScrollToTop, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, TextButton, ThemeProvider, Timer, Tooltip, Totals };
12266
+ var ImageContainer = newStyled.div(function (_a) {
12267
+ var width = _a.width, height = _a.height;
12268
+ return ({
12269
+ position: 'relative',
12270
+ width: width,
12271
+ height: height,
12272
+ });
12273
+ });
12274
+ var Container$1 = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n"])));
12275
+ var H1 = newStyled.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 0.875rem;\n font-weight: normal;\n line-height: 1.375rem;\n text-align: center;\n color: ", ";\n margin: 0.25rem 0;\n text-align: ", ";\n"], ["\n font-size: 0.875rem;\n font-weight: normal;\n line-height: 1.375rem;\n text-align: center;\n color: ", ";\n margin: 0.25rem 0;\n text-align: ", ";\n"])), function (props) { return props.theme.palette.secondary.default; }, function (props) { return props.align; });
12276
+ var getStylesBySize = function (size) {
12277
+ switch (size) {
12278
+ case ComponentSize.Medium:
12279
+ return {
12280
+ width: '10.75rem',
12281
+ height: '14.375rem',
12282
+ };
12283
+ case ComponentSize.Small:
12284
+ return {
12285
+ width: '9.813rem',
12286
+ height: '13.125rem',
12287
+ };
12288
+ /* istanbul ignore next */
12289
+ default:
12290
+ return {
12291
+ width: '10.75rem',
12292
+ height: '14.375rem',
12293
+ };
12294
+ }
12295
+ };
12296
+ var ProductItemMobile = function (_a) {
12297
+ var title = _a.title, image = _a.image, price = _a.price, rating = _a.rating, size = _a.size, tags = _a.tags, _b = _a.alignName, alignName = _b === void 0 ? 'center' : _b;
12298
+ var theme = useTheme();
12299
+ var styles = getStylesBySize(size);
12300
+ return (jsxs(Container$1, { children: [tags ? (jsxs(ImageContainer, __assign({ width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height, "data-testid": "tags-image-container" }, { children: [jsx(Image, { src: image.src, alt: image.alt, width: "100%", height: "100%" }, void 0), jsx(SeasonOfferTag, { text: tags.seasonOfferTagText, size: ComponentSize.Small, css: { position: 'absolute', top: 0, left: 0 } }, void 0), jsx(CategoryTag, { text: tags.categoryTagText, size: ComponentSize.Small, css: { position: 'absolute', bottom: '1rem', left: 0 } }, void 0)] }), void 0)) : (jsx(Image, { src: image.src, alt: image.alt, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)), jsx(H1, __assign({ theme: theme, align: alignName }, { children: title }), void 0), jsx(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color, size: ComponentSize.Small }, void 0), jsx(Rating, { size: ComponentSize.XSmall, rating: rating.rating, reviews: rating.reviews, reviewsText: "" }, void 0)] }, void 0));
12301
+ };
12302
+ var templateObject_1$1, templateObject_2;
12303
+
12304
+ var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n row-gap: 1.875rem;\n column-gap: 1.875rem;\n flex-wrap: wrap;\n"], ["\n display: flex;\n row-gap: 1.875rem;\n column-gap: 1.875rem;\n flex-wrap: wrap;\n"])));
12305
+ function withProductGrid(ProductItemComponent, data) {
12306
+ function WithProductGrid(props) {
12307
+ return (jsx$1(Container, __assign({ "data-testid": "product-grid-container" }, { children: data.map(function (product, index) { return (jsx$1(ProductItemComponent, __assign({}, product, props), index)); }) }), void 0));
12308
+ }
12309
+ /* istanbul ignore next */
12310
+ var wrappedComponentName = ProductItemComponent.displayName || ProductItemComponent.name || 'Component';
12311
+ WithProductGrid.displayName = "withGrid(" + wrappedComponentName + ")";
12312
+ return WithProductGrid;
12313
+ }
12314
+ var templateObject_1;
12315
+
12316
+ var Collection = {
12317
+ ProductItemMobile: ProductItemMobile,
12318
+ withProductGrid: withProductGrid,
12319
+ };
12320
+
12321
+ export { Accordion$1 as Accordion, AccordionBox, AccordionIcon, AmazonPaypalButtons as AmazonAndPaypalButtons, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$1 as Card, CardSectionType, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, DropdownListIcons, FitPredictor, Icon, IconButton, Image, index$3 as Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, PaymentMethod, PriceLabel, ProductGallery, ProgressBar, RadioGroupInput, Rating, Review, ScrollToTop, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, StarList, TextButton, ThemeProvider, Timer, Tooltip, Totals };
12625
12322
  //# sourceMappingURL=index.esm.js.map