@thecb/components 7.12.2-beta.0 → 7.12.3-beta.0

package/dist/index.esm.js

@@ -46822,7 +46822,9 @@ var Pagination = function Pagination(_ref3) {
 var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$J);
 
 var PaymentButtonBar = function PaymentButtonBar(_ref) {
-  var _ref$forwardButtonTex = _ref.forwardButtonText,
+  var _ref$isForwardButtonD = _ref.isForwardButtonDisabled,
+      isForwardButtonDisabled = _ref$isForwardButtonD === void 0 ? false : _ref$isForwardButtonD,
+      _ref$forwardButtonTex = _ref.forwardButtonText,
       forwardButtonText = _ref$forwardButtonTex === void 0 ? "Next" : _ref$forwardButtonTex,
       forwardButtonAction = _ref.forwardButtonAction,
       forwardButtonLoading = _ref.forwardButtonLoading,
@@ -46864,14 +46866,16 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     text: redirectText,
     variant: forwardButtonVariant,
     extraStyles: isMobile && "flex-grow: 1",
-    dataQa: redirectText
+    dataQa: redirectText,
+    disabled: isForwardButtonDisabled
   }) : forwardButtonAction && /*#__PURE__*/React.createElement(ButtonWithAction, {
     text: forwardButtonText,
     variant: forwardButtonVariant,
     action: forwardButtonAction,
     isLoading: forwardButtonLoading,
     extraStyles: isMobile && "flex-grow: 1",
-    dataQa: forwardButtonText
+    dataQa: forwardButtonText,
+    disabled: isForwardButtonDisabled
   });
   return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Box, {
     padding: "1.25rem 0"
@@ -46976,48 +46980,12 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
   }));
 };
 
-var LoadingDetails = function LoadingDetails() {
-  return /*#__PURE__*/React.createElement(Box, {
-    padding: "0",
-    background: GHOST_GREY,
-    borderRadius: "4px"
-  }, /*#__PURE__*/React.createElement(Spinner$2, null));
-};
-
-var ErrorDetails = function ErrorDetails() {
-  return /*#__PURE__*/React.createElement(Box, {
-    padding: "0"
-  }, /*#__PURE__*/React.createElement(Alert$1, {
-    variant: "error",
-    heading: "Error Loading Payment",
-    text: "Please go back and try again.",
-    showQuitLink: false
-  }));
-};
-
-var getLoadingOrErrorContent = function getLoadingOrErrorContent() {
-  var isLoading = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var isError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-  if (isLoading) {
-    return /*#__PURE__*/React.createElement(LoadingDetails, null);
-  } else if (isError) {
-    return /*#__PURE__*/React.createElement(ErrorDetails, null);
-  }
-
-  return /*#__PURE__*/React.createElement(Fragment$1, null);
-};
-
 var Collapsible = function Collapsible(_ref2) {
   var content = _ref2.content,
       title = _ref2.title,
       supportsTouch = _ref2.supportsTouch,
       isOpen = _ref2.isOpen,
-      setIsOpen = _ref2.setIsOpen,
-      _ref2$isLoading = _ref2.isLoading,
-      isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
-      _ref2$isError = _ref2.isError,
-      isError = _ref2$isError === void 0 ? false : _ref2$isError;
+      setIsOpen = _ref2.setIsOpen;
   return /*#__PURE__*/React.createElement(CollapsibleSection$1, {
     isMobile: true,
     supportsTouch: supportsTouch,
@@ -47040,17 +47008,13 @@ var Collapsible = function Collapsible(_ref2) {
     },
     positionTransition: true,
     initial: "closed"
-  }, isLoading || isError ? getLoadingOrErrorContent(isLoading, isError) : content));
+  }, content));
 };
 
 var NonCollapsible = function NonCollapsible(_ref3) {
   var title = _ref3.title,
-      content = _ref3.content,
-      _ref3$isLoading = _ref3.isLoading,
-      isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
-      _ref3$isError = _ref3.isError,
-      isError = _ref3$isError === void 0 ? false : _ref3$isError;
-  return /*#__PURE__*/React.createElement(Stack, null, title, isLoading || isError ? getLoadingOrErrorContent(isLoading, isError) : content);
+      content = _ref3.content;
+  return /*#__PURE__*/React.createElement(Stack, null, title, content);
 };
 
 var PaymentDetails = function PaymentDetails(_ref4) {
@@ -47080,11 +47044,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
       _ref4$voidableAmountP = _ref4.voidableAmountPaid,
       voidableAmountPaid = _ref4$voidableAmountP === void 0 ? 0 : _ref4$voidableAmountP,
       _ref4$remainingBalanc = _ref4.remainingBalance,
-      remainingBalance = _ref4$remainingBalanc === void 0 ? false : _ref4$remainingBalanc,
-      _ref4$isLoading = _ref4.isLoading,
-      isLoading = _ref4$isLoading === void 0 ? false : _ref4$isLoading,
-      _ref4$isError = _ref4.isError,
-      isError = _ref4$isError === void 0 ? false : _ref4$isError;
+      remainingBalance = _ref4$remainingBalanc === void 0 ? false : _ref4$remainingBalanc;
 
   var _useState = useState(initiallyOpen),
       _useState2 = _slicedToArray(_useState, 2),
@@ -47187,14 +47147,10 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     isOpen: isOpen,
     setIsOpen: setIsOpen,
     isMobile: isMobile,
-    supportsTouch: supportsTouch,
-    isLoading: isLoading,
-    isError: isError
+    supportsTouch: supportsTouch
   }) : /*#__PURE__*/React.createElement(NonCollapsible, {
     title: title,
-    content: content,
-    isLoading: isLoading,
-    isError: isError
+    content: content
   });
 };