@thecb/components 10.2.4-beta.13 → 10.2.4-beta.14
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 +78 -63
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +78 -63
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/obligation/Obligation.js +3 -0
- package/src/components/molecules/obligation/modules/AmountModule.js +3 -1
- package/src/components/molecules/obligation/modules/AmountModule.stories.js +1 -1
- package/src/components/molecules/obligation/modules/AutopayModalModule.js +12 -8
- package/src/components/molecules/obligation/modules/InactiveControlsModule.js +5 -2
- package/src/components/molecules/obligation/modules/PaymentDetailsActions.js +6 -1
- package/src/components/molecules/obligation/modules/RemoveAccountModalModule.js +3 -1
package/dist/index.cjs.js
CHANGED
|
@@ -6206,7 +6206,7 @@ return numeral;
|
|
|
6206
6206
|
}));
|
|
6207
6207
|
});
|
|
6208
6208
|
|
|
6209
|
-
var noop = function noop() {};
|
|
6209
|
+
var noop$1 = function noop() {};
|
|
6210
6210
|
var formatMoneyString = function formatMoneyString(s) {
|
|
6211
6211
|
return numeral(s).format("$0,0.00");
|
|
6212
6212
|
};
|
|
@@ -6340,7 +6340,7 @@ var wrapIndex = function wrapIndex(index, length) {
|
|
|
6340
6340
|
|
|
6341
6341
|
var general = /*#__PURE__*/Object.freeze({
|
|
6342
6342
|
__proto__: null,
|
|
6343
|
-
noop: noop,
|
|
6343
|
+
noop: noop$1,
|
|
6344
6344
|
displayCurrency: displayCurrency,
|
|
6345
6345
|
convertCentsToMoneyInt: convertCentsToMoneyInt,
|
|
6346
6346
|
formatPercent: formatPercent,
|
|
@@ -10528,7 +10528,7 @@ var isRefObject = function (ref) {
|
|
|
10528
10528
|
return typeof ref === "object" && ref.hasOwnProperty("current");
|
|
10529
10529
|
};
|
|
10530
10530
|
|
|
10531
|
-
var noop$
|
|
10531
|
+
var noop$2 = function (v) { return v; };
|
|
10532
10532
|
var ComponentDragControls = /** @class */ (function () {
|
|
10533
10533
|
function ComponentDragControls(_a) {
|
|
10534
10534
|
var ref = _a.ref, values = _a.values, controls = _a.controls;
|
|
@@ -10556,7 +10556,7 @@ var ComponentDragControls = /** @class */ (function () {
|
|
|
10556
10556
|
* @internal
|
|
10557
10557
|
*/
|
|
10558
10558
|
this.props = {
|
|
10559
|
-
transformPagePoint: noop$
|
|
10559
|
+
transformPagePoint: noop$2,
|
|
10560
10560
|
};
|
|
10561
10561
|
/**
|
|
10562
10562
|
* References to the MotionValues used for tracking the current dragged point.
|
|
@@ -12888,7 +12888,7 @@ var Spinner = function Spinner(_ref) {
|
|
|
12888
12888
|
|
|
12889
12889
|
var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
12890
12890
|
var _ref2$action = _ref2.action,
|
|
12891
|
-
action = _ref2$action === void 0 ? noop : _ref2$action,
|
|
12891
|
+
action = _ref2$action === void 0 ? noop$1 : _ref2$action,
|
|
12892
12892
|
_ref2$variant = _ref2.variant,
|
|
12893
12893
|
variant = _ref2$variant === void 0 ? "primary" : _ref2$variant,
|
|
12894
12894
|
text = _ref2.text,
|
|
@@ -12931,7 +12931,7 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
12931
12931
|
disabledStyles: disabledStyles,
|
|
12932
12932
|
"aria-disabled": disabled,
|
|
12933
12933
|
as: "button",
|
|
12934
|
-
onClick: isLoading || disabled ? noop : action,
|
|
12934
|
+
onClick: isLoading || disabled ? noop$1 : action,
|
|
12935
12935
|
borderRadius: "2px",
|
|
12936
12936
|
theme: themeContext,
|
|
12937
12937
|
extraStyles: "margin: 0.5rem; ".concat(extraStyles),
|
|
@@ -22625,7 +22625,7 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22625
22625
|
name = _ref4.name,
|
|
22626
22626
|
checked = _ref4.checked,
|
|
22627
22627
|
_ref4$onChange = _ref4.onChange,
|
|
22628
|
-
onChange = _ref4$onChange === void 0 ? noop : _ref4$onChange,
|
|
22628
|
+
onChange = _ref4$onChange === void 0 ? noop$1 : _ref4$onChange,
|
|
22629
22629
|
_ref4$disabled = _ref4.disabled,
|
|
22630
22630
|
disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
|
|
22631
22631
|
themeValues = _ref4.themeValues,
|
|
@@ -22820,7 +22820,7 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
|
|
|
22820
22820
|
padding: "0.875rem",
|
|
22821
22821
|
borderRadius: "4px",
|
|
22822
22822
|
minWidth: "30%",
|
|
22823
|
-
onClick: disabled ? noop : onSelect,
|
|
22823
|
+
onClick: disabled ? noop$1 : onSelect,
|
|
22824
22824
|
borderColor: borderColor,
|
|
22825
22825
|
borderSize: "1px",
|
|
22826
22826
|
color: color,
|
|
@@ -22835,8 +22835,8 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
|
|
|
22835
22835
|
name: name,
|
|
22836
22836
|
"aria-label": name,
|
|
22837
22837
|
htmlFor: "checkbox-".concat(name, "-").concat(index),
|
|
22838
|
-
onClick: disabled ? noop : onSelect,
|
|
22839
|
-
onKeyDown: disabled ? noop : onSelect,
|
|
22838
|
+
onClick: disabled ? noop$1 : onSelect,
|
|
22839
|
+
onKeyDown: disabled ? noop$1 : onSelect,
|
|
22840
22840
|
tabIndex: 0
|
|
22841
22841
|
}, /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
22842
22842
|
theme: {
|
|
@@ -24319,7 +24319,7 @@ var Dropdown = function Dropdown(_ref13) {
|
|
|
24319
24319
|
_ref13$disabledValues = _ref13.disabledValues,
|
|
24320
24320
|
disabledValues = _ref13$disabledValues === void 0 ? [] : _ref13$disabledValues,
|
|
24321
24321
|
_ref13$onClick = _ref13.onClick,
|
|
24322
|
-
_onClick = _ref13$onClick === void 0 ? noop : _ref13$onClick,
|
|
24322
|
+
_onClick = _ref13$onClick === void 0 ? noop$1 : _ref13$onClick,
|
|
24323
24323
|
themeValues = _ref13.themeValues,
|
|
24324
24324
|
maxHeight = _ref13.maxHeight,
|
|
24325
24325
|
_ref13$widthFitOption = _ref13.widthFitOptions,
|
|
@@ -25935,7 +25935,7 @@ var Popover = function Popover(_ref) {
|
|
|
25935
25935
|
extraStyles: "position: relative; ".concat(extraStyles)
|
|
25936
25936
|
}, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
25937
25937
|
action: function action() {
|
|
25938
|
-
return noop;
|
|
25938
|
+
return noop$1;
|
|
25939
25939
|
},
|
|
25940
25940
|
onFocus: function onFocus() {
|
|
25941
25941
|
handleTogglePopover(true);
|
|
@@ -26901,7 +26901,7 @@ var HamburgerButton = function HamburgerButton(_ref4) {
|
|
|
26901
26901
|
inactiveColor = _ref4.inactiveColor,
|
|
26902
26902
|
isActive = _ref4.isActive,
|
|
26903
26903
|
_ref4$onClick = _ref4.onClick,
|
|
26904
|
-
onClick = _ref4$onClick === void 0 ? noop : _ref4$onClick,
|
|
26904
|
+
onClick = _ref4$onClick === void 0 ? noop$1 : _ref4$onClick,
|
|
26905
26905
|
controls = _ref4.controls;
|
|
26906
26906
|
return /*#__PURE__*/React__default.createElement(Hamburger, {
|
|
26907
26907
|
className: isActive === true ? "active" : "",
|
|
@@ -27598,7 +27598,7 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
|
|
|
27598
27598
|
minHeight: "100%",
|
|
27599
27599
|
extraStyles: disabled ? "cursor: default;" : "cursor: pointer;"
|
|
27600
27600
|
}, children)) : /*#__PURE__*/React__default.createElement(Box, {
|
|
27601
|
-
onClick: disabled ? noop : action,
|
|
27601
|
+
onClick: disabled ? noop$1 : action,
|
|
27602
27602
|
padding: "0",
|
|
27603
27603
|
minHeight: "100%",
|
|
27604
27604
|
dataQa: dataQa,
|
|
@@ -27753,7 +27753,7 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
|
|
|
27753
27753
|
themeValues = _ref5.themeValues,
|
|
27754
27754
|
index = _ref5.index,
|
|
27755
27755
|
_ref5$handleChange = _ref5.handleChange,
|
|
27756
|
-
handleChange = _ref5$handleChange === void 0 ? noop : _ref5$handleChange,
|
|
27756
|
+
handleChange = _ref5$handleChange === void 0 ? noop$1 : _ref5$handleChange,
|
|
27757
27757
|
field = _ref5.field,
|
|
27758
27758
|
config = _ref5.config;
|
|
27759
27759
|
var getDefaultChecked = function getDefaultChecked(value, idx) {
|
|
@@ -38637,7 +38637,7 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
|
|
|
38637
38637
|
var _ref6$isOn = _ref6.isOn,
|
|
38638
38638
|
isOn = _ref6$isOn === void 0 ? false : _ref6$isOn,
|
|
38639
38639
|
_ref6$onToggle = _ref6.onToggle,
|
|
38640
|
-
onToggle = _ref6$onToggle === void 0 ? noop : _ref6$onToggle,
|
|
38640
|
+
onToggle = _ref6$onToggle === void 0 ? noop$1 : _ref6$onToggle,
|
|
38641
38641
|
_ref6$disabled = _ref6.disabled,
|
|
38642
38642
|
disabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
|
|
38643
38643
|
_ref6$name = _ref6.name,
|
|
@@ -38745,15 +38745,15 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
|
|
|
38745
38745
|
}, /*#__PURE__*/React__default.createElement(HiddenToggleSwitchBox, {
|
|
38746
38746
|
"aria-label": name,
|
|
38747
38747
|
checked: isOn,
|
|
38748
|
-
onChange: disabled ? noop : onToggle,
|
|
38748
|
+
onChange: disabled ? noop$1 : onToggle,
|
|
38749
38749
|
disabled: disabled,
|
|
38750
38750
|
id: "#toggle-".concat(name),
|
|
38751
38751
|
isMobile: isMobile
|
|
38752
38752
|
}), /*#__PURE__*/React__default.createElement(VisibleSwitch, {
|
|
38753
38753
|
name: name,
|
|
38754
38754
|
htmlFor: "#toggle-".concat(name),
|
|
38755
|
-
onClick: disabled ? noop : onToggle,
|
|
38756
|
-
onKeyDown: disabled ? noop : handleKeyDown,
|
|
38755
|
+
onClick: disabled ? noop$1 : onToggle,
|
|
38756
|
+
onKeyDown: disabled ? noop$1 : handleKeyDown,
|
|
38757
38757
|
pose: disabled ? "disabled" : isOn ? "on" : "off",
|
|
38758
38758
|
tabIndex: disabled ? -1 : 0,
|
|
38759
38759
|
disabled: disabled,
|
|
@@ -39853,7 +39853,7 @@ var AddressForm = function AddressForm(_ref) {
|
|
|
39853
39853
|
clearOnDismount = _ref.clearOnDismount,
|
|
39854
39854
|
showErrors = _ref.showErrors,
|
|
39855
39855
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
39856
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
39856
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
39857
39857
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
39858
39858
|
saveToWallet = _ref.saveToWallet,
|
|
39859
39859
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -40053,7 +40053,7 @@ var ChangePasswordForm = function ChangePasswordForm(_ref) {
|
|
|
40053
40053
|
fields = _ref.fields,
|
|
40054
40054
|
actions = _ref.actions,
|
|
40055
40055
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40056
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
40056
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
40057
40057
|
showErrors = _ref.showErrors,
|
|
40058
40058
|
isMobile = _ref.isMobile,
|
|
40059
40059
|
revenueManagement = _ref.revenueManagement,
|
|
@@ -40264,8 +40264,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
40264
40264
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
40265
40265
|
padding: customPadding ? customPadding : "0",
|
|
40266
40266
|
background: themeValues.headingBackgroundColor,
|
|
40267
|
-
onClick: isMobile && supportsTouch ? noop : toggleSection,
|
|
40268
|
-
onTouchEnd: isMobile && supportsTouch ? toggleSection : noop,
|
|
40267
|
+
onClick: isMobile && supportsTouch ? noop$1 : toggleSection,
|
|
40268
|
+
onTouchEnd: isMobile && supportsTouch ? toggleSection : noop$1,
|
|
40269
40269
|
key: "header",
|
|
40270
40270
|
hoverStyles: "cursor: pointer;",
|
|
40271
40271
|
tabIndex: "0",
|
|
@@ -40483,7 +40483,7 @@ var EditNameForm = function EditNameForm(_ref) {
|
|
|
40483
40483
|
clearOnDismount = _ref.clearOnDismount,
|
|
40484
40484
|
showErrors = _ref.showErrors,
|
|
40485
40485
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40486
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
|
|
40486
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
|
|
40487
40487
|
if (clearOnDismount) {
|
|
40488
40488
|
React.useEffect(function () {
|
|
40489
40489
|
return function () {
|
|
@@ -40823,7 +40823,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
40823
40823
|
showErrors = _ref.showErrors,
|
|
40824
40824
|
guestCheckout = _ref.guestCheckout,
|
|
40825
40825
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40826
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
40826
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
40827
40827
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
40828
40828
|
saveToWallet = _ref.saveToWallet,
|
|
40829
40829
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -40920,7 +40920,7 @@ var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
|
|
|
40920
40920
|
clearOnDismount = _ref.clearOnDismount,
|
|
40921
40921
|
showErrors = _ref.showErrors,
|
|
40922
40922
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40923
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
|
|
40923
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
|
|
40924
40924
|
if (clearOnDismount) {
|
|
40925
40925
|
React.useEffect(function () {
|
|
40926
40926
|
return function () {
|
|
@@ -42570,7 +42570,7 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42570
42570
|
extraStyles: extraStyles,
|
|
42571
42571
|
hoverStyles: extraHoverStyles,
|
|
42572
42572
|
activeStyles: extraActiveStyles,
|
|
42573
|
-
onClick: disabled ? noop : onClick,
|
|
42573
|
+
onClick: disabled ? noop$1 : onClick,
|
|
42574
42574
|
disabled: disabled
|
|
42575
42575
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
42576
42576
|
childGap: 0,
|
|
@@ -42614,7 +42614,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
|
42614
42614
|
actions = _ref.actions,
|
|
42615
42615
|
showErrors = _ref.showErrors,
|
|
42616
42616
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
42617
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
|
|
42617
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
|
|
42618
42618
|
if (clearOnDismount) {
|
|
42619
42619
|
React.useEffect(function () {
|
|
42620
42620
|
return function () {
|
|
@@ -46597,7 +46597,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46597
46597
|
text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
|
|
46598
46598
|
variant: "secondary",
|
|
46599
46599
|
action: function action() {
|
|
46600
|
-
toggleModal(true);
|
|
46600
|
+
isInCustomerManagement ? noop : toggleModal(true);
|
|
46601
46601
|
},
|
|
46602
46602
|
dataQa: "Turn off Autopay",
|
|
46603
46603
|
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;"
|
|
@@ -46606,14 +46606,14 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46606
46606
|
case "tertiary":
|
|
46607
46607
|
{
|
|
46608
46608
|
return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
46609
|
-
disabled: isInCustomerManagement,
|
|
46610
46609
|
text: autoPayActive ? "Manage ".concat(shortPlan) : "Set Up ".concat(shortPlan),
|
|
46611
46610
|
variant: "tertiary",
|
|
46612
46611
|
action: function action() {
|
|
46613
|
-
toggleModal(true);
|
|
46612
|
+
isInCustomerManagement ? noop : toggleModal(true);
|
|
46614
46613
|
},
|
|
46615
46614
|
dataQa: "Manage Autopay",
|
|
46616
|
-
extraStyles: isMobile && "flex-grow: 1; width: 100%;"
|
|
46615
|
+
extraStyles: isMobile && "flex-grow: 1; width: 100%;",
|
|
46616
|
+
disabled: isInCustomerManagement
|
|
46617
46617
|
});
|
|
46618
46618
|
}
|
|
46619
46619
|
case "link":
|
|
@@ -46621,7 +46621,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46621
46621
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
46622
46622
|
padding: "0",
|
|
46623
46623
|
onClick: function onClick() {
|
|
46624
|
-
toggleModal(true);
|
|
46624
|
+
isInCustomerManagement ? noop : toggleModal(true);
|
|
46625
46625
|
},
|
|
46626
46626
|
hoverStyles: hoverStyles,
|
|
46627
46627
|
activeStyles: activeStyles,
|
|
@@ -46632,10 +46632,10 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46632
46632
|
}, /*#__PURE__*/React__default.createElement(AutopayOnIcon, null), /*#__PURE__*/React__default.createElement(Text$1, {
|
|
46633
46633
|
variant: "pS",
|
|
46634
46634
|
onClick: function onClick() {
|
|
46635
|
-
return toggleModal(true);
|
|
46635
|
+
return isInCustomerManagement ? noop : toggleModal(true);
|
|
46636
46636
|
},
|
|
46637
46637
|
onKeyPress: function onKeyPress(e) {
|
|
46638
|
-
e.key === "Enter" && toggleModal(true);
|
|
46638
|
+
isInCustomerManagement ? noop : e.key === "Enter" && toggleModal(true);
|
|
46639
46639
|
},
|
|
46640
46640
|
tabIndex: "0",
|
|
46641
46641
|
dataQa: "".concat(shortPlan, " On"),
|
|
@@ -46649,10 +46649,10 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46649
46649
|
};
|
|
46650
46650
|
return /*#__PURE__*/React__default.createElement(Modal$1, _extends({
|
|
46651
46651
|
showModal: function showModal() {
|
|
46652
|
-
return toggleModal(true);
|
|
46652
|
+
return isInCustomerManagement ? noop : toggleModal(true);
|
|
46653
46653
|
},
|
|
46654
46654
|
hideModal: function hideModal() {
|
|
46655
|
-
return toggleModal(false);
|
|
46655
|
+
return isInCustomerManagement ? noop : toggleModal(false);
|
|
46656
46656
|
},
|
|
46657
46657
|
modalOpen: modalOpen
|
|
46658
46658
|
}, modalExtraProps), renderAutoPayControl());
|
|
@@ -46671,7 +46671,9 @@ var AmountModule = function AmountModule(_ref) {
|
|
|
46671
46671
|
nextAutopayDate = _ref.nextAutopayDate,
|
|
46672
46672
|
description = _ref.description,
|
|
46673
46673
|
subDescription = _ref.subDescription,
|
|
46674
|
-
allowedPaymentInstruments = _ref.allowedPaymentInstruments
|
|
46674
|
+
allowedPaymentInstruments = _ref.allowedPaymentInstruments,
|
|
46675
|
+
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
46676
|
+
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
|
|
46675
46677
|
var _useState = React.useState(false),
|
|
46676
46678
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46677
46679
|
modalOpen = _useState2[0],
|
|
@@ -46701,7 +46703,8 @@ var AmountModule = function AmountModule(_ref) {
|
|
|
46701
46703
|
controlType: "link",
|
|
46702
46704
|
description: description,
|
|
46703
46705
|
subDescription: subDescription,
|
|
46704
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46706
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46707
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46705
46708
|
})));
|
|
46706
46709
|
};
|
|
46707
46710
|
|
|
@@ -46778,7 +46781,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
46778
46781
|
nextAutopayDate: nextAutopayDate,
|
|
46779
46782
|
description: description,
|
|
46780
46783
|
subDescription: subDescription,
|
|
46781
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46784
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46785
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46782
46786
|
}))), /*#__PURE__*/React__default.createElement(Box, {
|
|
46783
46787
|
padding: isMobile ? "16px" : "0"
|
|
46784
46788
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
@@ -46822,13 +46826,14 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
46822
46826
|
dueDate: dueDate,
|
|
46823
46827
|
description: description,
|
|
46824
46828
|
subDescription: subDescription,
|
|
46825
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46829
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46830
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46826
46831
|
})), !isMobile && /*#__PURE__*/React__default.createElement(Box, {
|
|
46827
46832
|
padding: "0"
|
|
46828
46833
|
}, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
46829
46834
|
isLoading: isLoading,
|
|
46830
46835
|
action: function action() {
|
|
46831
|
-
return handleClick(obligations);
|
|
46836
|
+
return isInCustomerManagement ? noop$1 : handleClick(obligations);
|
|
46832
46837
|
},
|
|
46833
46838
|
text: "Pay Now",
|
|
46834
46839
|
variant: isMobile ? "smallSecondary" : "secondary",
|
|
@@ -46856,7 +46861,9 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
|
|
|
46856
46861
|
obligations = _ref$obligations === void 0 ? [] : _ref$obligations,
|
|
46857
46862
|
removeAccount = _ref.removeAccount,
|
|
46858
46863
|
accountType = _ref.accountType,
|
|
46859
|
-
isMobile = _ref.isMobile
|
|
46864
|
+
isMobile = _ref.isMobile,
|
|
46865
|
+
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
46866
|
+
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
|
|
46860
46867
|
var _useState = React.useState(false),
|
|
46861
46868
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46862
46869
|
modalIsOpen = _useState2[0],
|
|
@@ -46894,7 +46901,8 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
|
|
|
46894
46901
|
return setModalIsOpen(true);
|
|
46895
46902
|
},
|
|
46896
46903
|
dataQa: "Remove Account",
|
|
46897
|
-
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;"
|
|
46904
|
+
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;",
|
|
46905
|
+
disabled: isInCustomerManagement
|
|
46898
46906
|
})));
|
|
46899
46907
|
};
|
|
46900
46908
|
|
|
@@ -46914,7 +46922,9 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
46914
46922
|
actions = _ref.actions,
|
|
46915
46923
|
description = _ref.description,
|
|
46916
46924
|
subDescription = _ref.subDescription,
|
|
46917
|
-
allowedPaymentInstruments = _ref.allowedPaymentInstruments
|
|
46925
|
+
allowedPaymentInstruments = _ref.allowedPaymentInstruments,
|
|
46926
|
+
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
46927
|
+
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
|
|
46918
46928
|
var _useState = React.useState(false),
|
|
46919
46929
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46920
46930
|
modalOpen = _useState2[0],
|
|
@@ -46952,15 +46962,17 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
46952
46962
|
inactive: true,
|
|
46953
46963
|
description: description,
|
|
46954
46964
|
subDescription: subDescription,
|
|
46955
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46965
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46966
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46956
46967
|
})), /*#__PURE__*/React__default.createElement(Box, {
|
|
46957
46968
|
padding: "0",
|
|
46958
46969
|
extraStyles: "flex-grow: 1;"
|
|
46959
46970
|
}, /*#__PURE__*/React__default.createElement(RemoveAccountModalModule, {
|
|
46960
46971
|
agencyName: agencyName,
|
|
46961
|
-
removeAccount: handleRemoveAccount,
|
|
46972
|
+
removeAccount: isInCustomerManagement ? noop : handleRemoveAccount,
|
|
46962
46973
|
accountType: configType === "ACCOUNT" ? "Account" : "Property",
|
|
46963
|
-
isMobile: isMobile
|
|
46974
|
+
isMobile: isMobile,
|
|
46975
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46964
46976
|
}))));
|
|
46965
46977
|
};
|
|
46966
46978
|
|
|
@@ -47090,7 +47102,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
47090
47102
|
nextAutopayDate: nextAutopayDate,
|
|
47091
47103
|
description: description,
|
|
47092
47104
|
subDescription: subDescription,
|
|
47093
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
47105
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47106
|
+
isInCustomerManagement: isInCustomerManagement
|
|
47094
47107
|
}))), !isMobile && /*#__PURE__*/React__default.createElement(PaymentDetailsActions, {
|
|
47095
47108
|
obligations: obligations,
|
|
47096
47109
|
autoPayEnabled: autoPayEnabled,
|
|
@@ -47184,7 +47197,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
47184
47197
|
configType: config.type,
|
|
47185
47198
|
description: description,
|
|
47186
47199
|
subDescription: subDescription,
|
|
47187
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
47200
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47201
|
+
isInCustomerManagement: isInCustomerManagement
|
|
47188
47202
|
}))), isMobile && /*#__PURE__*/React__default.createElement(InactiveControlsModule, {
|
|
47189
47203
|
obligations: obligations,
|
|
47190
47204
|
autoPayEnabled: autoPayEnabled,
|
|
@@ -47201,7 +47215,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
47201
47215
|
configType: config.type,
|
|
47202
47216
|
description: description,
|
|
47203
47217
|
subDescription: subDescription,
|
|
47204
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
47218
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47219
|
+
isInCustomerManagement: isInCustomerManagement
|
|
47205
47220
|
}))));
|
|
47206
47221
|
return inactive ? inactiveObligation : activeObligation;
|
|
47207
47222
|
};
|
|
@@ -47483,7 +47498,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
47483
47498
|
return setCurrentPage({
|
|
47484
47499
|
pageNumber: item.index
|
|
47485
47500
|
});
|
|
47486
|
-
} : noop,
|
|
47501
|
+
} : noop$1,
|
|
47487
47502
|
textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
|
|
47488
47503
|
extraStyles: "".concat(extraStyles).concat(item.active ? currentPageStyles : ""),
|
|
47489
47504
|
dataQa: index
|
|
@@ -47840,7 +47855,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
47840
47855
|
_ref4$voidableTransac = _ref4.voidableTransactionDetails,
|
|
47841
47856
|
voidableTransactionDetails = _ref4$voidableTransac === void 0 ? [] : _ref4$voidableTransac,
|
|
47842
47857
|
_ref4$partialVoidActi = _ref4.partialVoidAction,
|
|
47843
|
-
partialVoidAction = _ref4$partialVoidActi === void 0 ? noop : _ref4$partialVoidActi,
|
|
47858
|
+
partialVoidAction = _ref4$partialVoidActi === void 0 ? noop$1 : _ref4$partialVoidActi,
|
|
47844
47859
|
_ref4$voidableAmountP = _ref4.voidableAmountPaid,
|
|
47845
47860
|
voidableAmountPaid = _ref4$voidableAmountP === void 0 ? 0 : _ref4$voidableAmountP,
|
|
47846
47861
|
_ref4$remainingBalanc = _ref4.remainingBalance,
|
|
@@ -48288,7 +48303,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48288
48303
|
actions = _ref.actions,
|
|
48289
48304
|
showErrors = _ref.showErrors,
|
|
48290
48305
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
48291
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
48306
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
48292
48307
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
48293
48308
|
saveToWallet = _ref.saveToWallet,
|
|
48294
48309
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -48490,7 +48505,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48490
48505
|
actions = _ref.actions,
|
|
48491
48506
|
showErrors = _ref.showErrors,
|
|
48492
48507
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
48493
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
48508
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
48494
48509
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
48495
48510
|
saveToWallet = _ref.saveToWallet,
|
|
48496
48511
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -48794,7 +48809,7 @@ var PhoneForm = function PhoneForm(_ref) {
|
|
|
48794
48809
|
clearOnDismount = _ref.clearOnDismount,
|
|
48795
48810
|
showErrors = _ref.showErrors,
|
|
48796
48811
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
48797
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
48812
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
48798
48813
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
48799
48814
|
saveToWallet = _ref.saveToWallet,
|
|
48800
48815
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -48870,7 +48885,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
48870
48885
|
config = _ref.config,
|
|
48871
48886
|
extraStyles = _ref.extraStyles,
|
|
48872
48887
|
_ref$handleChange = _ref.handleChange,
|
|
48873
|
-
handleChange = _ref$handleChange === void 0 ? noop : _ref$handleChange,
|
|
48888
|
+
handleChange = _ref$handleChange === void 0 ? noop$1 : _ref$handleChange,
|
|
48874
48889
|
field = _ref.field,
|
|
48875
48890
|
fieldActions = _ref.fieldActions;
|
|
48876
48891
|
var setValue = function setValue(value) {
|
|
@@ -48935,7 +48950,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48935
48950
|
ariaLabelledBy = _ref.ariaLabelledBy,
|
|
48936
48951
|
isLastGroupedItemInSection = _ref.isLastGroupedItemInSection,
|
|
48937
48952
|
_ref$onKeyDown = _ref.onKeyDown,
|
|
48938
|
-
onKeyDown = _ref$onKeyDown === void 0 ? noop : _ref$onKeyDown;
|
|
48953
|
+
onKeyDown = _ref$onKeyDown === void 0 ? noop$1 : _ref$onKeyDown;
|
|
48939
48954
|
var wrapper = {
|
|
48940
48955
|
open: {
|
|
48941
48956
|
height: openHeight,
|
|
@@ -48992,12 +49007,12 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48992
49007
|
"aria-required": section.required,
|
|
48993
49008
|
"aria-labelledby": ariaLabelledBy,
|
|
48994
49009
|
"aria-describedby": ariaDescribedBy,
|
|
48995
|
-
onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
|
|
49010
|
+
onClick: isMobile && supportsTouch || section.disabled ? noop$1 : function () {
|
|
48996
49011
|
return toggleOpenSection(section.id);
|
|
48997
49012
|
},
|
|
48998
49013
|
onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
|
|
48999
49014
|
return toggleOpenSection(section.id);
|
|
49000
|
-
} : noop,
|
|
49015
|
+
} : noop$1,
|
|
49001
49016
|
id: "inner-radio-section-".concat(sectionIndex),
|
|
49002
49017
|
"data-qa": section.dataQa ? section.dataQa : section.id || "inner-radio-section-".concat(sectionIndex)
|
|
49003
49018
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
@@ -49027,7 +49042,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
49027
49042
|
ariaDescribedBy: ariaDescribedBy,
|
|
49028
49043
|
radioOn: openSection === section.id,
|
|
49029
49044
|
radioFocused: focused === section.id,
|
|
49030
|
-
toggleRadio: section.disabled ? noop : function () {
|
|
49045
|
+
toggleRadio: section.disabled ? noop$1 : function () {
|
|
49031
49046
|
return toggleOpenSection(section.id);
|
|
49032
49047
|
},
|
|
49033
49048
|
tabIndex: "-1",
|
|
@@ -49211,7 +49226,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49211
49226
|
fields = _ref.fields,
|
|
49212
49227
|
actions = _ref.actions,
|
|
49213
49228
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
49214
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
49229
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
49215
49230
|
showErrors = _ref.showErrors,
|
|
49216
49231
|
isMobile = _ref.isMobile;
|
|
49217
49232
|
if (clearOnDismount) {
|
|
@@ -49371,7 +49386,7 @@ var ResetConfirmationForm$1 = withWindowSize(ResetConfirmationForm);
|
|
|
49371
49386
|
|
|
49372
49387
|
var ResetPasswordForm = function ResetPasswordForm(_ref) {
|
|
49373
49388
|
var _ref$handleSubmit = _ref.handleSubmit,
|
|
49374
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
49389
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
49375
49390
|
clearOnDismount = _ref.clearOnDismount,
|
|
49376
49391
|
fields = _ref.fields,
|
|
49377
49392
|
actions = _ref.actions,
|