@stigg/react-sdk 5.5.0 → 5.6.0

package/dist/components/customerPortal/CustomerPortal.d.ts

@@ -3,7 +3,7 @@ import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
 import { DeepPartial } from '../../types';
 import { CustomerPortalLocalization } from './customerPortalTextOverrides';
 import { CustomerPortalTheme } from './customerPortalTheme';
-import { OnBuyMoreCallbackFn, OnManageSubscriptionFn } from './types';
+import { FilterEntitlementsFn, OnBuyMoreCallbackFn, OnManageSubscriptionFn } from './types';
 export declare type CustomerPortalSection = 'usage' | 'addons' | 'promotionalEntitlements' | 'billingInformation' | 'paymentDetails' | 'invoices';
 export declare type CustomerPortalProps = {
     onManageSubscription?: OnManageSubscriptionFn;
@@ -14,6 +14,7 @@ export declare type CustomerPortalProps = {
     hiddenSections?: CustomerPortalSection[];
     textOverrides?: DeepPartial<CustomerPortalLocalization>;
     theme?: DeepPartial<CustomerPortalTheme>;
+    filterEntitlements?: FilterEntitlementsFn;
     resourceId?: string;
     productId?: string;
 };

package/dist/components/customerPortal/CustomerPortalContainer.d.ts

@@ -4,4 +4,4 @@ import { CustomerPortalIntentionType } from './types';
 export declare type OnManageClick = ({ intentionType }: {
     intentionType: CustomerPortalIntentionType;
 }) => void;
-export declare function CustomerPortalContainer({ onManageSubscription, onBuyMore, onCancelScheduledUpdates, onContactSupport, paywallComponent, hiddenSections, }: CustomerPortalProps): JSX.Element;
+export declare function CustomerPortalContainer({ onManageSubscription, onBuyMore, onCancelScheduledUpdates, onContactSupport, paywallComponent, hiddenSections, filterEntitlements, }: CustomerPortalProps): JSX.Element;

package/dist/components/customerPortal/types.d.ts

@@ -1,6 +1,7 @@
 import { CustomerPortalEntitlement, CustomerPortalSubscription } from '@stigg/js-client-sdk';
 import { FeatureFragment } from '@stigg/api-client-js/src/generated/sdk';
 export declare type OnBuyMoreCallbackFn = (feature: FeatureFragment, entitlement: CustomerPortalEntitlement) => void;
+export declare type FilterEntitlementsFn = (entitlements: CustomerPortalEntitlement[]) => CustomerPortalEntitlement[];
 export declare enum CustomerPortalIntentionType {
     MANAGE_SUBSCRIPTION = "MANAGE_SUBSCRIPTION",
     UPGRADE_PLAN = "UPGRADE_PLAN",

package/dist/components/customerPortal/usage/CustomerUsageData.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { OnBuyMoreCallbackFn } from '../types';
+import { FilterEntitlementsFn, OnBuyMoreCallbackFn } from '../types';
 import { OnManageClick } from '../CustomerPortalContainer';
 export declare type CustomerUsageDataProps = {
     onManageSubscription?: OnManageClick;
     onBuyMore?: OnBuyMoreCallbackFn;
+    filterEntitlements?: FilterEntitlementsFn;
 };
-export declare function CustomerUsageData({ onManageSubscription, onBuyMore }: CustomerUsageDataProps): JSX.Element | null;
+export declare function CustomerUsageData({ onManageSubscription, onBuyMore, filterEntitlements }: CustomerUsageDataProps): JSX.Element | null;

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

@@ -5821,7 +5821,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',
@@ -6432,7 +6432,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],
@@ -6470,10 +6471,11 @@ function CustomerUsageData(_ref) {
   var otherEntitlements = lodash.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) {
@@ -6498,6 +6500,7 @@ function CustomerUsageData(_ref) {
     spacing: 4
   }, entitlementsToShow.map(function (entitlement) {
     return React__default.createElement(Grid, {
+      className: "stigg-entitlement-usage-" + entitlement.feature.refId,
       key: entitlement.feature.refId,
       item: true,
       xs: xs
@@ -6510,7 +6513,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(reactFeather.Minus, null) : React__default.createElement(reactFeather.Plus, null),
@@ -6524,7 +6527,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;
@@ -6580,7 +6584,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,