@thecb/components 5.8.1-beta.3 → 5.8.1-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/dist/index.esm.js CHANGED
@@ -40698,7 +40698,7 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
40698
40698
  };
40699
40699
 
40700
40700
  var Obligation = function Obligation(_ref) {
40701
- var _obligation$customAtt;
40701
+ var _obligation$customAtt, _obligation$descripti, _obligation$subDescri;
40702
40702
 
40703
40703
  var config = _ref.config,
40704
40704
  obligations = _ref.obligations,
@@ -40730,13 +40730,13 @@ var Obligation = function Obligation(_ref) {
40730
40730
  borderRadius: "4px",
40731
40731
  boxShadow: boxShadowValue,
40732
40732
  as: "section",
40733
- "aria-label": "".concat(obligation.description, " ").concat(obligation.subDescription)
40733
+ "aria-label": "".concat((_obligation$descripti = obligation === null || obligation === void 0 ? void 0 : obligation.description) !== null && _obligation$descripti !== void 0 ? _obligation$descripti : "account", " ").concat((_obligation$subDescri = obligation === null || obligation === void 0 ? void 0 : obligation.subDescription) !== null && _obligation$subDescri !== void 0 ? _obligation$subDescri : obligationAssocID)
40734
40734
  }, /*#__PURE__*/React.createElement(Box, {
40735
40735
  background: WHITE
40736
40736
  }, /*#__PURE__*/React.createElement(Stack, {
40737
40737
  childGap: "14px"
40738
40738
  }, /*#__PURE__*/React.createElement(Box, {
40739
- key: "".concat(obligations[0].id, "-top"),
40739
+ key: "".concat(obligations === null || obligations === void 0 ? void 0 : obligations[0].id, "-top"),
40740
40740
  padding: "0 8px",
40741
40741
  minWidth: "100%"
40742
40742
  }, /*#__PURE__*/React.createElement(Cluster, {
@@ -40756,12 +40756,12 @@ var Obligation = function Obligation(_ref) {
40756
40756
  iconValue: config.iconValue,
40757
40757
  customAttributes: customAttributes
40758
40758
  }), /*#__PURE__*/React.createElement(TitleModule, {
40759
- title: obligation.description,
40760
- subtitle: obligation.subDescription,
40759
+ title: obligation === null || obligation === void 0 ? void 0 : obligation.description,
40760
+ subtitle: obligation === null || obligation === void 0 ? void 0 : obligation.subDescription,
40761
40761
  titleColor: BRIGHT_GREY,
40762
40762
  isMobile: isMobile
40763
40763
  }))), !isMobile && /*#__PURE__*/React.createElement(AmountModule, {
40764
- totalAmountDue: obligations.reduce(function (acc, curr) {
40764
+ totalAmountDue: obligations === null || obligations === void 0 ? void 0 : obligations.reduce(function (acc, curr) {
40765
40765
  return acc + curr.amountDue;
40766
40766
  }, 0),
40767
40767
  autoPayEnabled: autoPayEnabled,
@@ -40812,7 +40812,7 @@ var Obligation = function Obligation(_ref) {
40812
40812
  }, /*#__PURE__*/React.createElement(Stack, {
40813
40813
  childGap: "14px"
40814
40814
  }, /*#__PURE__*/React.createElement(Box, {
40815
- key: "".concat(obligations[0].id, "-top"),
40815
+ key: "".concat(obligationAssocID, "-top"),
40816
40816
  padding: "0 8px",
40817
40817
  minWidth: "100%"
40818
40818
  }, /*#__PURE__*/React.createElement(Cluster, {