@thecb/components 5.8.2-beta.1 → 5.8.2-beta.4

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "5.8.2-beta.1",
3
+ "version": "5.8.2-beta.4",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -116,6 +116,7 @@ const Obligation = ({
116
116
  isMobile={isMobile}
117
117
  isPaymentPlan={isPaymentPlan}
118
118
  nextAutopayDate={nextAutopayDate}
119
+ obligationAssocID={obligationAssocID}
119
120
  />
120
121
  )}
121
122
  </Stack>
@@ -135,6 +136,7 @@ const Obligation = ({
135
136
  isMobile={isMobile}
136
137
  isPaymentPlan={isPaymentPlan}
137
138
  nextAutopayDate={nextAutopayDate}
139
+ obligationAssocID={obligationAssocID}
138
140
  />
139
141
  )}
140
142
  </Box>
@@ -75,7 +75,9 @@ const AutopayModal = ({
75
75
  }}
76
76
  dataQa="Turn off Autopay"
77
77
  extraStyles={
78
- isMobile ? `flex-grow: 1; width: 100%;` : `margin: 0px`
78
+ isMobile
79
+ ? `flex-grow: 1; width: 100%;`
80
+ : `flex-grow: 1; min-width: 165px;`
79
81
  }
80
82
  />
81
83
  );
@@ -25,7 +25,7 @@ const InactiveControlsModule = ({
25
25
  border={isMobile ? `1px solid ${GHOST_GREY}` : `0px`}
26
26
  borderWidthOverride={isMobile ? `1px 0 0 0` : `0px`}
27
27
  >
28
- <Cluster childGap={isMobile ? `8px` : `16px`} nowrap>
28
+ <Cluster childGap={`8px`} nowrap>
29
29
  {autoPayEnabled && (
30
30
  <Box padding="0" extraStyles={`flex-grow: 1;`}>
31
31
  <AutopayModalModule
@@ -51,7 +51,7 @@ const InactiveControlsModule = ({
51
51
  action={handleRemoveAccount}
52
52
  dataQa="Remove Account"
53
53
  extraStyles={
54
- isMobile ? `flex-grow: 1; width: 100%;` : `margin: 0px;`
54
+ isMobile ? `flex-grow: 1; width: 100%;` : `flex-grow: 1;`
55
55
  }
56
56
  />
57
57
  </Box>
@@ -18,7 +18,8 @@ const PaymentDetailsActions = ({
18
18
  autoPaySchedule,
19
19
  paymentPlanSchedule,
20
20
  isPaymentPlan,
21
- nextAutopayDate
21
+ nextAutopayDate,
22
+ obligationAssocID
22
23
  }) => {
23
24
  const planType = isPaymentPlan ? "Payment Plan" : "Autopay";
24
25
  const [isLoading, setIsLoading] = useState(false);
@@ -38,7 +39,7 @@ const PaymentDetailsActions = ({
38
39
  createPaymentFromProfile(obligations, config);
39
40
  };
40
41
  const handleDetailsClick = () => {
41
- setDetailedObligation(obligations, config);
42
+ setDetailedObligation(obligations, config, obligationAssocID);
42
43
  navigateToDetailedObligation(detailsSlug);
43
44
  };
44
45
  return (