@stigg/react-sdk 6.3.0 → 6.4.1

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.3.0",
+  "version": "6.4.1",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/EnumEntitlementGuard.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { GetEnumEntitlement } from '@stigg/js-client-sdk';
+import { useEnumEntitlement } from '../hooks';
+
+type EnumEntitlementGuardProps = GetEnumEntitlement & {
+  noAccessComponent?: React.ReactNode;
+  children: React.ReactElement;
+};
+
+export function EnumEntitlementGuard({ noAccessComponent, children, ...rest }: EnumEntitlementGuardProps): JSX.Element {
+  const { hasAccess } = useEnumEntitlement(rest);
+
+  if (!hasAccess) {
+    return <>{noAccessComponent ?? null}</>;
+  }
+
+  return children;
+}

package/src/components/paywall/PlanCompatibleAddons.tsx

@@ -90,6 +90,8 @@ export function PlanCompatibleAddons({ addons, paywallLocale }: PlanCompatibleAd
 
   const displayedAddons = showAllAddons ? visibleAddons : visibleAddons.slice(0, MAX_ADDONS);
 
+  if (displayedAddons.length === 0) return null;
+
   return (
     <AddonsBox className="stigg-compatible-addons-container">
       <Typography className="stigg-compatible-addons-header" color="secondary" variant="body1" bold>

package/src/hooks/index.ts

@@ -1,6 +1,7 @@
 export { useBooleanEntitlement } from './useBooleanEntitlement';
 export { useNumericEntitlement } from './useNumericEntitlement';
 export { useMeteredEntitlement } from './useMeteredEntitlement';
+export { useEnumEntitlement } from './useEnumEntitlement';
 export { useActiveSubscriptions } from './useActiveSubscriptions';
 export { usePaywall } from './usePaywall';
 export { useCustomerPortal } from './useCustomerPortal';

package/src/hooks/useEnumEntitlement.ts

@@ -0,0 +1,20 @@
+import { GetEnumEntitlement, ENUM_DEFAULT_FALLBACK_ENTITLEMENT, EnumEntitlement } from '@stigg/js-client-sdk';
+import { useStiggContext } from './useStiggContext';
+
+type TypedGetEnumEntitlement<T> = Omit<GetEnumEntitlement, 'featureId'> & {
+  featureId: T;
+};
+
+export function useEnumEntitlement<T extends string>(params: TypedGetEnumEntitlement<T>): EnumEntitlement {
+  const stiggContext = useStiggContext({ optional: true });
+  const stigg = stiggContext?.stigg;
+
+  if (!stigg) {
+    return {
+      ...ENUM_DEFAULT_FALLBACK_ENTITLEMENT,
+      ...params.options?.fallback,
+    };
+  }
+
+  return stigg.getEnumEntitlement(params);
+}

package/src/index.ts

@@ -56,6 +56,7 @@ export { useWaitForCheckoutCompleted, ProvisionStatus } from './components/hooks
 export {
   useBooleanEntitlement,
   useMeteredEntitlement,
+  useEnumEntitlement,
   useNumericEntitlement,
   useActiveSubscriptions,
   useCustomerPortal,
@@ -67,3 +68,4 @@ export { CustomizedTheme as Theme } from './theme/Theme';
 export { BooleanEntitlementGuard } from './components/BooleanEntitlementGuard';
 export { NumericEntitlementGuard } from './components/NumericEntitlementGuard';
 export { MeteredEntitlementGuard } from './components/MeteredEntitlementGuard';
+export { EnumEntitlementGuard } from './components/EnumEntitlementGuard';