@thecb/components 5.6.0 → 5.6.3

package/dist/index.esm.js

@@ -6036,6 +6036,9 @@ var displayCurrency = function displayCurrency(cents) {
 var convertCentsToMoneyInt = function convertCentsToMoneyInt(n) {
   return (n / 100).toFixed(0);
 };
+var formatPercent = function formatPercent(decimal) {
+  return Number.parseFloat(decimal).toFixed(2);
+};
 
 var createUniqueId = function createUniqueId() {
   return "_" + Math.random().toString(36).substr(2, 9);
@@ -6110,6 +6113,7 @@ var general = /*#__PURE__*/Object.freeze({
   noop: noop,
   displayCurrency: displayCurrency,
   convertCentsToMoneyInt: convertCentsToMoneyInt,
+  formatPercent: formatPercent,
   safeChildren: safeChildren,
   generateClickHandler: generateClickHandler,
   checkCardBrand: checkCardBrand,
@@ -6563,10 +6567,10 @@ function (_ref2) {
   var minHeight = _ref6.minHeight;
   return minHeight ? "margin-top: 0; margin-bottom: 0;" : "";
 }, function (_ref7) {
-  var sidebarOnRight = _ref7.sidebarOnRight,
+  var $sidebarOnRight = _ref7.$sidebarOnRight,
       contentMinWidth = _ref7.contentMinWidth,
       childGap = _ref7.childGap;
-  return sidebarOnRight ? "> :first-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }\n    ") : "> :last-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }");
+  return $sidebarOnRight ? "> :first-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }\n    ") : "> :last-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }");
 }, function (_ref8) {
   var fullHeight = _ref8.fullHeight;
   return fullHeight ? "min-height: 100%;" : "";
@@ -6606,7 +6610,7 @@ var Sidebar = function Sidebar(_ref) {
   }, rest), /*#__PURE__*/React.createElement(SidebarInnerWrapper, {
     childGap: childGap,
     width: width,
-    sidebarOnRight: sidebarOnRight,
+    $sidebarOnRight: sidebarOnRight,
     contentMinWidth: contentMinWidth,
     fullHeight: fullHeight,
     minHeight: minHeight
@@ -18868,7 +18872,8 @@ var Card = function Card(_ref2) {
   }, heading), /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS"
   }, text)))), /*#__PURE__*/React.createElement(Box, {
-    padding: "0.5rem 1rem 1rem"
+    padding: "0.5rem 1rem 1rem",
+    extraStyles: "display: flex; justify-content: center;"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
     variant: "smallPrimary",
     text: buttonText,
@@ -22159,7 +22164,7 @@ var ProcessingFee = function ProcessingFee(_ref) {
     hiddenStyles: hide
   }, /*#__PURE__*/React.createElement(Alert$1, {
     heading: "Processing Fee",
-    text: "There is a processing fee of ".concat(feeType === "FLAT" ? "".concat(displayCurrency(feeValue)) : "".concat(feeValue * 100, "%"), " ").concat(ifElse(isNil, always(""), function (a) {
+    text: "There is a processing fee of ".concat(feeType === "FLAT" ? "".concat(displayCurrency(feeValue)) : "".concat(formatPercent(feeValue * 100), "%"), " ").concat(ifElse(isNil, always(""), function (a) {
       return "with a minimum of ".concat(displayCurrency(a), " ");
     })(feeMinimum), "on all ").concat(feeName, " payments."),
     variant: "info",
@@ -41415,7 +41420,8 @@ var WorkflowTile = function WorkflowTile(_ref) {
     text: workflowActionName,
     minWidth: "100%",
     url: "/service/".concat(slug),
-    extraStyles: "width: 100%;"
+    extraStyles: "width: 100%;",
+    linkExtraStyles: "justify-content: center;"
   }))));
 };