@stigg/react-sdk 5.5.1 → 5.7.0

package/dist/react-sdk.esm.js

@@ -1509,6 +1509,10 @@ function ContentLoadingSkeleton() {
   })))));
 }
 
+var ON_WHEEL_BLUR = function ON_WHEEL_BLUR(e) {
+  return e.target.blur();
+};
+
 function VolumePerUnitInput(_ref) {
   var width = _ref.width,
       tierUnits = _ref.tierUnits,
@@ -1516,6 +1520,7 @@ function VolumePerUnitInput(_ref) {
       handleChange = _ref.handleChange;
   return React__default.createElement(InputField, {
     type: "number",
+    onWheel: ON_WHEEL_BLUR,
     fullWidth: true,
     sx: {
       minHeight: '46px',
@@ -6074,7 +6079,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 +6731,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 +6770,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 +6812,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 +6826,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 +6883,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,
@@ -13418,6 +13427,7 @@ function AddonListItem(_ref) {
   }, "Undo")), isAdded && React__default.createElement(React__default.Fragment, null, React__default.createElement(InputField, {
     id: addon.id + "-input",
     type: "number",
+    onWheel: ON_WHEEL_BLUR,
     sx: {
       width: 120,
       marginX: 2
@@ -14013,6 +14023,7 @@ function PlanCharge(_ref) {
       },
       id: featureId + "-input",
       type: "number",
+      onWheel: ON_WHEEL_BLUR,
       error: !isValid,
       helperText: !isValid ? getValidationText(charge, billableFeature == null ? void 0 : billableFeature.quantity) : undefined,
       FormHelperTextProps: {
@@ -14021,10 +14032,7 @@ function PlanCharge(_ref) {
         }
       },
       value: (_billableFeature$quan = billableFeature == null ? void 0 : billableFeature.quantity) != null ? _billableFeature$quan : '',
-      onChange: handleQuantityChange,
-      onWheel: function onWheel(e) {
-        return e.target.blur();
-      }
+      onChange: handleQuantityChange
     });
   }