@thecb/components 10.6.3-beta.2 → 10.6.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.
package/dist/index.cjs.js CHANGED
@@ -15343,6 +15343,32 @@ var EmptyCartIcon = function EmptyCartIcon(_ref) {
15343
15343
  };
15344
15344
  var EmptyCartIcon$1 = themeComponent(EmptyCartIcon, "Icons", fallbackValues$2, "info");
15345
15345
 
15346
+ var _excluded$i = ["themeValues", "color", "height"];
15347
+ var EmptyCartIconV2 = function EmptyCartIconV2(_ref) {
15348
+ var themeValues = _ref.themeValues,
15349
+ color = _ref.color,
15350
+ _ref$height = _ref.height,
15351
+ height = _ref$height === void 0 ? "auto" : _ref$height,
15352
+ rest = _objectWithoutProperties(_ref, _excluded$i);
15353
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
15354
+ xmlns: "http://www.w3.org/2000/svg",
15355
+ width: "126",
15356
+ height: "113",
15357
+ viewBox: "0 0 126 113",
15358
+ style: {
15359
+ height: height,
15360
+ width: "auto"
15361
+ }
15362
+ }, rest), /*#__PURE__*/React__default.createElement("title", null, "Cart-Empty-Illustration"), /*#__PURE__*/React__default.createElement("g", {
15363
+ id: "Empty Shopping Cart Icon"
15364
+ }, /*#__PURE__*/React__default.createElement("path", {
15365
+ id: "Empty-shopping-cart",
15366
+ d: "M115.523 66.3438C115.086 67.6562 114.43 68.75 113.555 69.4062C112.68 70.2812 111.586 70.5 110.492 70.5H46.3984L47.7109 77.5H106.555C108.086 77.5 109.398 78.1562 110.492 79.4688C111.367 80.7812 111.805 82.3125 111.586 83.8438L110.273 89.3125C112.461 90.4062 113.992 91.9375 115.305 93.9062C116.617 95.875 117.273 98.0625 117.273 100.25C117.273 103.75 115.961 106.594 113.555 109C111.148 111.406 108.305 112.5 105.023 112.5C101.523 112.5 98.6797 111.406 96.2734 109C93.8672 106.594 92.7734 103.75 92.7734 100.25C92.7734 96.75 93.8672 93.9062 96.4922 91.5H50.5547C52.9609 93.9062 54.2734 96.75 54.2734 100.25C54.2734 103.75 52.9609 106.594 50.5547 109C48.1484 111.406 45.3047 112.5 42.0234 112.5C38.5234 112.5 35.6797 111.406 33.2734 109C30.8672 106.594 29.7734 103.75 29.7734 100.25C29.7734 98.0625 30.2109 96.0938 31.3047 94.125C32.3984 92.375 33.9297 90.8438 35.8984 89.5312L20.5859 14.5H5.27344C3.74219 14.5 2.42969 14.0625 1.55469 12.9688C0.460938 12.0938 0.0234375 10.7812 0.0234375 9.25V5.75C0.0234375 4.4375 0.460938 3.125 1.55469 2.03125C2.42969 1.15625 3.74219 0.5 5.27344 0.5H27.8047C28.8984 0.5 29.9922 0.9375 30.8672 1.8125C31.7422 2.6875 32.3984 3.5625 32.8359 4.65625L34.8047 14.5H120.773C122.523 14.5 123.836 15.1562 124.93 16.4688C125.805 17.7812 126.242 19.3125 125.805 20.8438L115.523 66.3438Z",
15367
+ fill: color !== null && color !== void 0 ? color : themeValues.subIconColor
15368
+ })));
15369
+ };
15370
+ var EmptyCartIconV2$1 = themeComponent(EmptyCartIconV2, "Icons", fallbackValues$2, "info");
15371
+
15346
15372
  var ShoppingCartIcon = function ShoppingCartIcon() {
15347
15373
  return /*#__PURE__*/React__default.createElement("svg", {
15348
15374
  width: "32px",
@@ -18362,7 +18388,7 @@ var KebabMenuIcon = function KebabMenuIcon() {
18362
18388
  }));
18363
18389
  };
18364
18390
 
