@thecb/components 8.4.11-beta.8 → 8.4.12-beta.0

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.esm.js CHANGED
@@ -18810,8 +18810,7 @@ var Alert = function Alert(_ref) {
18810
18810
  borderColor: themeValues.border,
18811
18811
  borderSize: noBorder ? "0px" : "1px",
18812
18812
  boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
18813
- extraStyles: extraStyles,
18814
- role: "alert"
18813
+ extraStyles: extraStyles
18815
18814
  }, maxContentWidth ? /*#__PURE__*/React.createElement(Center, {
18816
18815
  maxWidth: maxContentWidth
18817
18816
  }, content) : content);
@@ -23985,7 +23984,7 @@ var Dropdown = function Dropdown(_ref8) {
23985
23984
  "aria-labelledby": ariaLabelledby,
23986
23985
  "aria-describedby": ariaDescribedby,
23987
23986
  "aria-expanded": isOpen,
23988
- autoComplete: autocompleteValue,
23987
+ autocomplete: autocompleteValue,
23989
23988
  background: isOpen ? themeValues.hoverColor : WHITE,
23990
23989
  borderRadius: "2px",
23991
23990
  borderSize: "1px",
@@ -24005,6 +24004,7 @@ var Dropdown = function Dropdown(_ref8) {
24005
24004
  },
24006
24005
  padding: "12px",
24007
24006
  placeholder: getSelection(),
24007
+ role: "combobox",
24008
24008
  themeValues: themeValues,
24009
24009
  title: hasTitles ? getSelection() : null,
24010
24010
  type: "text",
@@ -24057,7 +24057,7 @@ var Dropdown = function Dropdown(_ref8) {
24057
24057
  }, /*#__PURE__*/React.createElement(Text$1, {
24058
24058
  variant: "p",
24059
24059
  color: choice.value === value ? WHITE : disabledValues.includes(choice.value) ? STORM_GREY : MINESHAFT_GREY,
24060
- extraStyles: "padding-left: 16px; \n cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", "; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis;")
24060
+ extraStyles: "padding-left: 16px; \n cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", "; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis;")
24061
24061
  }, choice.text));
24062
24062
  }))) : /*#__PURE__*/React.createElement(Fragment$1, null)));
24063
24063
  };
@@ -24221,19 +24221,20 @@ var FormSelect = function FormSelect(_ref) {
24221
24221
  },
24222
24222
  disabled: disabled,
24223
24223
  autocompleteValue: autocompleteValue,
24224
- smoothScroll: smoothScroll,
24225
- required: options.required
24224
+ smoothScroll: smoothScroll
24226
24225
  }), /*#__PURE__*/React.createElement(Stack, {
24227
24226
  direction: "row",
24228
24227
  justify: "space-between",
24229
- "aria-role": "alert"
24230
- }, /*#__PURE__*/React.createElement(Text$1, {
24228
+ "aria-live": "polite"
24229
+ }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React.createElement(Text$1, {
24231
24230
  color: ERROR_COLOR,
24232
24231
  variant: "pXS",
24233
24232
  weight: themeValues.fontWeight,
24234
- extraStyles: "word-break: break-word;\n font-family: Public Sans;\n &::first-letter {\n text-transform: uppercase;\n }",
24233
+ extraStyles: "word-break: break-word;\n font-family: Public Sans;\n &::first-letter {\n text-transform: uppercase;\n }",
24235
24234
  id: createIdFromString(labelTextWhenNoError, "error message")
24236
- }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : "")));
24235
+ }, errorMessages[field.errors[0]]) : /*#__PURE__*/React.createElement(Text$1, {
24236
+ extraStyles: "height: ".concat(themeValues.lineHeight, ";")
24237
+ })));
24237
24238
  };
24238
24239
 
24239
24240
  var FormSelect$1 = themeComponent(FormSelect, "FormSelect", fallbackValues$g, "default");
@@ -24981,18 +24982,14 @@ var options = [{
24981
24982
  value: "ZW"
24982
24983
  }];
24983
24984
 
