@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.esm.js
CHANGED
|
@@ -6198,7 +6198,7 @@ return numeral;
|
|
|
6198
6198
|
}));
|
|
6199
6199
|
});
|
|
6200
6200
|
|
|
6201
|
-
var noop = function noop() {};
|
|
6201
|
+
var noop$1 = function noop() {};
|
|
6202
6202
|
var formatMoneyString = function formatMoneyString(s) {
|
|
6203
6203
|
return numeral(s).format("$0,0.00");
|
|
6204
6204
|
};
|
|
@@ -6332,7 +6332,7 @@ var wrapIndex = function wrapIndex(index, length) {
|
|
|
6332
6332
|
|
|
6333
6333
|
var general = /*#__PURE__*/Object.freeze({
|
|
6334
6334
|
__proto__: null,
|
|
6335
|
-
noop: noop,
|
|
6335
|
+
noop: noop$1,
|
|
6336
6336
|
displayCurrency: displayCurrency,
|
|
6337
6337
|
convertCentsToMoneyInt: convertCentsToMoneyInt,
|
|
6338
6338
|
formatPercent: formatPercent,
|
|
@@ -10520,7 +10520,7 @@ var isRefObject = function (ref) {
|
|
|
10520
10520
|
return typeof ref === "object" && ref.hasOwnProperty("current");
|
|
10521
10521
|
};
|
|
10522
10522
|
|
|
10523
|
-
var noop$
|
|
10523
|
+
var noop$2 = function (v) { return v; };
|
|
10524
10524
|
var ComponentDragControls = /** @class */ (function () {
|
|
10525
10525
|
function ComponentDragControls(_a) {
|
|
10526
10526
|
var ref = _a.ref, values = _a.values, controls = _a.controls;
|
|
@@ -10548,7 +10548,7 @@ var ComponentDragControls = /** @class */ (function () {
|
|
|
10548
10548
|
* @internal
|
|
10549
10549
|
*/
|
|
10550
10550
|
this.props = {
|
|
10551
|
-
transformPagePoint: noop$
|
|
10551
|
+
transformPagePoint: noop$2,
|
|
10552
10552
|
};
|
|
10553
10553
|
/**
|
|
10554
10554
|
* References to the MotionValues used for tracking the current dragged point.
|
|
@@ -12880,7 +12880,7 @@ var Spinner = function Spinner(_ref) {
|
|
|
12880
12880
|
|
|
12881
12881
|
var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
12882
12882
|
var _ref2$action = _ref2.action,
|
|
12883
|
-
action = _ref2$action === void 0 ? noop : _ref2$action,
|
|
12883
|
+
action = _ref2$action === void 0 ? noop$1 : _ref2$action,
|
|
12884
12884
|
_ref2$variant = _ref2.variant,
|
|
12885
12885
|
variant = _ref2$variant === void 0 ? "primary" : _ref2$variant,
|
|
12886
12886
|
text = _ref2.text,
|
|
@@ -12923,7 +12923,7 @@ var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
12923
12923
|
disabledStyles: disabledStyles,
|
|
12924
12924
|
"aria-disabled": disabled,
|
|
12925
12925
|
as: "button",
|
|
12926
|
-
onClick: isLoading || disabled ? noop : action,
|
|
12926
|
+
onClick: isLoading || disabled ? noop$1 : action,
|
|
12927
12927
|
borderRadius: "2px",
|
|
12928
12928
|
theme: themeContext,
|
|
12929
12929
|
extraStyles: "margin: 0.5rem; ".concat(extraStyles),
|
|
@@ -22617,7 +22617,7 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22617
22617
|
name = _ref4.name,
|
|
22618
22618
|
checked = _ref4.checked,
|
|
22619
22619
|
_ref4$onChange = _ref4.onChange,
|
|
22620
|
-
onChange = _ref4$onChange === void 0 ? noop : _ref4$onChange,
|
|
22620
|
+
onChange = _ref4$onChange === void 0 ? noop$1 : _ref4$onChange,
|
|
22621
22621
|
_ref4$disabled = _ref4.disabled,
|
|
22622
22622
|
disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
|
|
22623
22623
|
themeValues = _ref4.themeValues,
|
|
@@ -22812,7 +22812,7 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
|
|
|
22812
22812
|
padding: "0.875rem",
|
|
22813
22813
|
borderRadius: "4px",
|
|
22814
22814
|
minWidth: "30%",
|
|
22815
|
-
onClick: disabled ? noop : onSelect,
|
|
22815
|
+
onClick: disabled ? noop$1 : onSelect,
|
|
22816
22816
|
borderColor: borderColor,
|
|
22817
22817
|
borderSize: "1px",
|
|
22818
22818
|
color: color,
|
|
@@ -22827,8 +22827,8 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
|
|
|
22827
22827
|
name: name,
|
|
22828
22828
|
"aria-label": name,
|
|
22829
22829
|
htmlFor: "checkbox-".concat(name, "-").concat(index),
|
|
22830
|
-
onClick: disabled ? noop : onSelect,
|
|
22831
|
-
onKeyDown: disabled ? noop : onSelect,
|
|
22830
|
+
onClick: disabled ? noop$1 : onSelect,
|
|
22831
|
+
onKeyDown: disabled ? noop$1 : onSelect,
|
|
22832
22832
|
tabIndex: 0
|
|
22833
22833
|
}, /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
22834
22834
|
theme: {
|
|
@@ -24311,7 +24311,7 @@ var Dropdown = function Dropdown(_ref13) {
|
|
|
24311
24311
|
_ref13$disabledValues = _ref13.disabledValues,
|
|
24312
24312
|
disabledValues = _ref13$disabledValues === void 0 ? [] : _ref13$disabledValues,
|
|
24313
24313
|
_ref13$onClick = _ref13.onClick,
|
|
24314
|
-
_onClick = _ref13$onClick === void 0 ? noop : _ref13$onClick,
|
|
24314
|
+
_onClick = _ref13$onClick === void 0 ? noop$1 : _ref13$onClick,
|
|
24315
24315
|
themeValues = _ref13.themeValues,
|
|
24316
24316
|
maxHeight = _ref13.maxHeight,
|
|
24317
24317
|
_ref13$widthFitOption = _ref13.widthFitOptions,
|
|
@@ -25927,7 +25927,7 @@ var Popover = function Popover(_ref) {
|
|
|
25927
25927
|
extraStyles: "position: relative; ".concat(extraStyles)
|
|
25928
25928
|
}, /*#__PURE__*/React.createElement(ButtonWithAction, {
|
|
25929
25929
|
action: function action() {
|
|
25930
|
-
return noop;
|
|
25930
|
+
return noop$1;
|
|
25931
25931
|
},
|
|
25932
25932
|
onFocus: function onFocus() {
|
|
25933
25933
|
handleTogglePopover(true);
|
|
@@ -26893,7 +26893,7 @@ var HamburgerButton = function HamburgerButton(_ref4) {
|
|
|
26893
26893
|
inactiveColor = _ref4.inactiveColor,
|
|
26894
26894
|
isActive = _ref4.isActive,
|
|
26895
26895
|
_ref4$onClick = _ref4.onClick,
|
|
26896
|
-
onClick = _ref4$onClick === void 0 ? noop : _ref4$onClick,
|
|
26896
|
+
onClick = _ref4$onClick === void 0 ? noop$1 : _ref4$onClick,
|
|
26897
26897
|
controls = _ref4.controls;
|
|
26898
26898
|
return /*#__PURE__*/React.createElement(Hamburger, {
|
|
26899
26899
|
className: isActive === true ? "active" : "",
|
|
@@ -27590,7 +27590,7 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
|
|
|
27590
27590
|
minHeight: "100%",
|
|
27591
27591
|
extraStyles: disabled ? "cursor: default;" : "cursor: pointer;"
|
|
27592
27592
|
}, children)) : /*#__PURE__*/React.createElement(Box, {
|
|
27593
|
-
onClick: disabled ? noop : action,
|
|
27593
|
+
onClick: disabled ? noop$1 : action,
|
|
27594
27594
|
padding: "0",
|
|
27595
27595
|
minHeight: "100%",
|
|
27596
27596
|
dataQa: dataQa,
|
|
@@ -27745,7 +27745,7 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
|
|
|
27745
27745
|
themeValues = _ref5.themeValues,
|
|
27746
27746
|
index = _ref5.index,
|
|
27747
27747
|
_ref5$handleChange = _ref5.handleChange,
|
|
27748
|
-
handleChange = _ref5$handleChange === void 0 ? noop : _ref5$handleChange,
|
|
27748
|
+
handleChange = _ref5$handleChange === void 0 ? noop$1 : _ref5$handleChange,
|
|
27749
27749
|
field = _ref5.field,
|
|
27750
27750
|
config = _ref5.config;
|
|
27751
27751
|
var getDefaultChecked = function getDefaultChecked(value, idx) {
|
|
@@ -38629,7 +38629,7 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
|
|
|
38629
38629
|
var _ref6$isOn = _ref6.isOn,
|
|
38630
38630
|
isOn = _ref6$isOn === void 0 ? false : _ref6$isOn,
|
|
38631
38631
|
_ref6$onToggle = _ref6.onToggle,
|
|
38632
|
-
onToggle = _ref6$onToggle === void 0 ? noop : _ref6$onToggle,
|
|
38632
|
+
onToggle = _ref6$onToggle === void 0 ? noop$1 : _ref6$onToggle,
|
|
38633
38633
|
_ref6$disabled = _ref6.disabled,
|
|
38634
38634
|
disabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
|
|
38635
38635
|
_ref6$name = _ref6.name,
|
|
@@ -38737,15 +38737,15 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
|
|
|
38737
38737
|
}, /*#__PURE__*/React.createElement(HiddenToggleSwitchBox, {
|
|
38738
38738
|
"aria-label": name,
|
|
38739
38739
|
checked: isOn,
|
|
38740
|
-
onChange: disabled ? noop : onToggle,
|
|
38740
|
+
onChange: disabled ? noop$1 : onToggle,
|
|
38741
38741
|
disabled: disabled,
|
|
38742
38742
|
id: "#toggle-".concat(name),
|
|
38743
38743
|
isMobile: isMobile
|
|
38744
38744
|
}), /*#__PURE__*/React.createElement(VisibleSwitch, {
|
|
38745
38745
|
name: name,
|
|
38746
38746
|
htmlFor: "#toggle-".concat(name),
|
|
38747
|
-
onClick: disabled ? noop : onToggle,
|
|
38748
|
-
onKeyDown: disabled ? noop : handleKeyDown,
|
|
38747
|
+
onClick: disabled ? noop$1 : onToggle,
|
|
38748
|
+
onKeyDown: disabled ? noop$1 : handleKeyDown,
|
|
38749
38749
|
pose: disabled ? "disabled" : isOn ? "on" : "off",
|
|
38750
38750
|
tabIndex: disabled ? -1 : 0,
|
|
38751
38751
|
disabled: disabled,
|
|
@@ -39845,7 +39845,7 @@ var AddressForm = function AddressForm(_ref) {
|
|
|
39845
39845
|
clearOnDismount = _ref.clearOnDismount,
|
|
39846
39846
|
showErrors = _ref.showErrors,
|
|
39847
39847
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
39848
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
39848
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
39849
39849
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
39850
39850
|
saveToWallet = _ref.saveToWallet,
|
|
39851
39851
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -40045,7 +40045,7 @@ var ChangePasswordForm = function ChangePasswordForm(_ref) {
|
|
|
40045
40045
|
fields = _ref.fields,
|
|
40046
40046
|
actions = _ref.actions,
|
|
40047
40047
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40048
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
40048
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
40049
40049
|
showErrors = _ref.showErrors,
|
|
40050
40050
|
isMobile = _ref.isMobile,
|
|
40051
40051
|
revenueManagement = _ref.revenueManagement,
|
|
@@ -40256,8 +40256,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
40256
40256
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
40257
40257
|
padding: customPadding ? customPadding : "0",
|
|
40258
40258
|
background: themeValues.headingBackgroundColor,
|
|
40259
|
-
onClick: isMobile && supportsTouch ? noop : toggleSection,
|
|
40260
|
-
onTouchEnd: isMobile && supportsTouch ? toggleSection : noop,
|
|
40259
|
+
onClick: isMobile && supportsTouch ? noop$1 : toggleSection,
|
|
40260
|
+
onTouchEnd: isMobile && supportsTouch ? toggleSection : noop$1,
|
|
40261
40261
|
key: "header",
|
|
40262
40262
|
hoverStyles: "cursor: pointer;",
|
|
40263
40263
|
tabIndex: "0",
|
|
@@ -40475,7 +40475,7 @@ var EditNameForm = function EditNameForm(_ref) {
|
|
|
40475
40475
|
clearOnDismount = _ref.clearOnDismount,
|
|
40476
40476
|
showErrors = _ref.showErrors,
|
|
40477
40477
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40478
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
|
|
40478
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
|
|
40479
40479
|
if (clearOnDismount) {
|
|
40480
40480
|
useEffect$1(function () {
|
|
40481
40481
|
return function () {
|
|
@@ -40815,7 +40815,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
40815
40815
|
showErrors = _ref.showErrors,
|
|
40816
40816
|
guestCheckout = _ref.guestCheckout,
|
|
40817
40817
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40818
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
40818
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
40819
40819
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
40820
40820
|
saveToWallet = _ref.saveToWallet,
|
|
40821
40821
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -40912,7 +40912,7 @@ var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
|
|
|
40912
40912
|
clearOnDismount = _ref.clearOnDismount,
|
|
40913
40913
|
showErrors = _ref.showErrors,
|
|
40914
40914
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
40915
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
|
|
40915
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
|
|
40916
40916
|
if (clearOnDismount) {
|
|
40917
40917
|
useEffect$1(function () {
|
|
40918
40918
|
return function () {
|
|
@@ -42562,7 +42562,7 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42562
42562
|
extraStyles: extraStyles,
|
|
42563
42563
|
hoverStyles: extraHoverStyles,
|
|
42564
42564
|
activeStyles: extraActiveStyles,
|
|
42565
|
-
onClick: disabled ? noop : onClick,
|
|
42565
|
+
onClick: disabled ? noop$1 : onClick,
|
|
42566
42566
|
disabled: disabled
|
|
42567
42567
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
42568
42568
|
childGap: 0,
|
|
@@ -42606,7 +42606,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
|
42606
42606
|
actions = _ref.actions,
|
|
42607
42607
|
showErrors = _ref.showErrors,
|
|
42608
42608
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
42609
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
|
|
42609
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
|
|
42610
42610
|
if (clearOnDismount) {
|
|
42611
42611
|
useEffect$1(function () {
|
|
42612
42612
|
return function () {
|
|
@@ -46589,7 +46589,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46589
46589
|
text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
|
|
46590
46590
|
variant: "secondary",
|
|
46591
46591
|
action: function action() {
|
|
46592
|
-
toggleModal(true);
|
|
46592
|
+
isInCustomerManagement ? noop : toggleModal(true);
|
|
46593
46593
|
},
|
|
46594
46594
|
dataQa: "Turn off Autopay",
|
|
46595
46595
|
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;"
|
|
@@ -46598,14 +46598,14 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46598
46598
|
case "tertiary":
|
|
46599
46599
|
{
|
|
46600
46600
|
return /*#__PURE__*/React.createElement(ButtonWithAction, {
|
|
46601
|
-
disabled: isInCustomerManagement,
|
|
46602
46601
|
text: autoPayActive ? "Manage ".concat(shortPlan) : "Set Up ".concat(shortPlan),
|
|
46603
46602
|
variant: "tertiary",
|
|
46604
46603
|
action: function action() {
|
|
46605
|
-
toggleModal(true);
|
|
46604
|
+
isInCustomerManagement ? noop : toggleModal(true);
|
|
46606
46605
|
},
|
|
46607
46606
|
dataQa: "Manage Autopay",
|
|
46608
|
-
extraStyles: isMobile && "flex-grow: 1; width: 100%;"
|
|
46607
|
+
extraStyles: isMobile && "flex-grow: 1; width: 100%;",
|
|
46608
|
+
disabled: isInCustomerManagement
|
|
46609
46609
|
});
|
|
46610
46610
|
}
|
|
46611
46611
|
case "link":
|
|
@@ -46613,7 +46613,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46613
46613
|
return /*#__PURE__*/React.createElement(Box, {
|
|
46614
46614
|
padding: "0",
|
|
46615
46615
|
onClick: function onClick() {
|
|
46616
|
-
toggleModal(true);
|
|
46616
|
+
isInCustomerManagement ? noop : toggleModal(true);
|
|
46617
46617
|
},
|
|
46618
46618
|
hoverStyles: hoverStyles,
|
|
46619
46619
|
activeStyles: activeStyles,
|
|
@@ -46624,10 +46624,10 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46624
46624
|
}, /*#__PURE__*/React.createElement(AutopayOnIcon, null), /*#__PURE__*/React.createElement(Text$1, {
|
|
46625
46625
|
variant: "pS",
|
|
46626
46626
|
onClick: function onClick() {
|
|
46627
|
-
return toggleModal(true);
|
|
46627
|
+
return isInCustomerManagement ? noop : toggleModal(true);
|
|
46628
46628
|
},
|
|
46629
46629
|
onKeyPress: function onKeyPress(e) {
|
|
46630
|
-
e.key === "Enter" && toggleModal(true);
|
|
46630
|
+
isInCustomerManagement ? noop : e.key === "Enter" && toggleModal(true);
|
|
46631
46631
|
},
|
|
46632
46632
|
tabIndex: "0",
|
|
46633
46633
|
dataQa: "".concat(shortPlan, " On"),
|
|
@@ -46641,10 +46641,10 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
46641
46641
|
};
|
|
46642
46642
|
return /*#__PURE__*/React.createElement(Modal$1, _extends({
|
|
46643
46643
|
showModal: function showModal() {
|
|
46644
|
-
return toggleModal(true);
|
|
46644
|
+
return isInCustomerManagement ? noop : toggleModal(true);
|
|
46645
46645
|
},
|
|
46646
46646
|
hideModal: function hideModal() {
|
|
46647
|
-
return toggleModal(false);
|
|
46647
|
+
return isInCustomerManagement ? noop : toggleModal(false);
|
|
46648
46648
|
},
|
|
46649
46649
|
modalOpen: modalOpen
|
|
46650
46650
|
}, modalExtraProps), renderAutoPayControl());
|
|
@@ -46663,7 +46663,9 @@ var AmountModule = function AmountModule(_ref) {
|
|
|
46663
46663
|
nextAutopayDate = _ref.nextAutopayDate,
|
|
46664
46664
|
description = _ref.description,
|
|
46665
46665
|
subDescription = _ref.subDescription,
|
|
46666
|
-
allowedPaymentInstruments = _ref.allowedPaymentInstruments
|
|
46666
|
+
allowedPaymentInstruments = _ref.allowedPaymentInstruments,
|
|
46667
|
+
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
46668
|
+
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
|
|
46667
46669
|
var _useState = useState(false),
|
|
46668
46670
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46669
46671
|
modalOpen = _useState2[0],
|
|
@@ -46693,7 +46695,8 @@ var AmountModule = function AmountModule(_ref) {
|
|
|
46693
46695
|
controlType: "link",
|
|
46694
46696
|
description: description,
|
|
46695
46697
|
subDescription: subDescription,
|
|
46696
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46698
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46699
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46697
46700
|
})));
|
|
46698
46701
|
};
|
|
46699
46702
|
|
|
@@ -46770,7 +46773,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
46770
46773
|
nextAutopayDate: nextAutopayDate,
|
|
46771
46774
|
description: description,
|
|
46772
46775
|
subDescription: subDescription,
|
|
46773
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46776
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46777
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46774
46778
|
}))), /*#__PURE__*/React.createElement(Box, {
|
|
46775
46779
|
padding: isMobile ? "16px" : "0"
|
|
46776
46780
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
@@ -46814,13 +46818,14 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
46814
46818
|
dueDate: dueDate,
|
|
46815
46819
|
description: description,
|
|
46816
46820
|
subDescription: subDescription,
|
|
46817
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46821
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46822
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46818
46823
|
})), !isMobile && /*#__PURE__*/React.createElement(Box, {
|
|
46819
46824
|
padding: "0"
|
|
46820
46825
|
}, /*#__PURE__*/React.createElement(ButtonWithAction, {
|
|
46821
46826
|
isLoading: isLoading,
|
|
46822
46827
|
action: function action() {
|
|
46823
|
-
return handleClick(obligations);
|
|
46828
|
+
return isInCustomerManagement ? noop$1 : handleClick(obligations);
|
|
46824
46829
|
},
|
|
46825
46830
|
text: "Pay Now",
|
|
46826
46831
|
variant: isMobile ? "smallSecondary" : "secondary",
|
|
@@ -46848,7 +46853,9 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
|
|
|
46848
46853
|
obligations = _ref$obligations === void 0 ? [] : _ref$obligations,
|
|
46849
46854
|
removeAccount = _ref.removeAccount,
|
|
46850
46855
|
accountType = _ref.accountType,
|
|
46851
|
-
isMobile = _ref.isMobile
|
|
46856
|
+
isMobile = _ref.isMobile,
|
|
46857
|
+
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
46858
|
+
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
|
|
46852
46859
|
var _useState = useState(false),
|
|
46853
46860
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46854
46861
|
modalIsOpen = _useState2[0],
|
|
@@ -46886,7 +46893,8 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
|
|
|
46886
46893
|
return setModalIsOpen(true);
|
|
46887
46894
|
},
|
|
46888
46895
|
dataQa: "Remove Account",
|
|
46889
|
-
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;"
|
|
46896
|
+
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;",
|
|
46897
|
+
disabled: isInCustomerManagement
|
|
46890
46898
|
})));
|
|
46891
46899
|
};
|
|
46892
46900
|
|
|
@@ -46906,7 +46914,9 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
46906
46914
|
actions = _ref.actions,
|
|
46907
46915
|
description = _ref.description,
|
|
46908
46916
|
subDescription = _ref.subDescription,
|
|
46909
|
-
allowedPaymentInstruments = _ref.allowedPaymentInstruments
|
|
46917
|
+
allowedPaymentInstruments = _ref.allowedPaymentInstruments,
|
|
46918
|
+
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
46919
|
+
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
|
|
46910
46920
|
var _useState = useState(false),
|
|
46911
46921
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46912
46922
|
modalOpen = _useState2[0],
|
|
@@ -46944,15 +46954,17 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
46944
46954
|
inactive: true,
|
|
46945
46955
|
description: description,
|
|
46946
46956
|
subDescription: subDescription,
|
|
46947
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
46957
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
46958
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46948
46959
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
46949
46960
|
padding: "0",
|
|
46950
46961
|
extraStyles: "flex-grow: 1;"
|
|
46951
46962
|
}, /*#__PURE__*/React.createElement(RemoveAccountModalModule, {
|
|
46952
46963
|
agencyName: agencyName,
|
|
46953
|
-
removeAccount: handleRemoveAccount,
|
|
46964
|
+
removeAccount: isInCustomerManagement ? noop : handleRemoveAccount,
|
|
46954
46965
|
accountType: configType === "ACCOUNT" ? "Account" : "Property",
|
|
46955
|
-
isMobile: isMobile
|
|
46966
|
+
isMobile: isMobile,
|
|
46967
|
+
isInCustomerManagement: isInCustomerManagement
|
|
46956
46968
|
}))));
|
|
46957
46969
|
};
|
|
46958
46970
|
|
|
@@ -47082,7 +47094,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
47082
47094
|
nextAutopayDate: nextAutopayDate,
|
|
47083
47095
|
description: description,
|
|
47084
47096
|
subDescription: subDescription,
|
|
47085
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
47097
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47098
|
+
isInCustomerManagement: isInCustomerManagement
|
|
47086
47099
|
}))), !isMobile && /*#__PURE__*/React.createElement(PaymentDetailsActions, {
|
|
47087
47100
|
obligations: obligations,
|
|
47088
47101
|
autoPayEnabled: autoPayEnabled,
|
|
@@ -47176,7 +47189,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
47176
47189
|
configType: config.type,
|
|
47177
47190
|
description: description,
|
|
47178
47191
|
subDescription: subDescription,
|
|
47179
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
47192
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47193
|
+
isInCustomerManagement: isInCustomerManagement
|
|
47180
47194
|
}))), isMobile && /*#__PURE__*/React.createElement(InactiveControlsModule, {
|
|
47181
47195
|
obligations: obligations,
|
|
47182
47196
|
autoPayEnabled: autoPayEnabled,
|
|
@@ -47193,7 +47207,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
47193
47207
|
configType: config.type,
|
|
47194
47208
|
description: description,
|
|
47195
47209
|
subDescription: subDescription,
|
|
47196
|
-
allowedPaymentInstruments: allowedPaymentInstruments
|
|
47210
|
+
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47211
|
+
isInCustomerManagement: isInCustomerManagement
|
|
47197
47212
|
}))));
|
|
47198
47213
|
return inactive ? inactiveObligation : activeObligation;
|
|
47199
47214
|
};
|
|
@@ -47475,7 +47490,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
47475
47490
|
return setCurrentPage({
|
|
47476
47491
|
pageNumber: item.index
|
|
47477
47492
|
});
|
|
47478
|
-
} : noop,
|
|
47493
|
+
} : noop$1,
|
|
47479
47494
|
textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
|
|
47480
47495
|
extraStyles: "".concat(extraStyles).concat(item.active ? currentPageStyles : ""),
|
|
47481
47496
|
dataQa: index
|
|
@@ -47832,7 +47847,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
47832
47847
|
_ref4$voidableTransac = _ref4.voidableTransactionDetails,
|
|
47833
47848
|
voidableTransactionDetails = _ref4$voidableTransac === void 0 ? [] : _ref4$voidableTransac,
|
|
47834
47849
|
_ref4$partialVoidActi = _ref4.partialVoidAction,
|
|
47835
|
-
partialVoidAction = _ref4$partialVoidActi === void 0 ? noop : _ref4$partialVoidActi,
|
|
47850
|
+
partialVoidAction = _ref4$partialVoidActi === void 0 ? noop$1 : _ref4$partialVoidActi,
|
|
47836
47851
|
_ref4$voidableAmountP = _ref4.voidableAmountPaid,
|
|
47837
47852
|
voidableAmountPaid = _ref4$voidableAmountP === void 0 ? 0 : _ref4$voidableAmountP,
|
|
47838
47853
|
_ref4$remainingBalanc = _ref4.remainingBalance,
|
|
@@ -48280,7 +48295,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48280
48295
|
actions = _ref.actions,
|
|
48281
48296
|
showErrors = _ref.showErrors,
|
|
48282
48297
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
48283
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
48298
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
48284
48299
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
48285
48300
|
saveToWallet = _ref.saveToWallet,
|
|
48286
48301
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -48482,7 +48497,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48482
48497
|
actions = _ref.actions,
|
|
48483
48498
|
showErrors = _ref.showErrors,
|
|
48484
48499
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
48485
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
48500
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
48486
48501
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
48487
48502
|
saveToWallet = _ref.saveToWallet,
|
|
48488
48503
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -48786,7 +48801,7 @@ var PhoneForm = function PhoneForm(_ref) {
|
|
|
48786
48801
|
clearOnDismount = _ref.clearOnDismount,
|
|
48787
48802
|
showErrors = _ref.showErrors,
|
|
48788
48803
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
48789
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
48804
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
48790
48805
|
showWalletCheckbox = _ref.showWalletCheckbox,
|
|
48791
48806
|
saveToWallet = _ref.saveToWallet,
|
|
48792
48807
|
walletCheckboxMarked = _ref.walletCheckboxMarked,
|
|
@@ -48862,7 +48877,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
48862
48877
|
config = _ref.config,
|
|
48863
48878
|
extraStyles = _ref.extraStyles,
|
|
48864
48879
|
_ref$handleChange = _ref.handleChange,
|
|
48865
|
-
handleChange = _ref$handleChange === void 0 ? noop : _ref$handleChange,
|
|
48880
|
+
handleChange = _ref$handleChange === void 0 ? noop$1 : _ref$handleChange,
|
|
48866
48881
|
field = _ref.field,
|
|
48867
48882
|
fieldActions = _ref.fieldActions;
|
|
48868
48883
|
var setValue = function setValue(value) {
|
|
@@ -48927,7 +48942,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48927
48942
|
ariaLabelledBy = _ref.ariaLabelledBy,
|
|
48928
48943
|
isLastGroupedItemInSection = _ref.isLastGroupedItemInSection,
|
|
48929
48944
|
_ref$onKeyDown = _ref.onKeyDown,
|
|
48930
|
-
onKeyDown = _ref$onKeyDown === void 0 ? noop : _ref$onKeyDown;
|
|
48945
|
+
onKeyDown = _ref$onKeyDown === void 0 ? noop$1 : _ref$onKeyDown;
|
|
48931
48946
|
var wrapper = {
|
|
48932
48947
|
open: {
|
|
48933
48948
|
height: openHeight,
|
|
@@ -48984,12 +48999,12 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48984
48999
|
"aria-required": section.required,
|
|
48985
49000
|
"aria-labelledby": ariaLabelledBy,
|
|
48986
49001
|
"aria-describedby": ariaDescribedBy,
|
|
48987
|
-
onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
|
|
49002
|
+
onClick: isMobile && supportsTouch || section.disabled ? noop$1 : function () {
|
|
48988
49003
|
return toggleOpenSection(section.id);
|
|
48989
49004
|
},
|
|
48990
49005
|
onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
|
|
48991
49006
|
return toggleOpenSection(section.id);
|
|
48992
|
-
} : noop,
|
|
49007
|
+
} : noop$1,
|
|
48993
49008
|
id: "inner-radio-section-".concat(sectionIndex),
|
|
48994
49009
|
"data-qa": section.dataQa ? section.dataQa : section.id || "inner-radio-section-".concat(sectionIndex)
|
|
48995
49010
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -49019,7 +49034,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
49019
49034
|
ariaDescribedBy: ariaDescribedBy,
|
|
49020
49035
|
radioOn: openSection === section.id,
|
|
49021
49036
|
radioFocused: focused === section.id,
|
|
49022
|
-
toggleRadio: section.disabled ? noop : function () {
|
|
49037
|
+
toggleRadio: section.disabled ? noop$1 : function () {
|
|
49023
49038
|
return toggleOpenSection(section.id);
|
|
49024
49039
|
},
|
|
49025
49040
|
tabIndex: "-1",
|
|
@@ -49203,7 +49218,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49203
49218
|
fields = _ref.fields,
|
|
49204
49219
|
actions = _ref.actions,
|
|
49205
49220
|
_ref$handleSubmit = _ref.handleSubmit,
|
|
49206
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
49221
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
49207
49222
|
showErrors = _ref.showErrors,
|
|
49208
49223
|
isMobile = _ref.isMobile;
|
|
49209
49224
|
if (clearOnDismount) {
|
|
@@ -49363,7 +49378,7 @@ var ResetConfirmationForm$1 = withWindowSize(ResetConfirmationForm);
|
|
|
49363
49378
|
|
|
49364
49379
|
var ResetPasswordForm = function ResetPasswordForm(_ref) {
|
|
49365
49380
|
var _ref$handleSubmit = _ref.handleSubmit,
|
|
49366
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
49381
|
+
handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
|
|
49367
49382
|
clearOnDismount = _ref.clearOnDismount,
|
|
49368
49383
|
fields = _ref.fields,
|
|
49369
49384
|
actions = _ref.actions,
|