@stigg/react-sdk 5.5.1 → 5.6.0

package/dist/react-sdk.esm.js

@@ -6074,7 +6074,7 @@ function ChargeItem(_ref) {
       canUpgradeSubscription = _ref.canUpgradeSubscription,
       hasCustomSubscription = _ref.hasCustomSubscription;
   return React__default.createElement("div", {
-    className: "stigg-charge-list-item",
+    className: "stigg-charge-list-item stigg-charge-list-item-" + entitlement.feature.refId,
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -6726,7 +6726,8 @@ function CustomerUsageLoader() {
 var MAX_BOXES = 6;
 function CustomerUsageData(_ref) {
   var onManageSubscription = _ref.onManageSubscription,
-      onBuyMore = _ref.onBuyMore;
+      onBuyMore = _ref.onBuyMore,
+      filterEntitlements = _ref.filterEntitlements;
 
   var _React$useState = React__default.useState(false),
       showAll = _React$useState[0],
@@ -6764,10 +6765,11 @@ function CustomerUsageData(_ref) {
   var otherEntitlements = compact(meteredEntitlements == null ? void 0 : meteredEntitlements.filter(function (entitlement) {
     return !subscriptionPriceByFeature[entitlement.feature.refId];
   }));
-  var sortedEntitlements = [].concat(priceEntitlements, otherEntitlements); // 4 -> 3 per row, 6 -> 2 per row
+  var sortedEntitlements = [].concat(priceEntitlements, otherEntitlements);
+  var filteredEntitlements = filterEntitlements ? filterEntitlements(sortedEntitlements) : sortedEntitlements; // 4 -> 3 per row, 6 -> 2 per row
 
-  var xs = sortedEntitlements.length > 2 ? 4 : 6;
-  var entitlementsToShow = showAll ? sortedEntitlements : sortedEntitlements.slice(0, MAX_BOXES);
+  var xs = filteredEntitlements.length > 2 ? 4 : 6;
+  var entitlementsToShow = showAll ? filteredEntitlements : filteredEntitlements.slice(0, MAX_BOXES);
 
   var toggleShowAll = function toggleShowAll() {
     return setShowAll(function (prevState) {
@@ -6805,7 +6807,7 @@ function CustomerUsageData(_ref) {
       hasCustomSubscription: hasCustomSubscription,
       canUpgradeSubscription: canUpgradeSubscription
     }));
-  })), sortedEntitlements.length > MAX_BOXES && React__default.createElement(Footer, null, React__default.createElement(StyledButton$1, {
+  })), filteredEntitlements.length > MAX_BOXES && React__default.createElement(Footer, null, React__default.createElement(StyledButton$1, {
     className: "stigg-usage-toggle-many-button",
     variant: "text",
     startIcon: showAll ? React__default.createElement(Minus, null) : React__default.createElement(Plus, null),
@@ -6819,7 +6821,8 @@ function CustomerPortalContainer(_ref) {
       onCancelScheduledUpdates = _ref.onCancelScheduledUpdates,
       onContactSupport = _ref.onContactSupport,
       paywallComponent = _ref.paywallComponent,
-      hiddenSections = _ref.hiddenSections;
+      hiddenSections = _ref.hiddenSections,
+      filterEntitlements = _ref.filterEntitlements;
 
   var _useStiggContext = useStiggContext(),
       stigg = _useStiggContext.stigg;
@@ -6875,7 +6878,8 @@ function CustomerPortalContainer(_ref) {
     cancelScheduledUpdatesButtonTitle: textOverrides.cancelScheduledUpdatesButtonTitle
   }), shouldShowUsage && React__default.createElement(CustomerUsageData, {
     onManageSubscription: onManageClick,
-    onBuyMore: onBuyMore
+    onBuyMore: onBuyMore,
+    filterEntitlements: filterEntitlements
   }), React__default.createElement(CustomerPortalPaywall, {
     ref: customerPortalSectionRef,
     paywallComponent: paywallComponent,