@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.cjs.js +70 -77
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +70 -78
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/alert/Alert.js +0 -1
- package/src/components/atoms/country-dropdown/CountryDropdown.js +1 -3
- package/src/components/atoms/dropdown/Dropdown.js +10 -9
- package/src/components/atoms/form-layouts/FormInput.js +3 -3
- package/src/components/atoms/form-select/FormSelect.js +18 -17
- package/src/components/molecules/address-form/AddressForm.js +3 -12
- package/src/components/molecules/partial-amount-form/PartialAmountForm.state.js +40 -22
- package/src/components/molecules/partial-amount-form/index.js +9 -2
- package/dist/src/apps/checkout/pages/payment/sub-pages/payment-amount/PaymentAmount_old.js +0 -49322
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/.DS_Store +0 -0
- /package/src/components/atoms/icons/{ExternalLinkIcon.js → ExternalLinkicon.js} +0 -0
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
|
-
|
|
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
|
|
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-
|
|
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
|
|
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
|
-
},
|
|
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
|
-
|
|
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
|
-
}
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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: "
|
|
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
|
-
|
|
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
|
|
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 =
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|