@stigg/react-sdk 5.12.0 → 5.13.0

package/dist/components/utils/numberUtils.d.ts

@@ -1,3 +1,3 @@
-export declare function numberFormatter(number: number, { locate }?: {
-    locate?: string;
+export declare function numberFormatter(number: number, { locale }?: {
+    locale?: string;
 }): string;

package/dist/react-sdk.cjs.development.js

@@ -474,19 +474,19 @@ var PlanEntitlementsContainer = /*#__PURE__*/_styled("div",  {
 })( {
   name: "budh8k",
   styles: "display:flex;flex-direction:column;gap:16px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBsYW5FbnRpdGxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QyIsImZpbGUiOiJQbGFuRW50aXRsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkL21hY3JvJztcclxuaW1wb3J0IHsgV2lkZ2V0VHlwZSB9IGZyb20gJ0BzdGlnZy9qcy1jbGllbnQtc2RrJztcclxuaW1wb3J0IHsgRW50aXRsZW1lbnRSb3cgfSBmcm9tICcuL0VudGl0bGVtZW50Um93JztcclxuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uL2NvbW1vbi9UeXBvZ3JhcGh5JztcclxuY29uc3QgUGxhbkVudGl0bGVtZW50c0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDE2cHg7XG5gO1xyXG5mdW5jdGlvbiBnZXRUaXRsZShwbGFuLCBwYXl3YWxsTG9jYWxlKSB7XHJcbiAgICBpZiAocGF5d2FsbExvY2FsZS5lbnRpdGxlbWVudHNUaXRsZSkge1xyXG4gICAgICAgIHJldHVybiBwYXl3YWxsTG9jYWxlLmVudGl0bGVtZW50c1RpdGxlKHBsYW4pO1xyXG4gICAgfVxyXG4gICAgbGV0IHRpdGxlID0gYCR7cGxhbi5kaXNwbGF5TmFtZX0gaW5jbHVkZXNgO1xyXG4gICAgaWYgKHBsYW4uYmFzZVBsYW4pIHtcclxuICAgICAgICB0aXRsZSA9IGBFdmVyeXRoaW5nIGluICR7cGxhbi5iYXNlUGxhbi5kaXNwbGF5TmFtZX0sIHBsdXM6YDtcclxuICAgIH1cclxuICAgIHJldHVybiB0aXRsZTtcclxufVxyXG5leHBvcnQgZnVuY3Rpb24gUGxhbkVudGl0bGVtZW50cyh7IHBsYW4sIGJpbGxpbmdQZXJpb2QsIHBheXdhbGxMb2NhbGUsIH0pIHtcclxuICAgIGNvbnN0IHByaWNlcyA9IHBsYW4ucHJpY2VQb2ludHM/LmZpbHRlcigocHJpY2UpID0+IHByaWNlLmJpbGxpbmdQZXJpb2QgPT09IGJpbGxpbmdQZXJpb2QpO1xyXG4gICAgY29uc3QgdW5pdEJhc2VkRW50aXRsZW1lbnRzID0gcHJpY2VzPy5tYXAoKHByaWNlKSA9PiB7XHJcbiAgICAgICAgY29uc3Qgc2hvdWxkUmVuZGVyVW5pdEJhc2VkRW50aXRsZW1lbnQgPSAocHJpY2U/Lm1pblVuaXRRdWFudGl0eSAmJiBwcmljZT8ubWluVW5pdFF1YW50aXR5ID4gMSkgfHwgcHJpY2U/Lm1heFVuaXRRdWFudGl0eTtcclxuICAgICAgICBpZiAoIXNob3VsZFJlbmRlclVuaXRCYXNlZEVudGl0bGVtZW50KSB7XHJcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoRW50aXRsZW1lbnRSb3csIHsga2V5OiBgcHJpY2VVbml0RW50aXRsZW1lbnQtJHtwcmljZT8uZmVhdHVyZT8uZGlzcGxheU5hbWV9YCwgZmVhdHVyZTogcHJpY2U/LmZlYXR1cmUsIG1pblVuaXRRdWFudGl0eTogcHJpY2U/Lm1pblVuaXRRdWFudGl0eSwgbWF4VW5pdFF1YW50aXR5OiBwcmljZT8ubWF4VW5pdFF1YW50aXR5IH0pKTtcclxuICAgIH0pO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFBsYW5FbnRpdGxlbWVudHNDb250YWluZXIsIHsgY2xhc3NOYW1lOiBcInN0aWdnLXBsYW4tZW50aXRsZW1lbnRzLWNvbnRhaW5lclwiIH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChUeXBvZ3JhcGh5LCB7IGNsYXNzTmFtZTogXCJzdGlnZy1wbGFuLWVudGl0bGVtZW50cy10aXRsZVwiLCBjb2xvcjogXCJzZWNvbmRhcnlcIiwgdmFyaWFudDogXCJoNlwiLCBib2xkOiB0cnVlIH0sIGdldFRpdGxlKHBsYW4sIHBheXdhbGxMb2NhbGUpKSxcclxuICAgICAgICB1bml0QmFzZWRFbnRpdGxlbWVudHMsXHJcbiAgICAgICAgcGxhbi5lbnRpdGxlbWVudHNcclxuICAgICAgICAgICAgLmZpbHRlcigoZW50aXRsZW1lbnQpID0+ICEoZW50aXRsZW1lbnQuaGlkZGVuRnJvbVdpZGdldHMgfHwgW10pLmluY2x1ZGVzKFdpZGdldFR5cGUuUGF5d2FsbCkpXHJcbiAgICAgICAgICAgIC5tYXAoKGVudGl0bGVtZW50KSA9PiAoUmVhY3QuY3JlYXRlRWxlbWVudChFbnRpdGxlbWVudFJvdywgeyBrZXk6IGVudGl0bGVtZW50LmZlYXR1cmU/LmlkLCBkaXNwbGF5TmFtZU92ZXJyaWRlOiBlbnRpdGxlbWVudC5kaXNwbGF5TmFtZU92ZXJyaWRlLCBmZWF0dXJlOiBlbnRpdGxlbWVudC5mZWF0dXJlLCByZXNldFBlcmlvZDogZW50aXRsZW1lbnQucmVzZXRQZXJpb2QsIGhhc1VubGltaXRlZFVzYWdlOiBlbnRpdGxlbWVudC5oYXNVbmxpbWl0ZWRVc2FnZSwgdXNhZ2VMaW1pdDogZW50aXRsZW1lbnQudXNhZ2VMaW1pdCwgaXNDdXN0b206IGVudGl0bGVtZW50LmlzQ3VzdG9tIH0pKSkpKTtcclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1QbGFuRW50aXRsZW1lbnRzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBsYW5FbnRpdGxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QyIsImZpbGUiOiJQbGFuRW50aXRsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkL21hY3JvJztcclxuaW1wb3J0IHsgV2lkZ2V0VHlwZSB9IGZyb20gJ0BzdGlnZy9qcy1jbGllbnQtc2RrJztcclxuaW1wb3J0IHsgRW50aXRsZW1lbnRSb3cgfSBmcm9tICcuL0VudGl0bGVtZW50Um93JztcclxuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uL2NvbW1vbi9UeXBvZ3JhcGh5JztcclxuY29uc3QgUGxhbkVudGl0bGVtZW50c0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDE2cHg7XG5gO1xyXG5mdW5jdGlvbiBnZXRUaXRsZShwbGFuLCBwYXl3YWxsTG9jYWxlLCBoYXNGZWF0dXJlcykge1xyXG4gICAgaWYgKHBheXdhbGxMb2NhbGUuZW50aXRsZW1lbnRzVGl0bGUpIHtcclxuICAgICAgICByZXR1cm4gcGF5d2FsbExvY2FsZS5lbnRpdGxlbWVudHNUaXRsZShwbGFuKTtcclxuICAgIH1cclxuICAgIGxldCB0aXRsZSA9IGhhc0ZlYXR1cmVzID8gYCR7cGxhbi5kaXNwbGF5TmFtZX0gaW5jbHVkZXNgIDogJyc7XHJcbiAgICBpZiAocGxhbi5iYXNlUGxhbikge1xyXG4gICAgICAgIHRpdGxlID0gYEV2ZXJ5dGhpbmcgaW4gJHtwbGFuLmJhc2VQbGFuLmRpc3BsYXlOYW1lfSR7aGFzRmVhdHVyZXMgPyAnLCBwbHVzOicgOiAnJ31gO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRpdGxlO1xyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBQbGFuRW50aXRsZW1lbnRzKHsgcGxhbiwgYmlsbGluZ1BlcmlvZCwgcGF5d2FsbExvY2FsZSwgfSkge1xyXG4gICAgY29uc3QgcHJpY2VzID0gcGxhbi5wcmljZVBvaW50cz8uZmlsdGVyKChwcmljZSkgPT4gcHJpY2UuYmlsbGluZ1BlcmlvZCA9PT0gYmlsbGluZ1BlcmlvZCkgfHwgW107XHJcbiAgICBjb25zdCB1bml0QmFzZWRFbnRpdGxlbWVudHMgPSBwcmljZXNcclxuICAgICAgICAuZmlsdGVyKChwcmljZSkgPT4gKHByaWNlPy5taW5Vbml0UXVhbnRpdHkgJiYgcHJpY2U/Lm1pblVuaXRRdWFudGl0eSA+IDEpIHx8IHByaWNlPy5tYXhVbml0UXVhbnRpdHkpXHJcbiAgICAgICAgLm1hcCgocHJpY2UpID0+IHtcclxuICAgICAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoRW50aXRsZW1lbnRSb3csIHsga2V5OiBgcHJpY2VVbml0RW50aXRsZW1lbnQtJHtwcmljZT8uZmVhdHVyZT8uZGlzcGxheU5hbWV9YCwgZmVhdHVyZTogcHJpY2U/LmZlYXR1cmUsIG1pblVuaXRRdWFudGl0eTogcHJpY2U/Lm1pblVuaXRRdWFudGl0eSwgbWF4VW5pdFF1YW50aXR5OiBwcmljZT8ubWF4VW5pdFF1YW50aXR5IH0pKTtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgdmlzaWJsZUVudGl0bGVtZW50cyA9IHBsYW4uZW50aXRsZW1lbnRzLmZpbHRlcigoZW50aXRsZW1lbnQpID0+ICEoZW50aXRsZW1lbnQuaGlkZGVuRnJvbVdpZGdldHMgfHwgW10pLmluY2x1ZGVzKFdpZGdldFR5cGUuUGF5d2FsbCkpO1xyXG4gICAgY29uc3QgaGFzRmVhdHVyZXMgPSB1bml0QmFzZWRFbnRpdGxlbWVudHMubGVuZ3RoID4gMCB8fCB2aXNpYmxlRW50aXRsZW1lbnRzLmxlbmd0aCA+IDA7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoUGxhbkVudGl0bGVtZW50c0NvbnRhaW5lciwgeyBjbGFzc05hbWU6IFwic3RpZ2ctcGxhbi1lbnRpdGxlbWVudHMtY29udGFpbmVyXCIgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFR5cG9ncmFwaHksIHsgY2xhc3NOYW1lOiBcInN0aWdnLXBsYW4tZW50aXRsZW1lbnRzLXRpdGxlXCIsIGNvbG9yOiBcInNlY29uZGFyeVwiLCB2YXJpYW50OiBcImg2XCIsIGJvbGQ6IHRydWUgfSwgZ2V0VGl0bGUocGxhbiwgcGF5d2FsbExvY2FsZSwgaGFzRmVhdHVyZXMpKSxcclxuICAgICAgICB1bml0QmFzZWRFbnRpdGxlbWVudHMsXHJcbiAgICAgICAgdmlzaWJsZUVudGl0bGVtZW50cy5tYXAoKGVudGl0bGVtZW50KSA9PiAoUmVhY3QuY3JlYXRlRWxlbWVudChFbnRpdGxlbWVudFJvdywgeyBrZXk6IGVudGl0bGVtZW50LmZlYXR1cmU/LmlkLCBkaXNwbGF5TmFtZU92ZXJyaWRlOiBlbnRpdGxlbWVudC5kaXNwbGF5TmFtZU92ZXJyaWRlLCBmZWF0dXJlOiBlbnRpdGxlbWVudC5mZWF0dXJlLCByZXNldFBlcmlvZDogZW50aXRsZW1lbnQucmVzZXRQZXJpb2QsIGhhc1VubGltaXRlZFVzYWdlOiBlbnRpdGxlbWVudC5oYXNVbmxpbWl0ZWRVc2FnZSwgdXNhZ2VMaW1pdDogZW50aXRsZW1lbnQudXNhZ2VMaW1pdCwgaXNDdXN0b206IGVudGl0bGVtZW50LmlzQ3VzdG9tIH0pKSkpKTtcclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1QbGFuRW50aXRsZW1lbnRzLmpzLm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 });
 
-function getTitle(plan, paywallLocale) {
+function getTitle(plan, paywallLocale, hasFeatures) {
   if (paywallLocale.entitlementsTitle) {
     return paywallLocale.entitlementsTitle(plan);
   }
 
-  var title = plan.displayName + " includes";
+  var title = hasFeatures ? plan.displayName + " includes" : '';
 
   if (plan.basePlan) {
-    title = "Everything in " + plan.basePlan.displayName + ", plus:";
+    title = "Everything in " + plan.basePlan.displayName + (hasFeatures ? ', plus:' : '');
   }
 
   return title;
@@ -498,18 +498,14 @@ function PlanEntitlements(_ref) {
   var plan = _ref.plan,
       billingPeriod = _ref.billingPeriod,
       paywallLocale = _ref.paywallLocale;
-  var prices = (_plan$pricePoints = plan.pricePoints) == null ? void 0 : _plan$pricePoints.filter(function (price) {
+  var prices = ((_plan$pricePoints = plan.pricePoints) == null ? void 0 : _plan$pricePoints.filter(function (price) {
     return price.billingPeriod === billingPeriod;
-  });
-  var unitBasedEntitlements = prices == null ? void 0 : prices.map(function (price) {
+  })) || [];
+  var unitBasedEntitlements = prices.filter(function (price) {
+    return (price == null ? void 0 : price.minUnitQuantity) && (price == null ? void 0 : price.minUnitQuantity) > 1 || (price == null ? void 0 : price.maxUnitQuantity);
+  }).map(function (price) {
     var _price$feature;
 
-    var shouldRenderUnitBasedEntitlement = (price == null ? void 0 : price.minUnitQuantity) && (price == null ? void 0 : price.minUnitQuantity) > 1 || (price == null ? void 0 : price.maxUnitQuantity);
-
-    if (!shouldRenderUnitBasedEntitlement) {
-      return null;
-    }
-
     return React__default.createElement(EntitlementRow, {
       key: "priceUnitEntitlement-" + (price == null ? void 0 : (_price$feature = price.feature) == null ? void 0 : _price$feature.displayName),
       feature: price == null ? void 0 : price.feature,
@@ -517,6 +513,10 @@ function PlanEntitlements(_ref) {
       maxUnitQuantity: price == null ? void 0 : price.maxUnitQuantity
     });
   });
+  var visibleEntitlements = plan.entitlements.filter(function (entitlement) {
+    return !(entitlement.hiddenFromWidgets || []).includes(Stigg.WidgetType.Paywall);
+  });
+  var hasFeatures = unitBasedEntitlements.length > 0 || visibleEntitlements.length > 0;
   return React__default.createElement(PlanEntitlementsContainer, {
     className: "stigg-plan-entitlements-container"
   }, React__default.createElement(Typography, {
@@ -524,9 +524,7 @@ function PlanEntitlements(_ref) {
     color: "secondary",
     variant: "h6",
     bold: true
-  }, getTitle(plan, paywallLocale)), unitBasedEntitlements, plan.entitlements.filter(function (entitlement) {
-    return !(entitlement.hiddenFromWidgets || []).includes(Stigg.WidgetType.Paywall);
-  }).map(function (entitlement) {
+  }, getTitle(plan, paywallLocale, hasFeatures)), unitBasedEntitlements, visibleEntitlements.map(function (entitlement) {
     var _entitlement$feature;
 
     return React__default.createElement(EntitlementRow, {
@@ -1176,6 +1174,13 @@ var currencyPriceFormatter = function currencyPriceFormatter(_ref) {
   return formattedPrice;
 };
 
+function numberFormatter(number, _temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+      locale = _ref.locale;
+
+  return new Intl.NumberFormat(locale).format(number);
+}
+
 function getPaidPriceText(_ref) {
   var planPrices = _ref.planPrices,
       paywallCalculatedPrice = _ref.paywallCalculatedPrice,
@@ -1209,15 +1214,15 @@ function getPaidPriceText(_ref) {
   }
 
   if (isSinglePrice) {
-    var _price$feature;
+    var _price$feature, _price$feature2, _price$feature3;
 
     var price = planPrices[0];
-    var featureUnit = ((_price$feature = price.feature) == null ? void 0 : _price$feature.units) || '';
+    var formattedUnits = price.blockSize && price.blockSize > 1 ? "for " + numberFormatter(price.blockSize) + " " + (((_price$feature = price.feature) == null ? void 0 : _price$feature.unitsPlural) || ((_price$feature2 = price.feature) == null ? void 0 : _price$feature2.units) || '') : "per " + (((_price$feature3 = price.feature) == null ? void 0 : _price$feature3.units) || '');
 
     if (price.pricingModel === Stigg.BillingModel.PerUnit && !price.isTieredPrice) {
-      unit = shouldShowMonthlyPriceAmount ? "per " + featureUnit + " " + pricePeriod : "per " + featureUnit + " " + pricePeriod;
+      unit = formattedUnits + " " + pricePeriod;
     } else if (price.pricingModel === Stigg.BillingModel.UsageBased) {
-      unit = "per " + featureUnit;
+      unit = "" + formattedUnits;
     }
   }
 
@@ -3093,7 +3098,7 @@ var LoggerService = /*#__PURE__*/function () {
 
 var logger = /*#__PURE__*/new LoggerService();
 
-var version = "5.12.0";
+var version = "5.13.0";
 var name = "@stigg/react-sdk";
 
 var StiggContext = /*#__PURE__*/React__default.createContext(null);
@@ -12201,13 +12206,6 @@ 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)));
 }
 
-function numberFormatter(number, _temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      locate = _ref.locate;
-
-  return new Intl.NumberFormat(locate).format(number);
-}
-
 function formatPricePerUnit(_ref) {
   var quantity = _ref.quantity,
       totalAmount = _ref.totalAmount,