@thecb/components 10.3.3-beta.0 → 10.3.3-beta.1

package/dist/index.cjs.js

@@ -47642,10 +47642,12 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
       voidableTransactionDetails = _ref.voidableTransactionDetails,
       voidableAmountPaid = _ref.voidableAmountPaid,
       partialVoidAction = _ref.partialVoidAction,
-      remainingBalance = _ref.remainingBalance;
+      remainingBalance = _ref.remainingBalance,
+      agencySubheading = _ref.agencySubheading,
+      isCollapsible = _ref.isCollapsible;
   return /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "16px"
-  }, lineItemElems, hasVoidablePaymentsSection && /*#__PURE__*/React__default.createElement(Box, {
+  }, isCollapsible && agencySubheading, lineItemElems, hasVoidablePaymentsSection && /*#__PURE__*/React__default.createElement(Box, {
     background: ATHENS_GREY
   }, /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "p",
@@ -47869,7 +47871,8 @@ var PaymentDetails = function PaymentDetails(_ref4) {
       isLoading = _ref4$isLoading === void 0 ? false : _ref4$isLoading,
       _ref4$isError = _ref4.isError,
       isError = _ref4$isError === void 0 ? false : _ref4$isError,
-      multiCartEnabled = _ref4.multiCartEnabled,
+      _ref4$multiCartEnable = _ref4.multiCartEnabled,
+      multiCartEnabled = _ref4$multiCartEnable === void 0 ? false : _ref4$multiCartEnable,
       agencyDisplayName = _ref4.agencyDisplayName;
 
   var _useState = React.useState(initiallyOpen),
@@ -47916,6 +47919,21 @@ var PaymentDetails = function PaymentDetails(_ref4) {
       variant: themeValues.labeledAmountSubtotal
     }, fee)));
   });
+  var agencySubheading = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, multiCartEnabled && agencyDisplayName && /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: "space-between",
+    align: "center",
+    style: {
+      margin: isCollapsible ? "0" : "0.5rem 0"
+    }
+  }, /*#__PURE__*/React__default.createElement(Title$1, {
+    weight: FONT_WEIGHT_REGULAR,
+    as: "h3",
+    extraStyles: "font-size: 1rem;"
+  }, agencyDisplayName), (lineItems === null || lineItems === void 0 ? void 0 : lineItems.length) && /*#__PURE__*/React__default.createElement(Text$1, {
+    variant: "pS",
+    color: themeValues.text,
+    weight: "400"
+  }, "".concat(lineItems.length, "  item").concat(lineItems.length > 1 ? "s" : ""))));
   var content = isCollapsible ? /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0"
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -47933,7 +47951,9 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     voidableTransactionDetails: voidableTransactionDetails,
     voidableAmountPaid: voidableAmountPaid,
     partialVoidAction: partialVoidAction,
-    remainingBalance: remainingBalance
+    remainingBalance: remainingBalance,
+    agencySubheading: agencySubheading,
+    isCollapsible: isCollapsible
   })) : /*#__PURE__*/React__default.createElement(PaymentDetailsContent, {
     lineItemElems: lineItemElems,
     feeElems: feeElems,
@@ -47945,7 +47965,9 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     voidableTransactionDetails: voidableTransactionDetails,
     voidableAmountPaid: voidableAmountPaid,
     partialVoidAction: partialVoidAction,
-    remainingBalance: remainingBalance
+    remainingBalance: remainingBalance,
+    agencySubheading: agencySubheading,
+    isCollapsible: isCollapsible
   });
   var title = hideTitle ? /*#__PURE__*/React__default.createElement(React.Fragment, null) : isCollapsible ? /*#__PURE__*/React__default.createElement(Box, {
     width: "100%",
@@ -47962,23 +47984,13 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     weight: FONT_WEIGHT_BOLD,
     as: "p",
     extraStyles: "font-size: 1.375rem;"
-  }, displayCurrency(total)))) : /*#__PURE__*/React__default.createElement(Box, {
-    width: "100%",
-    padding: "none"
-  }, /*#__PURE__*/React__default.createElement(Cluster, {
-    justify: "space-between",
-    align: "center"
-  }, /*#__PURE__*/React__default.createElement(Title$1, {
+  }, displayCurrency(total)))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Title$1, {
     as: "h2",
     weight: FONT_WEIGHT_BOLD,
     margin: "1rem 0 0 0",
     extraStyles: "font-size: 1.75rem;",
     id: "payment-details-title"
-  }, titleText, " HERE"), multiCartEnabled && /*#__PURE__*/React__default.createElement(Title$1, {
-    weight: FONT_WEIGHT_SEMIBOLD,
-    as: "h3",
-    extraStyles: "font-size: 1.375rem;"
-  }, agencyDisplayName)));
+  }, titleText), agencySubheading);
   return isCollapsible ? /*#__PURE__*/React__default.createElement(Collapsible, {
     title: title,
     content: content,