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

package/dist/index.esm.js

@@ -40698,6 +40698,8 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
 };
 
 var Obligation = function Obligation(_ref) {
+  var _obligation$customAtt, _obligation$descripti, _obligation$subDescri;
+
   var config = _ref.config,
       obligations = _ref.obligations,
       actions = _ref.actions,
@@ -40721,20 +40723,20 @@ var Obligation = function Obligation(_ref) {
       _ref$inactiveLookupVa = _ref.inactiveLookupValue,
       inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa;
   var obligation = obligations[0];
-  var customAttributes = obligation.customAttributes;
+  var customAttributes = (_obligation$customAtt = obligation === null || obligation === void 0 ? void 0 : obligation.customAttributes) !== null && _obligation$customAtt !== void 0 ? _obligation$customAtt : {};
   var boxShadowValue = "0px 4px 4px rgba(41, 42, 51, 0.1), 0px 1px 1px 2px rgba(41, 42, 51, 0.1);";
   var activeObligation = /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     borderRadius: "4px",
     boxShadow: boxShadowValue,
     as: "section",
-    "aria-label": "".concat(obligation.description, " ").concat(obligation.subDescription)
+    "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)
   }, /*#__PURE__*/React.createElement(Box, {
     background: WHITE
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: "14px"
   }, /*#__PURE__*/React.createElement(Box, {
-    key: "".concat(obligations[0].id, "-top"),
+    key: "".concat(obligations === null || obligations === void 0 ? void 0 : obligations[0].id, "-top"),
     padding: "0 8px",
     minWidth: "100%"
   }, /*#__PURE__*/React.createElement(Cluster, {
@@ -40754,12 +40756,12 @@ var Obligation = function Obligation(_ref) {
     iconValue: config.iconValue,
     customAttributes: customAttributes
   }), /*#__PURE__*/React.createElement(TitleModule, {
-    title: obligation.description,
-    subtitle: obligation.subDescription,
+    title: obligation === null || obligation === void 0 ? void 0 : obligation.description,
+    subtitle: obligation === null || obligation === void 0 ? void 0 : obligation.subDescription,
     titleColor: BRIGHT_GREY,
     isMobile: isMobile
   }))), !isMobile && /*#__PURE__*/React.createElement(AmountModule, {
-    totalAmountDue: obligations.reduce(function (acc, curr) {
+    totalAmountDue: obligations === null || obligations === void 0 ? void 0 : obligations.reduce(function (acc, curr) {
       return acc + curr.amountDue;
     }, 0),
     autoPayEnabled: autoPayEnabled,
@@ -40810,7 +40812,7 @@ var Obligation = function Obligation(_ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: "14px"
   }, /*#__PURE__*/React.createElement(Box, {
-    key: "".concat(obligations[0].id, "-top"),
+    key: "".concat(obligationAssocID, "-top"),
     padding: "0 8px",
     minWidth: "100%"
   }, /*#__PURE__*/React.createElement(Cluster, {