18365
- var _excluded$i = ["iconFill", "iconWidth", "iconHeight"];
18391
+ var _excluded$j = ["iconFill", "iconWidth", "iconHeight"];
18366
18392
  var MultiCartIcon = function MultiCartIcon(_ref) {
18367
18393
  var _ref$iconFill = _ref.iconFill,
18368
18394
  iconFill = _ref$iconFill === void 0 ? "#3B5BDB" : _ref$iconFill,
@@ -18370,7 +18396,7 @@ var MultiCartIcon = function MultiCartIcon(_ref) {
18370
18396
  iconWidth = _ref$iconWidth === void 0 ? "20" : _ref$iconWidth,
18371
18397
  _ref$iconHeight = _ref.iconHeight,
18372
18398
  iconHeight = _ref$iconHeight === void 0 ? "17" : _ref$iconHeight,
18373
- rest = _objectWithoutProperties(_ref, _excluded$i);
18399
+ rest = _objectWithoutProperties(_ref, _excluded$j);
18374
18400
  return /*#__PURE__*/React__default.createElement("svg", _extends({
18375
18401
  xmlns: "http://www.w3.org/2000/svg",
18376
18402
  width: iconWidth,
@@ -18384,7 +18410,7 @@ var MultiCartIcon = function MultiCartIcon(_ref) {
18384
18410
  }));
18385
18411
  };
18386
18412
 
18387
- var _excluded$j = ["iconFill", "iconWidth", "iconHeight"];
18413
+ var _excluded$k = ["iconFill", "iconWidth", "iconHeight"];
18388
18414
  var CloseIcon = function CloseIcon(_ref) {
18389
18415
  var _ref$iconFill = _ref.iconFill,
18390
18416
  iconFill = _ref$iconFill === void 0 ? "#3B414D" : _ref$iconFill,
@@ -18392,7 +18418,7 @@ var CloseIcon = function CloseIcon(_ref) {
18392
18418
  iconWidth = _ref$iconWidth === void 0 ? "24" : _ref$iconWidth,
18393
18419
  _ref$iconHeight = _ref.iconHeight,
18394
18420
  iconHeight = _ref$iconHeight === void 0 ? "24" : _ref$iconHeight,
18395
- rest = _objectWithoutProperties(_ref, _excluded$j);
18421
+ rest = _objectWithoutProperties(_ref, _excluded$k);
18396
18422
  return /*#__PURE__*/React__default.createElement("svg", _extends({
18397
18423
  xmlns: "http://www.w3.org/2000/svg",
18398
18424
  width: iconWidth,
@@ -19387,7 +19413,7 @@ var mobileFallbackValues = {
19387
19413
  };
19388
19414
  var MOBILE_BREAKPOINT = 768;
19389
19415
 
19390
- var _excluded$k = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
19416
+ var _excluded$l = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
19391
19417
 
19392
19418
  /*
19393
19419
  New responsive text component for Title elements
@@ -19434,7 +19460,7 @@ var Title = function Title(_ref) {
19434
19460
  as = _ref$as === void 0 ? "h1" : _ref$as,
19435
19461
  dataQa = _ref.dataQa,
19436
19462
  children = _ref.children,
19437
- rest = _objectWithoutProperties(_ref, _excluded$k);
19463
+ rest = _objectWithoutProperties(_ref, _excluded$l);
19438
19464
  return /*#__PURE__*/React__default.createElement(TitleText, _extends({
19439
19465
  variant: variant,
19440
19466
  as: as,
@@ -20862,12 +20888,12 @@ var fallbackValues$8 = {
20862
20888
  linkColor: linkColor
20863
20889
  };
20864
20890
 
20865
- var _excluded$l = ["variant", "themeValues", "children"];
20891
+ var _excluded$m = ["variant", "themeValues", "children"];
20866
20892
  var BoxWithShadow = function BoxWithShadow(_ref) {
20867
20893
  var variant = _ref.variant,
20868
20894
  themeValues = _ref.themeValues,
20869
20895
  children = _ref.children,
20870
- props = _objectWithoutProperties(_ref, _excluded$l);
20896
+ props = _objectWithoutProperties(_ref, _excluded$m);
20871
20897
  var shadowRegistry = {
20872
20898
  baseStandard: "0px 3px 7px 2px ".concat(rgba$1(BLACK, 0.1), ", 0px 1px 2px 1px ").concat(rgba$1(BLACK, 0.1), ";"),
20873
20899
  baseHover: "0px 1px 7px 0px ".concat(rgba$1(BLACK, 0.3), ", 0px 1px 4px 0px ").concat(rgba$1(BLACK, 0.2), ", 0px 7px 12px 0px ").concat(rgba$1(BLACK, 0.2), ";"),
@@ -20927,7 +20953,7 @@ var fallbackValues$a = {
20927
20953
  externalLinkColor: externalLinkColor
20928
20954
  };
20929
20955
 
20930
- var _excluded$m = ["hoverColor", "activeColor", "extrastyles"];
20956
+ var _excluded$n = ["hoverColor", "activeColor", "extrastyles"];
20931
20957
  var ROYAL_BLUE$1 = ROYAL_BLUE;
20932
20958
  var LINK_TEXT_DECORATION$3 = LINK_TEXT_DECORATION;
20933
20959
 
@@ -20941,7 +20967,7 @@ var StyledExternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
20941
20967
  var hoverColor = _ref.hoverColor,
20942
20968
  activeColor = _ref.activeColor,
20943
20969
  extrastyles = _ref.extrastyles,
20944
- props = _objectWithoutProperties(_ref, _excluded$m);
20970
+ props = _objectWithoutProperties(_ref, _excluded$n);
20945
20971
  return /*#__PURE__*/React__default.createElement("a", _extends({}, props, {
20946
20972
  ref: ref
20947
20973
  }));
@@ -21016,7 +21042,7 @@ var ExternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21016
21042
  }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
21017
21043
  });
21018
21044
 
21019
- var _excluded$n = ["hoverColor", "activeColor", "active", "color", "extrastyles"];
21045
+ var _excluded$o = ["hoverColor", "activeColor", "active", "color", "extrastyles"];
21020
21046
  var ROYAL_BLUE$2 = ROYAL_BLUE;
21021
21047
  var LINK_TEXT_DECORATION$4 = LINK_TEXT_DECORATION;
21022
21048
 
@@ -21032,7 +21058,7 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
21032
21058
  active = _ref.active,
21033
21059
  color = _ref.color,
21034
21060
  extrastyles = _ref.extrastyles,
21035
- props = _objectWithoutProperties(_ref, _excluded$n);
21061
+ props = _objectWithoutProperties(_ref, _excluded$o);
21036
21062
  return /*#__PURE__*/React__default.createElement(reactRouterDom.Link, _extends({}, props, {
21037
21063
  ref: ref
21038
21064
  }));
@@ -22715,7 +22741,7 @@ _curry2(function test(pattern, str) {
22715
22741
  return _cloneRegExp(pattern).test(str);
22716
22742
  });
22717
22743
 
22718
- var _excluded$o = ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
22744
+ var _excluded$p = ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
22719
22745
  var ButtonWithLink = function ButtonWithLink(_ref) {
22720
22746
  var _ref$url = _ref.url,
22721
22747
  url = _ref$url === void 0 ? "/" : _ref$url,
@@ -22730,7 +22756,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
22730
22756
  _ref$newTab = _ref.newTab,
22731
22757
  newTab = _ref$newTab === void 0 ? false : _ref$newTab,
22732
22758
  dataQa = _ref.dataQa,
22733
- otherProps = _objectWithoutProperties(_ref, _excluded$o);
22759
+ otherProps = _objectWithoutProperties(_ref, _excluded$p);
22734
22760
  var ButtonWithLinkWrapper = function ButtonWithLinkWrapper(_ref2) {
22735
22761
  var children = _ref2.children,
22736
22762
  url = _ref2.url,
@@ -22818,7 +22844,7 @@ var ParagraphText = styled__default.p.withConfig({
22818
22844
  return extraStyles;
22819
22845
  });
22820
22846
 
22821
- var _excluded$p = ["themeValues", "weight", "color", "margin", "extraStyles", "dataQa", "children", "as"];
22847
+ var _excluded$q = ["themeValues", "weight", "color", "margin", "extraStyles", "dataQa", "children", "as"];
22822
22848
  var Paragraph = function Paragraph(_ref) {
22823
22849
  var themeValues = _ref.themeValues,
22824
22850
  _ref$weight = _ref.weight,
@@ -22832,7 +22858,7 @@ var Paragraph = function Paragraph(_ref) {
22832
22858
  dataQa = _ref.dataQa,
22833
22859
  children = _ref.children,
22834
22860
  as = _ref.as,
22835
- rest = _objectWithoutProperties(_ref, _excluded$p);
22861
+ rest = _objectWithoutProperties(_ref, _excluded$q);
22836
22862
  return /*#__PURE__*/React__default.createElement(ParagraphText, _extends({
22837
22863
  weight: weight,
22838
22864
  color: color,
@@ -26141,7 +26167,7 @@ var mobileFallbackValues$1 = {
26141
26167
  };
26142
26168
  var MOBILE_BREAKPOINT$1 = 768;
26143
26169
 
26144
- var _excluded$q = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
26170
+ var _excluded$r = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
26145
26171
 
26146
26172
  /*
26147
26173
  New responsive text component for Detail elements
@@ -26191,7 +26217,7 @@ var Detail = function Detail(_ref) {
26191
26217
  as = _ref$as === void 0 ? "p" : _ref$as,
26192
26218
  dataQa = _ref.dataQa,
26193
26219
  children = _ref.children,
26194
- rest = _objectWithoutProperties(_ref, _excluded$q);
26220
+ rest = _objectWithoutProperties(_ref, _excluded$r);
26195
26221
  return /*#__PURE__*/React__default.createElement(DetailText, _extends({
26196
26222
  variant: variant,
26197
26223
  as: as,
@@ -26901,7 +26927,7 @@ var fallbackValues$k = {
26901
26927
  formFooterPanel: formFooterPanel
26902
26928
  };
26903
26929
 
26904
- var _excluded$r = ["showErrors", "themeValues"],
26930
+ var _excluded$s = ["showErrors", "themeValues"],
26905
26931
  _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocompleteValue", "extraStyles", "removeFromValue", "dataQa", "isRequired"];
26906
26932
  var InputField = styled__default.input.withConfig({
26907
26933
  displayName: "FormInput__InputField",
@@ -26936,7 +26962,7 @@ var InputField = styled__default.input.withConfig({
26936
26962
  var FormattedInputField = styled__default(function (_ref8) {
26937
26963
  var showErrors = _ref8.showErrors,
26938
26964
  themeValues = _ref8.themeValues,
26939
- props = _objectWithoutProperties(_ref8, _excluded$r);
26965
+ props = _objectWithoutProperties(_ref8, _excluded$s);
26940
26966
  return /*#__PURE__*/React__default.createElement(FormattedInput, props);
26941
26967
  }).withConfig({
26942
26968
  displayName: "FormInput__FormattedInputField",
@@ -27108,7 +27134,7 @@ var FormInput = function FormInput(_ref15) {
27108
27134
  };
27109
27135
  var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");
27110
27136
 
27111
- var _excluded$s = ["breakpoint", "childGap", "largeChild", "largeChildSize", "children"];
27137
+ var _excluded$t = ["breakpoint", "childGap", "largeChild", "largeChildSize", "children"];
27112
27138
  var FormInputRow = function FormInputRow(_ref) {
27113
27139
  var _ref$breakpoint = _ref.breakpoint,
27114
27140
  breakpoint = _ref$breakpoint === void 0 ? "30rem" : _ref$breakpoint,
@@ -27117,7 +27143,7 @@ var FormInputRow = function FormInputRow(_ref) {
27117
27143
  largeChild = _ref.largeChild,
27118
27144
  largeChildSize = _ref.largeChildSize,
27119
27145
  children = _ref.children,
27120
- rest = _objectWithoutProperties(_ref, _excluded$s);
27146
+ rest = _objectWithoutProperties(_ref, _excluded$t);
27121
27147
  return /*#__PURE__*/React__default.createElement(Box, _extends({
27122
27148
  padding: "0"
27123
27149
  }, rest), /*#__PURE__*/React__default.createElement(Switcher, {
@@ -27128,24 +27154,24 @@ var FormInputRow = function FormInputRow(_ref) {
27128
27154
  }, children));
27129
27155
  };
27130
27156
 
27131
- var _excluded$t = ["childGap", "bottomItem", "children"];
27157
+ var _excluded$u = ["childGap", "bottomItem", "children"];
27132
27158
  var FormInputColumn = function FormInputColumn(_ref) {
27133
27159
  var _ref$childGap = _ref.childGap,
27134
27160
  childGap = _ref$childGap === void 0 ? "0.5rem" : _ref$childGap,
27135
27161
  bottomItem = _ref.bottomItem,
27136
27162
  children = _ref.children,
27137
- rest = _objectWithoutProperties(_ref, _excluded$t);
27163
+ rest = _objectWithoutProperties(_ref, _excluded$u);
27138
27164
  return /*#__PURE__*/React__default.createElement(Stack, _extends({
27139
27165
  childGap: childGap,
27140
27166
  bottomItem: bottomItem
27141
27167
  }, rest), children);
27142
27168
  };
27143
27169
 
27144
- var _excluded$u = ["themeValues", "children"];
27170
+ var _excluded$v = ["themeValues", "children"];
27145
27171
  var FormContainer = function FormContainer(_ref) {
27146
27172
  var themeValues = _ref.themeValues,
27147
27173
  children = _ref.children,
27148
- rest = _objectWithoutProperties(_ref, _excluded$u);
27174
+ rest = _objectWithoutProperties(_ref, _excluded$v);
27149
27175
  var _useContext = React.useContext(styled.ThemeContext),
27150
27176
  isMobile = _useContext.isMobile;
27151
27177
  return /*#__PURE__*/React__default.createElement(Box, _extends({
@@ -27455,7 +27481,7 @@ var fallbackValues$o = {
27455
27481
  fontSize: fontSize$8
27456
27482
  };
27457
27483
 
27458
- var _excluded$v = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
27484
+ var _excluded$w = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
27459
27485
  var Heading = function Heading(_ref) {
27460
27486
  var themeValues = _ref.themeValues,
27461
27487
  _ref$weight = _ref.weight,
@@ -27474,7 +27500,7 @@ var Heading = function Heading(_ref) {
27474
27500
  as = _ref$as === void 0 ? variant : _ref$as,
27475
27501
  dataQa = _ref.dataQa,
27476
27502
  children = _ref.children,
27477
- rest = _objectWithoutProperties(_ref, _excluded$v);
27503
+ rest = _objectWithoutProperties(_ref, _excluded$w);
27478
27504
  return /*#__PURE__*/React__default.createElement(HeadingText, _extends({
27479
27505
  variant: variant,
27480
27506
  as: as,
@@ -27675,11 +27701,11 @@ var LabeledAmountV2 = function LabeledAmountV2(_ref) {
27675
27701
  }, /*#__PURE__*/React__default.createElement("span", null, label), /*#__PURE__*/React__default.createElement("span", null, amount));
27676
27702
  };
27677
27703
 
27678
- var _excluded$w = ["version"];
27704
+ var _excluded$x = ["version"];
27679
27705
  var LabeledAmount = function LabeledAmount(_ref) {
27680
27706
  var _ref$version = _ref.version,
27681
27707
  version = _ref$version === void 0 ? "v1" : _ref$version,
27682
- rest = _objectWithoutProperties(_ref, _excluded$w);
27708
+ rest = _objectWithoutProperties(_ref, _excluded$x);
27683
27709
  var LabeledAmountComponent = version === "v1" ? LabeledAmountV1 : LabeledAmountV2;
27684
27710
  return /*#__PURE__*/React__default.createElement(LabeledAmountComponent, rest);
27685
27711
  };
@@ -27824,7 +27850,7 @@ var Loading = function Loading() {
27824
27850
  })))));
27825
27851
  };
27826
27852
 
27827
- var _excluded$x = ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"];
27853
+ var _excluded$y = ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"];
27828
27854
  var NavFooter = function NavFooter(_ref) {
27829
27855
  var leftContent = _ref.leftContent,
27830
27856
  rightContent = _ref.rightContent,
@@ -27839,7 +27865,7 @@ var NavFooter = function NavFooter(_ref) {
27839
27865
  footerPadding = _ref$footerPadding === void 0 ? "1.5rem 1rem" : _ref$footerPadding,
27840
27866
  isMobile = _ref.isMobile,
27841
27867
  footerWidth = _ref.footerWidth,
27842
- rest = _objectWithoutProperties(_ref, _excluded$x);
27868
+ rest = _objectWithoutProperties(_ref, _excluded$y);
27843
27869
  return /*#__PURE__*/React__default.createElement(Box, _extends({
27844
27870
  padding: footerPadding,
27845
27871
  background: backgroundColor,
@@ -27870,7 +27896,7 @@ var NavFooter = function NavFooter(_ref) {
27870
27896
  }, rightContent)))))));
27871
27897
  };
27872
27898
 
27873
- var _excluded$y = ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"];
27899
+ var _excluded$z = ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"];
27874
27900
  var NavHeader = function NavHeader(_ref) {
27875
27901
  var leftContent = _ref.leftContent,
27876
27902
  rightContent = _ref.rightContent,
@@ -27879,7 +27905,7 @@ var NavHeader = function NavHeader(_ref) {
27879
27905
  isMobile = _ref.isMobile,
27880
27906
  backgroundColor = _ref.backgroundColor,
27881
27907
  headerWidth = _ref.headerWidth,
27882
- rest = _objectWithoutProperties(_ref, _excluded$y);
27908
+ rest = _objectWithoutProperties(_ref, _excluded$z);
27883
27909
  return /*#__PURE__*/React__default.createElement(Box, _extends({
27884
27910
  padding: "0 16px 4px",
27885
27911
  background: backgroundColor,
@@ -39827,7 +39853,7 @@ var TableRowWrapper = styled__default.tr.withConfig({
39827
39853
  return extraStyles;
39828
39854
  });
39829
39855
 
39830
- var _excluded$z = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
39856
+ var _excluded$A = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
39831
39857
  var TableRow = function TableRow(_ref) {
39832
39858
  var children = _ref.children,
39833
39859
  extraStyles = _ref.extraStyles,
@@ -39836,7 +39862,7 @@ var TableRow = function TableRow(_ref) {
39836
39862
  hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
39837
39863
  onClick = _ref.onClick,
39838
39864
  themeValues = _ref.themeValues,
39839
- props = _objectWithoutProperties(_ref, _excluded$z);
39865
+ props = _objectWithoutProperties(_ref, _excluded$A);
39840
39866
  return /*#__PURE__*/React__default.createElement(TableRowWrapper, _extends({
39841
39867
  onClick: onClick,
39842
39868
  hoverEffect: hoverEffect,
@@ -47281,11 +47307,11 @@ var Modal$2 = function Modal(_ref) {
47281
47307
  };
47282
47308
  var ModalControlV2 = withWindowSize(Modal$2);
47283
47309
 
47284
- var _excluded$A = ["version"];
47310
+ var _excluded$B = ["version"];
47285
47311
  var Modal$3 = function Modal(_ref) {
47286
47312
  var _ref$version = _ref.version,
47287
47313
  version = _ref$version === void 0 ? "v1" : _ref$version,
47288
- rest = _objectWithoutProperties(_ref, _excluded$A);
47314
+ rest = _objectWithoutProperties(_ref, _excluded$B);
47289
47315
  var ModalControl = version === "v1" ? Modal$1 : ModalControlV2;
47290
47316
  return /*#__PURE__*/React__default.createElement(ModalControl, rest);
47291
47317
  };
@@ -48589,7 +48615,7 @@ var fallbackValues$N = {
48589
48615
  labeledAmountTotal: labeledAmountTotal
48590
48616
  };
48591
48617
 
48592
- var _excluded$B = ["amount"],
48618
+ var _excluded$C = ["amount"],
48593
48619
  _excluded2$1 = ["amount"];
48594
48620
  var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
48595
48621
  var lineItemElems = _ref.lineItemElems,
@@ -48834,7 +48860,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48834
48860
  return fee.amount > 0;
48835
48861
  }).map(function (_ref5) {
48836
48862
  var amount = _ref5.amount,
48837
- rest = _objectWithoutProperties(_ref5, _excluded$B);
48863
+ rest = _objectWithoutProperties(_ref5, _excluded$C);
48838
48864
  return _objectSpread2(_objectSpread2({}, rest), {}, {
48839
48865
  amount: displayCurrency(amount)
48840
48866
  });
@@ -48924,7 +48950,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48924
48950
  }, /*#__PURE__*/React__default.createElement(Title$1, {
48925
48951
  weight: FONT_WEIGHT_SEMIBOLD,
48926
48952
  as: "h2",
48927
- extraStyles: "font-size: 1.5rem; line-height: ".concat(isMobile ? "2.2861rem" : "2.25rem", ";"),
48953
+ extraStyles: "font-size: 1.5rem; line-height: ".concat(isMobile ? "2.2857rem" : "2.25rem", ";"),
48928
48954
  id: "payment-details-title"
48929
48955
  }, titleText), /*#__PURE__*/React__default.createElement(Title$1, {
48930
48956
  weight: FONT_WEIGHT_BOLD,
@@ -48934,7 +48960,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48934
48960
  as: "h2",
48935
48961
  weight: FONT_WEIGHT_SEMIBOLD,
48936
48962
  margin: "1rem 0 0 0",
48937
- extraStyles: "font-size: 1.5rem; line-height: ".concat(isMobile ? "2.2861rem" : "2.25rem", ";"),
48963
+ extraStyles: "font-size: 1.5rem; line-height: ".concat(isMobile ? "2.2857rem" : "2.25rem", ";"),
48938
48964
  id: "payment-details-title"
48939
48965
  }, titleText), agencySubheading);
48940
48966
  return isCollapsible ? /*#__PURE__*/React__default.createElement(Collapsible, {
@@ -49271,11 +49297,11 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
49271
49297
  }, errorMessage))))));
49272
49298
  };
49273
49299
 
49274
- var _excluded$C = ["version"];
49300
+ var _excluded$D = ["version"];
49275
49301
  var TermsAndConditions = function TermsAndConditions(_ref) {
49276
49302
  var _ref$version = _ref.version,
49277
49303
  version = _ref$version === void 0 ? "v1" : _ref$version,
49278
- rest = _objectWithoutProperties(_ref, _excluded$C);
49304
+ rest = _objectWithoutProperties(_ref, _excluded$D);
49279
49305
  var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
49280
49306
  return /*#__PURE__*/React__default.createElement(TermsAndConditionsControl, rest);
49281
49307
  };
@@ -50074,7 +50100,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
50074
50100
  }, section.content))));
50075
50101
  };
50076
50102
 
50077
- var _excluded$D = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
50103
+ var _excluded$E = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
50078
50104
 
50079
50105
  /**
50080
50106
  - The RadioSection component takes either a flat array (via the 'sections'
@@ -50122,7 +50148,7 @@ var RadioSection = function RadioSection(_ref) {
50122
50148
  _ref$isSectionRequire = _ref.isSectionRequired,
50123
50149
  isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire,
50124
50150
  groupedSections = _ref.groupedSections,
50125
- rest = _objectWithoutProperties(_ref, _excluded$D);
50151
+ rest = _objectWithoutProperties(_ref, _excluded$E);
50126
50152
  var _useState = React.useState(null),
50127
50153
  _useState2 = _slicedToArray(_useState, 2),
50128
50154
  focused = _useState2[0],
@@ -50838,7 +50864,7 @@ var PopupMenuItemContainer = styled__default(ButtonWithAction).withConfig({
50838
50864
  return "\n background-color: ".concat(isDeleteAction ? theme.menuItemHoverBackgroundColorDelete : theme.menuItemHoverBackgroundColor, ";\n ");
50839
50865
  });
50840
50866
 
50841
- var _excluded$E = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
50867
+ var _excluded$F = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
50842
50868
  var PopupMenuItem = function PopupMenuItem(_ref) {
50843
50869
  var id = _ref.id,
50844
50870
  closeMenuCallback = _ref.closeMenuCallback,
@@ -50854,7 +50880,7 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
50854
50880
  hoverStyles = _ref.hoverStyles,
50855
50881
  activeStyles = _ref.activeStyles,
50856
50882
  extraStyles = _ref.extraStyles,
50857
- rest = _objectWithoutProperties(_ref, _excluded$E);
50883
+ rest = _objectWithoutProperties(_ref, _excluded$F);
50858
50884
  return /*#__PURE__*/React__default.createElement(PopupMenuItemContainer, _extends({
50859
50885
  id: id,
50860
50886
  role: "menuItem",
@@ -51387,6 +51413,7 @@ exports.EditableList = EditableList;
51387
51413
  exports.EditableTable = EditableTable;
51388
51414
  exports.EmailForm = EmailForm;
51389
51415
  exports.EmptyCartIcon = EmptyCartIcon$1;
51416
+ exports.EmptyCartIconV2 = EmptyCartIconV2$1;
51390
51417
  exports.ErroredIcon = ErroredIcon;
51391
51418
  exports.ExternalLink = ExternalLink;
51392
51419
  exports.ExternalLinkIcon = ExternalLinkIcon;