@stigg/react-sdk 5.28.1 → 5.28.3

package/dist/react-sdk.esm.js

@@ -31,7 +31,7 @@ import Box from '@mui/material/Box';
 import Tab from '@mui/material/Tab';
 import isEmpty from 'lodash-es/isEmpty';
 import Tabs from '@mui/material/Tabs';
-import { useMediaQuery, IconButton } from '@mui/material';
+import { useMediaQuery, Box as Box$1, IconButton } from '@mui/material';
 import { ArrowDown, ExternalLink, Minus, Plus, ChevronRight } from 'react-feather';
 import Link from '@mui/material/Link';
 import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
@@ -1195,7 +1195,8 @@ var currencyPriceFormatter = function currencyPriceFormatter(_ref) {
       _ref$maximumFractionD = _ref.maximumFractionDigits,
       maximumFractionDigits = _ref$maximumFractionD === void 0 ? 5 : _ref$maximumFractionD,
       _ref$minimumFractionD = _ref.minimumFractionDigits,
-      minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD;
+      minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
+      removeTrailingZero = _ref.removeTrailingZero;
   var currencyString = currency.toString();
   var currencySymbol = getSymbolFromCurrency(currencyString);
   var formattedPrice = new Intl.NumberFormat(locale, _extends({
@@ -1203,8 +1204,7 @@ var currencyPriceFormatter = function currencyPriceFormatter(_ref) {
     minimumFractionDigits: minimumFractionDigits,
     style: 'currency',
     currency: currencyString,
-    // @ts-ignore
-    trailingZeroDisplay: 'stripIfInteger'
+    trailingZeroDisplay: removeTrailingZero ? 'stripIfInteger' : 'auto'
   }, currencySymbol ? {
     currencyDisplay: 'code'
   } : {})).format(amount || 0);
@@ -1275,7 +1275,8 @@ function getPaidPriceText(_ref) {
       amount: priceNumber,
       currency: currency,
       locale: locale,
-      minimumFractionDigits: 2
+      minimumFractionDigits: 2,
+      removeTrailingZero: true
     }),
     unit: unit,
     tiers: tiers,
@@ -3561,7 +3562,7 @@ function mapPaywallData(paywall, showOnlyEligiblePlans) {
   };
 }
 
-var version = "5.28.1";
+var version = "5.28.3";
 var name = "@stigg/react-sdk";
 
 var StiggContext = /*#__PURE__*/React__default.createContext(null);
@@ -12586,7 +12587,8 @@ var RemainingCreditsCaption = function RemainingCreditsCaption(_ref) {
     variant: "body1",
     style: {
       marginTop: 14
-    }
+    },
+    className: "stigg-checkout-summary-captions-remaining-credits"
   }, React__default.createElement(WithSkeleton, {
     isLoading: isFetchingSubscriptionPreview,
     width: "100%"
@@ -12613,7 +12615,8 @@ var ScheduledUpdatesCaption = function ScheduledUpdatesCaption(_ref3) {
     variant: "body1",
     style: {
       marginTop: 14
-    }
+    },
+    className: "stigg-checkout-summary-captions-scheduled-updates"
   }, React__default.createElement(WithSkeleton, {
     isLoading: isFetchingSubscriptionPreview,
     width: "100%"
@@ -12677,7 +12680,8 @@ var NextBillingCaption = function NextBillingCaption(_ref4) {
     variant: "body1",
     style: {
       marginTop: 14
-    }
+    },
+    className: "stigg-checkout-summary-captions-next-billing"
   }, React__default.createElement(WithSkeleton, {
     isLoading: isFetchingSubscriptionPreview,
     width: "100%"
@@ -12685,7 +12689,9 @@ var NextBillingCaption = function NextBillingCaption(_ref4) {
 };
 
 function CheckoutCaptions(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(RemainingCreditsCaption, Object.assign({}, props)), React__default.createElement(ScheduledUpdatesCaption, Object.assign({}, props)), React__default.createElement(NextBillingCaption, Object.assign({}, props)));
+  return React__default.createElement(Box$1, {
+    className: "stigg-checkout-summary-captions"
+  }, React__default.createElement(RemainingCreditsCaption, Object.assign({}, props)), React__default.createElement(ScheduledUpdatesCaption, Object.assign({}, props)), React__default.createElement(NextBillingCaption, Object.assign({}, props)));
 }
 
 function formatPricePerUnit(_ref) {