@stigg/react-sdk 5.27.0 → 5.28.0

package/package.json

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

package/src/components/NumericEntitlementGuard.tsx

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

package/src/index.ts

@@ -63,4 +63,5 @@ export {
 export { HorizontalAlignment, TextAlignment, FontVariant, FontWeight, StiggTheme } from './theme/types';
 export { CustomizedTheme as Theme } from './theme/Theme';
 export { BooleanEntitlementGuard } from './components/BooleanEntitlementGuard';
+export { NumericEntitlementGuard } from './components/NumericEntitlementGuard';
 export { MeteredEntitlementGuard } from './components/MeteredEntitlementGuard';