@thecb/components 3.5.17 → 3.5.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -36192,9 +36192,6 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
36192
36192
|
justify: "space-between",
|
|
36193
36193
|
align: "center",
|
|
36194
36194
|
nowrap: true
|
|
36195
|
-
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
36196
|
-
padding: "0",
|
|
36197
|
-
width: "100%"
|
|
36198
36195
|
}, /*#__PURE__*/React__default.createElement(AmountModule, {
|
|
36199
36196
|
totalAmountDue: obligations.reduce(function (acc, curr) {
|
|
36200
36197
|
return acc + curr.amountDue;
|
|
@@ -36204,19 +36201,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
36204
36201
|
deactivatePaymentSchedule: deactivatePaymentSchedule,
|
|
36205
36202
|
navigateToSettings: navigateToSettings,
|
|
36206
36203
|
autoPaySchedule: autoPaySchedule
|
|
36207
|
-
})), /*#__PURE__*/React__default.createElement(Box, {
|
|
36208
|
-
padding: "0",
|
|
36209
|
-
width: "100%"
|
|
36210
|
-
}, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
36211
|
-
isLoading: isLoading,
|
|
36212
|
-
action: function action() {
|
|
36213
|
-
return handleClick(obligations);
|
|
36214
|
-
},
|
|
36215
|
-
text: "Pay Now",
|
|
36216
|
-
variant: isMobile ? "smallSecondary" : "secondary",
|
|
36217
|
-
dataQa: "Pay Now",
|
|
36218
|
-
extraStyles: isMobile && "flex-grow: 1; width: 100%;"
|
|
36219
|
-
})))), /*#__PURE__*/React__default.createElement(Box, {
|
|
36204
|
+
}))), /*#__PURE__*/React__default.createElement(Box, {
|
|
36220
36205
|
padding: isMobile ? "16px" : "0"
|
|
36221
36206
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
36222
36207
|
justify: isMobile ? "center" : "flex-end",
|
|
@@ -36264,7 +36249,19 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
|
|
|
36264
36249
|
variant: isMobile ? "smallSecondary" : "secondary",
|
|
36265
36250
|
dataQa: "Pay Now",
|
|
36266
36251
|
extraStyles: isMobile && "flex-grow: 1; width: 100%;"
|
|
36267
|
-
})))
|
|
36252
|
+
}))), isMobile && /*#__PURE__*/React__default.createElement(Box, {
|
|
36253
|
+
padding: "8px 0 0",
|
|
36254
|
+
width: "100%"
|
|
36255
|
+
}, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
36256
|
+
isLoading: isLoading,
|
|
36257
|
+
action: function action() {
|
|
36258
|
+
return handleClick(obligations);
|
|
36259
|
+
},
|
|
36260
|
+
text: "Pay Now",
|
|
36261
|
+
variant: isMobile ? "smallSecondary" : "secondary",
|
|
36262
|
+
dataQa: "Pay Now",
|
|
36263
|
+
extraStyles: isMobile && "flex-grow: 1; width: 100%;"
|
|
36264
|
+
}))));
|
|
36268
36265
|
};
|
|
36269
36266
|
|
|
36270
36267
|
var Obligation = function Obligation(_ref) {
|
|
@@ -36302,7 +36299,7 @@ var Obligation = function Obligation(_ref) {
|
|
|
36302
36299
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
36303
36300
|
justify: "flex-start",
|
|
36304
36301
|
align: "center"
|
|
36305
|
-
}, /*#__PURE__*/React__default.createElement(IconsModule, {
|
|
36302
|
+
}, !isMobile && /*#__PURE__*/React__default.createElement(IconsModule, {
|
|
36306
36303
|
icon: config.icon,
|
|
36307
36304
|
iconDefault: config.iconDefault,
|
|
36308
36305
|
configIconMap: config.iconMap,
|
package/package.json
CHANGED
|
@@ -39,13 +39,15 @@ const Obligation = ({
|
|
|
39
39
|
>
|
|
40
40
|
<Box padding="0">
|
|
41
41
|
<Cluster justify="flex-start" align="center">
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
42
|
+
{!isMobile && (
|
|
43
|
+
<IconModule
|
|
44
|
+
icon={config.icon}
|
|
45
|
+
iconDefault={config.iconDefault}
|
|
46
|
+
configIconMap={config.iconMap}
|
|
47
|
+
iconValue={config.iconValue}
|
|
48
|
+
customAttributes={customAttributes}
|
|
49
|
+
/>
|
|
50
|
+
)}
|
|
49
51
|
<TitleModule
|
|
50
52
|
title={obligation.description}
|
|
51
53
|
subtitle={obligation.subDescription}
|
|
@@ -54,29 +54,17 @@ const PaymentDetailsActions = ({
|
|
|
54
54
|
borderWidthOverride="0 0 1px 0"
|
|
55
55
|
>
|
|
56
56
|
<Cluster justify="space-between" align="center" nowrap>
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
/>
|
|
69
|
-
</Box>
|
|
70
|
-
<Box padding="0" width="100%">
|
|
71
|
-
<ButtonWithAction
|
|
72
|
-
isLoading={isLoading}
|
|
73
|
-
action={() => handleClick(obligations)}
|
|
74
|
-
text="Pay Now"
|
|
75
|
-
variant={isMobile ? "smallSecondary" : "secondary"}
|
|
76
|
-
dataQa="Pay Now"
|
|
77
|
-
extraStyles={isMobile && `flex-grow: 1; width: 100%;`}
|
|
78
|
-
/>
|
|
79
|
-
</Box>
|
|
57
|
+
<AmountModule
|
|
58
|
+
totalAmountDue={obligations.reduce(
|
|
59
|
+
(acc, curr) => acc + curr.amountDue,
|
|
60
|
+
0
|
|
61
|
+
)}
|
|
62
|
+
autoPayEnabled={autoPayEnabled}
|
|
63
|
+
isMobile={isMobile}
|
|
64
|
+
deactivatePaymentSchedule={deactivatePaymentSchedule}
|
|
65
|
+
navigateToSettings={navigateToSettings}
|
|
66
|
+
autoPaySchedule={autoPaySchedule}
|
|
67
|
+
/>
|
|
80
68
|
</Cluster>
|
|
81
69
|
</Box>
|
|
82
70
|
)}
|
|
@@ -146,6 +134,18 @@ const PaymentDetailsActions = ({
|
|
|
146
134
|
</Box>
|
|
147
135
|
)}
|
|
148
136
|
</Cluster>
|
|
137
|
+
{isMobile && (
|
|
138
|
+
<Box padding="8px 0 0" width="100%">
|
|
139
|
+
<ButtonWithAction
|
|
140
|
+
isLoading={isLoading}
|
|
141
|
+
action={() => handleClick(obligations)}
|
|
142
|
+
text="Pay Now"
|
|
143
|
+
variant={isMobile ? "smallSecondary" : "secondary"}
|
|
144
|
+
dataQa="Pay Now"
|
|
145
|
+
extraStyles={isMobile && `flex-grow: 1; width: 100%;`}
|
|
146
|
+
/>
|
|
147
|
+
</Box>
|
|
148
|
+
)}
|
|
149
149
|
</Box>
|
|
150
150
|
</Box>
|
|
151
151
|
);
|