24984
- var _excluded$o = ["labelTextWhenNoError", "errorMessages", "field", "fieldActions", "showErrors", "onChange"];
24985
-
24986
24985
  var CountryDropdown = function CountryDropdown(_ref) {
24987
24986
  var labelTextWhenNoError = _ref.labelTextWhenNoError,
24988
24987
  errorMessages = _ref.errorMessages,
24989
24988
  field = _ref.field,
24990
24989
  fieldActions = _ref.fieldActions,
24991
24990
  showErrors = _ref.showErrors,
24992
- onChange = _ref.onChange,
24993
- rest = _objectWithoutProperties(_ref, _excluded$o);
24994
-
24995
- return /*#__PURE__*/React.createElement(FormSelect$1, _extends({
24991
+ onChange = _ref.onChange;
24992
+ return /*#__PURE__*/React.createElement(FormSelect$1, {
24996
24993
  options: options,
24997
24994
  field: field,
24998
24995
  fieldActions: fieldActions,
@@ -25001,7 +24998,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
25001
24998
  showErrors: showErrors,
25002
24999
  onChange: onChange,
25003
25000
  autocompleteValue: "country-name"
25004
- }, rest));
25001
+ });
25005
25002
  };
25006
25003
 
25007
25004
  var DetailText = styled.p.withConfig({
@@ -25067,7 +25064,7 @@ var mobileFallbackValues$1 = {
25067
25064
  };
25068
25065
  var MOBILE_BREAKPOINT$1 = 768;
25069
25066
 
25070
- var _excluded$p = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
25067
+ var _excluded$o = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
25071
25068
  /*
25072
25069
  New responsive text component for Detail elements
25073
25070
  (Block level text elements which are smaller than "Title" elements)
@@ -25117,7 +25114,7 @@ var Detail = function Detail(_ref) {
25117
25114
  as = _ref$as === void 0 ? "p" : _ref$as,
25118
25115
  dataQa = _ref.dataQa,
25119
25116
  children = _ref.children,
25120
- rest = _objectWithoutProperties(_ref, _excluded$p);
25117
+ rest = _objectWithoutProperties(_ref, _excluded$o);
25121
25118
 
25122
25119
  return /*#__PURE__*/React.createElement(DetailText, _extends({
25123
25120
  variant: variant,
@@ -25841,7 +25838,7 @@ var fallbackValues$k = {
25841
25838
  formFooterPanel: formFooterPanel
25842
25839
  };
25843
25840
 
25844
- var _excluded$q = ["showErrors", "themeValues"],
25841
+ var _excluded$p = ["showErrors", "themeValues"],
25845
25842
  _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles", "removeFromValue"];
25846
25843
  var InputField = styled.input.withConfig({
25847
25844
  displayName: "FormInput__InputField",
@@ -25875,7 +25872,7 @@ var InputField = styled.input.withConfig({
25875
25872
  var FormattedInputField = styled(function (_ref8) {
25876
25873
  var showErrors = _ref8.showErrors,
25877
25874
  themeValues = _ref8.themeValues,
25878
- props = _objectWithoutProperties(_ref8, _excluded$q);
25875
+ props = _objectWithoutProperties(_ref8, _excluded$p);
25879
25876
 
25880
25877
  return /*#__PURE__*/React.createElement(FormattedInput, props);
25881
25878
  }).withConfig({
@@ -25946,8 +25943,7 @@ var FormInput = function FormInput(_ref15) {
25946
25943
  };
25947
25944
 
25948
25945
  return /*#__PURE__*/React.createElement(Stack, {
25949
- childGap: "0.25rem",
25950
- "aria-live": "assertive"
25946
+ childGap: "0.25rem"
25951
25947
  }, /*#__PURE__*/React.createElement(Box, {
25952
25948
  padding: "0"
25953
25949
  }, helperModal ? /*#__PURE__*/React.createElement(Cluster, {
@@ -25994,8 +25990,7 @@ var FormInput = function FormInput(_ref15) {
25994
25990
  }, showPassword ? "Hide" : "Show"), isMobile && decorator && /*#__PURE__*/React.createElement(Box, {
25995
25991
  padding: "0 0 0 auto"
25996
25992
  }, decorator)))), /*#__PURE__*/React.createElement(Box, {
25997
- padding: "0",
25998
- "aria-live": "assertive"
25993
+ padding: "0"
25999
25994
  }, formatter ? /*#__PURE__*/React.createElement(FormattedInputField, _extends({
26000
25995
  "aria-labelledby": createIdFromString(labelTextWhenNoError),
26001
25996
  "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
@@ -26037,7 +26032,7 @@ var FormInput = function FormInput(_ref15) {
26037
26032
  }, props))), /*#__PURE__*/React.createElement(Stack, {
26038
26033
  direction: "row",
26039
26034
  justify: "space-between",
26040
- "aria-role": "alert"
26035
+ "aria-live": "polite"
26041
26036
  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React.createElement(Text$1, {
26042
26037
  color: ERROR_COLOR,
26043
26038
  variant: "pXS",
@@ -26053,7 +26048,7 @@ var FormInput = function FormInput(_ref15) {
26053
26048
 
26054
26049
  var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");
26055
26050
 
26056
- var _excluded$r = ["breakpoint", "childGap", "largeChild", "largeChildSize", "children"];
26051
+ var _excluded$q = ["breakpoint", "childGap", "largeChild", "largeChildSize", "children"];
26057
26052
 
26058
26053
  var FormInputRow = function FormInputRow(_ref) {
26059
26054
  var _ref$breakpoint = _ref.breakpoint,
@@ -26063,7 +26058,7 @@ var FormInputRow = function FormInputRow(_ref) {
26063
26058
  largeChild = _ref.largeChild,
26064
26059
  largeChildSize = _ref.largeChildSize,
26065
26060
  children = _ref.children,
26066
- rest = _objectWithoutProperties(_ref, _excluded$r);
26061
+ rest = _objectWithoutProperties(_ref, _excluded$q);
26067
26062
 
26068
26063
  return /*#__PURE__*/React.createElement(Box, _extends({
26069
26064
  padding: "0"
@@ -26075,14 +26070,14 @@ var FormInputRow = function FormInputRow(_ref) {
26075
26070
  }, children));
26076
26071
  };
26077
26072
 
26078
- var _excluded$s = ["childGap", "bottomItem", "children"];
26073
+ var _excluded$r = ["childGap", "bottomItem", "children"];
26079
26074
 
26080
26075
  var FormInputColumn = function FormInputColumn(_ref) {
26081
26076
  var _ref$childGap = _ref.childGap,
26082
26077
  childGap = _ref$childGap === void 0 ? "0.5rem" : _ref$childGap,
26083
26078
  bottomItem = _ref.bottomItem,
26084
26079
  children = _ref.children,
26085
- rest = _objectWithoutProperties(_ref, _excluded$s);
26080
+ rest = _objectWithoutProperties(_ref, _excluded$r);
26086
26081
 
26087
26082
  return /*#__PURE__*/React.createElement(Stack, _extends({
26088
26083
  childGap: childGap,
@@ -26090,12 +26085,12 @@ var FormInputColumn = function FormInputColumn(_ref) {
26090
26085
  }, rest), children);
26091
26086
  };
26092
26087
 
26093
- var _excluded$t = ["themeValues", "children"];
26088
+ var _excluded$s = ["themeValues", "children"];
26094
26089
 
26095
26090
  var FormContainer = function FormContainer(_ref) {
26096
26091
  var themeValues = _ref.themeValues,
26097
26092
  children = _ref.children,
26098
- rest = _objectWithoutProperties(_ref, _excluded$t);
26093
+ rest = _objectWithoutProperties(_ref, _excluded$s);
26099
26094
 
26100
26095
  var _useContext = useContext(ThemeContext),
26101
26096
  isMobile = _useContext.isMobile;
@@ -26360,7 +26355,7 @@ var fallbackValues$o = {
26360
26355
  fontSize: fontSize$8
26361
26356
  };
26362
26357
 
26363
- var _excluded$u = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
26358
+ var _excluded$t = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
26364
26359
 
26365
26360
  var Heading = function Heading(_ref) {
26366
26361
  var themeValues = _ref.themeValues,
@@ -26380,7 +26375,7 @@ var Heading = function Heading(_ref) {
26380
26375
  as = _ref$as === void 0 ? variant : _ref$as,
26381
26376
  dataQa = _ref.dataQa,
26382
26377
  children = _ref.children,
26383
- rest = _objectWithoutProperties(_ref, _excluded$u);
26378
+ rest = _objectWithoutProperties(_ref, _excluded$t);
26384
26379
 
26385
26380
  return /*#__PURE__*/React.createElement(HeadingText, _extends({
26386
26381
  variant: variant,
@@ -26671,7 +26666,7 @@ var Loading = function Loading() {
26671
26666
  })))));
26672
26667
  };
26673
26668
 
26674
- var _excluded$v = ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"];
26669
+ var _excluded$u = ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"];
26675
26670
 
26676
26671
  var NavFooter = function NavFooter(_ref) {
26677
26672
  var leftContent = _ref.leftContent,
@@ -26687,7 +26682,7 @@ var NavFooter = function NavFooter(_ref) {
26687
26682
  footerPadding = _ref$footerPadding === void 0 ? "1.5rem 1rem" : _ref$footerPadding,
26688
26683
  isMobile = _ref.isMobile,
26689
26684
  footerWidth = _ref.footerWidth,
26690
- rest = _objectWithoutProperties(_ref, _excluded$v);
26685
+ rest = _objectWithoutProperties(_ref, _excluded$u);
26691
26686
 
26692
26687
  return /*#__PURE__*/React.createElement(Box, _extends({
26693
26688
  padding: footerPadding,
@@ -26719,7 +26714,7 @@ var NavFooter = function NavFooter(_ref) {
26719
26714
  }, rightContent)))))));
26720
26715
  };
26721
26716
 
26722
- var _excluded$w = ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"];
26717
+ var _excluded$v = ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"];
26723
26718
 
26724
26719
  var NavHeader = function NavHeader(_ref) {
26725
26720
  var leftContent = _ref.leftContent,
@@ -26729,7 +26724,7 @@ var NavHeader = function NavHeader(_ref) {
26729
26724
  isMobile = _ref.isMobile,
26730
26725
  backgroundColor = _ref.backgroundColor,
26731
26726
  headerWidth = _ref.headerWidth,
26732
- rest = _objectWithoutProperties(_ref, _excluded$w);
26727
+ rest = _objectWithoutProperties(_ref, _excluded$v);
26733
26728
 
26734
26729
  return /*#__PURE__*/React.createElement(Box, _extends({
26735
26730
  padding: "0 16px 4px",
@@ -38504,7 +38499,7 @@ var TableRowWrapper = styled.tr.withConfig({
38504
38499
  return extraStyles;
38505
38500
  });
38506
38501
 
38507
- var _excluded$x = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
38502
+ var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
38508
38503
 
38509
38504
  var TableRow = function TableRow(_ref) {
38510
38505
  var children = _ref.children,
@@ -38514,7 +38509,7 @@ var TableRow = function TableRow(_ref) {
38514
38509
  hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
38515
38510
  onClick = _ref.onClick,
38516
38511
  themeValues = _ref.themeValues,
38517
- props = _objectWithoutProperties(_ref, _excluded$x);
38512
+ props = _objectWithoutProperties(_ref, _excluded$w);
38518
38513
 
38519
38514
  return /*#__PURE__*/React.createElement(TableRowWrapper, _extends({
38520
38515
  onClick: onClick,
@@ -40368,20 +40363,17 @@ var AddressForm = function AddressForm(_ref) {
40368
40363
  actions.fields.zip.set("");
40369
40364
  }
40370
40365
  },
40371
- showErrors: showErrors,
40372
- "aria-label": "Country"
40366
+ showErrors: showErrors
40373
40367
  }), /*#__PURE__*/React.createElement(FormInput$1, {
40374
40368
  labelTextWhenNoError: "Address",
40375
40369
  errorMessages: street1ErrorMessages,
40376
- required: true,
40377
40370
  field: fields.street1,
40378
40371
  fieldActions: actions.fields.street1,
40379
40372
  showErrors: showErrors,
40380
40373
  onKeyDown: function onKeyDown(e) {
40381
40374
  return e.key === "Enter" && handleSubmit(e);
40382
40375
  },
40383
- autocomplete: "address-line1",
40384
- "aria-label": "address line 1"
40376
+ autocomplete: "address-line1"
40385
40377
  }), /*#__PURE__*/React.createElement(FormInput$1, {
40386
40378
  labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
40387
40379
  field: fields.street2,
@@ -40390,11 +40382,9 @@ var AddressForm = function AddressForm(_ref) {
40390
40382
  onKeyDown: function onKeyDown(e) {
40391
40383
  return e.key === "Enter" && handleSubmit(e);
40392
40384
  },
40393
- autocomplete: "address-line2",
40394
- "aria-label": "Apt, Suite, Unit, Floor, etc. (Optional)"
40385
+ autocomplete: "address-line2"
40395
40386
  }), /*#__PURE__*/React.createElement(FormInput$1, {
40396
40387
  labelTextWhenNoError: "City",
40397
- required: true,
40398
40388
  errorMessages: cityErrorMessages,
40399
40389
  field: fields.city,
40400
40390
  fieldActions: actions.fields.city,
@@ -40402,8 +40392,7 @@ var AddressForm = function AddressForm(_ref) {
40402
40392
  onKeyDown: function onKeyDown(e) {
40403
40393
  return e.key === "Enter" && handleSubmit(e);
40404
40394
  },
40405
- autocomplete: "city",
40406
- "aria-label": "city"
40395
+ autocomplete: "address-level2"
40407
40396
  }), /*#__PURE__*/React.createElement(FormStateDropdown, {
40408
40397
  labelTextWhenNoError: isUS ? "State" : "State or Province",
40409
40398
  errorMessages: stateProvinceErrorMessages,
@@ -40414,9 +40403,7 @@ var AddressForm = function AddressForm(_ref) {
40414
40403
  onKeyDown: function onKeyDown(e) {
40415
40404
  return e.key === "Enter" && handleSubmit(e);
40416
40405
  },
40417
- autoComplete: "administrative-area",
40418
- "aria-label": isUS ? "state" : "state or province",
40419
- required: true
40406
+ autocomplete: "address-level1"
40420
40407
  }), /*#__PURE__*/React.createElement(FormInput$1, {
40421
40408
  isNum: isUS,
40422
40409
  formatter: isUS ? zipFormat : null,
@@ -40428,11 +40415,10 @@ var AddressForm = function AddressForm(_ref) {
40428
40415
  onKeyDown: function onKeyDown(e) {
40429
40416
  return e.key === "Enter" && handleSubmit(e);
40430
40417
  },
40431
- "aria-label": "zip code",
40432
40418
  autocomplete: "postal-code"
40433
40419
  }), showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
40434
40420
  name: "address checkbox",
40435
- title: "Save address to Wallet",
40421
+ title: "Save address to wallet",
40436
40422
  checked: walletCheckboxMarked,
40437
40423
  onChange: saveToWallet
40438
40424
  })));
@@ -47807,24 +47793,7 @@ var createPartialAmountFormState = function createPartialAmountFormState(lineIte
47807
47793
  var minimum = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
47808
47794
  var blockPartialPaymentOverpay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
47809
47795
  var formConfig = lineItems.reduce(function (acc, item) {
47810
- var validators = [required(), validateSum(numberGreaterThanOrEqualTo(minimum), lineItems.filter(function (lineItem) {
47811
- return lineItem != item;
47812
- }).reduce(function (acc, curr) {
47813
- return [].concat(_toConsumableArray(acc), [curr.id]);
47814
- }, []))];
47815
-
47816
- if (!!maximum) {
47817
- validators.push(validateSum(numberLessThanOrEqualTo(maximum), lineItems.filter(function (lineItem) {
47818
- return lineItem != item;
47819
- }).reduce(function (acc, curr) {
47820
- return [].concat(_toConsumableArray(acc), [curr.id]);
47821
- }, [])));
47822
- }
47823
-
47824
- if (blockPartialPaymentOverpay) {
47825
- validators.push(numberLessThanOrEqualTo(item.amount));
47826
- }
47827
-
47796
+ var validators = createPartialAmountFormValidators(lineItems, maximum, minimum, blockPartialPaymentOverpay);
47828
47797
  return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, item.id, {
47829
47798
  validators: validators,
47830
47799
  constraints: [onlyNaturals()],
@@ -47843,6 +47812,29 @@ var createPartialAmountFormState = function createPartialAmountFormState(lineIte
47843
47812
  partialAmountFormMapDispatchToProps: mapDispatchToProps
47844
47813
  };
47845
47814
  };
47815
+ var createPartialAmountFormValidators = function createPartialAmountFormValidators(lineItems, maximum) {
47816
+ var minimum = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
47817
+ var blockPartialPaymentOverpay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
47818
+ var validators = [required(), validateSum(numberGreaterThanOrEqualTo(minimum), lineItems.filter(function (lineItem) {
47819
+ return lineItem != item;
47820
+ }).reduce(function (acc, curr) {
47821
+ return [].concat(_toConsumableArray(acc), [curr.id]);
47822
+ }, []))];
47823
+
47824
+ if (!!maximum) {
47825
+ validators.push(validateSum(numberLessThanOrEqualTo(maximum), lineItems.filter(function (lineItem) {
47826
+ return lineItem != item;
47827
+ }).reduce(function (acc, curr) {
47828
+ return [].concat(_toConsumableArray(acc), [curr.id]);
47829
+ }, [])));
47830
+ }
47831
+
47832
+ if (blockPartialPaymentOverpay) {
47833
+ validators.push(numberLessThanOrEqualTo(item.amount));
47834
+ }
47835
+
47836
+ return validators;
47837
+ };
47846
47838
 
47847
47839
  var arrowColor = WHITE;
47848
47840
  var numberColor = MATISSE_BLUE;
@@ -48148,7 +48140,7 @@ var fallbackValues$N = {
48148
48140
  labeledAmountTotal: labeledAmountTotal
48149
48141
  };
48150
48142
 
48151
- var _excluded$y = ["amount"],
48143
+ var _excluded$x = ["amount"],
48152
48144
  _excluded2$1 = ["amount"];
48153
48145
 
48154
48146
  var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
@@ -48358,7 +48350,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48358
48350
  return fee.amount > 0;
48359
48351
  }).map(function (_ref5) {
48360
48352
  var amount = _ref5.amount,
48361
- rest = _objectWithoutProperties(_ref5, _excluded$y);
48353
+ rest = _objectWithoutProperties(_ref5, _excluded$x);
48362
48354
 
48363
48355
  return _objectSpread2(_objectSpread2({}, rest), {}, {
48364
48356
  amount: displayCurrency(amount)
@@ -48792,12 +48784,12 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
48792
48784
  }, errorMessage)))));
48793
48785
  };
48794
48786
 
48795
- var _excluded$z = ["version"];
48787
+ var _excluded$y = ["version"];
48796
48788
 
48797
48789
  var TermsAndConditions = function TermsAndConditions(_ref) {
48798
48790
  var _ref$version = _ref.version,
48799
48791
  version = _ref$version === void 0 ? "v1" : _ref$version,
48800
- rest = _objectWithoutProperties(_ref, _excluded$z);
48792
+ rest = _objectWithoutProperties(_ref, _excluded$y);
48801
48793
 
48802
48794
  var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
48803
48795
  return /*#__PURE__*/React.createElement(TermsAndConditionsControl, rest);
@@ -50473,5 +50465,5 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
50473
50465
 
50474
50466
  var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$U));
50475
50467
 
50476
- export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
50468
+ export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$5 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$4 as util, withWindowSize };
50477
50469
  //# sourceMappingURL=index.esm.js.map