const subscription = await stiggClient.provisionSubscription({  
  customerId: 'customer-demo-01',  
  resourceId: 'resource-01',
  planId: 'plan-basic',  
  // rest parameters
});

await stiggClient.reportUsage({  
  customerId: 'customer-test-id',
  resourceId: 'resource-01',
  featureId: 'feature-seats',  
  value: 10,
});

const requestedUsage = 10;

const entitlement = await stiggClient.getMeteredEntitlement({  
  customerId: 'customer-demo-01',  
  resourceId: 'resource-01',
  featureId: 'feature-demo-03',  
  options: {  
    requestedUsage
  }  
});

if (entitlement.hasAccess) {  
  // has access and the requested usage is within the allowed quota  
} else {  
  // the customer has exceeded his quota for this feature  
}

import { useStiggContext } from '@stigg/react-sdk';

function Component() {
  const { stigg } = useStiggContext();
  const resourceId = 'resource-01';

  useEffect(() => {
    stigg.setResource(resourceId);
    return () => stigg.clearResource(); // automatically reset the context once the component is removed
  }, [stigg, resourceId]);
}

// set the current product instance context
stiggClient.setResource('resource-01');

// reset the context when no longer in a product instance context
stigg.clearResource();

const requestedUsage = 10;

const entitlement = stiggClient.getMeteredEntitlement({  
  featureId: 'feature-demo-01',
  resourceId: 'resource-01',
  options: {  
    requestedUsage
  }
});

if (entitlement.hasAccess) {  
  // has access and the requested usage is within the allowed quota  
} else {  
  // the customer has exceeded his quota for this feature  
}

const subscriptions = await stiggClient.getActiveSubscriptionsList({  
  customerId: 'customer-demo-01',
  resourceId: 'resource-01',
});

const subscriptions = await stiggClient.getActiveSubscriptionsList({  
  resourceId: 'resource-01',
});

<Paywall  
  highlightedPlanId='plan-id'
  resourceId='resource-01'
  onPlanSelected={({ plan, customer }) => {  
    // Handle customer intention to subscribe to plan  
  }}  
/>

<CustomerPortal
  resourceId='resource-01'
  paywallComponent={
    <Paywall
  	  resourceId='resource-01'
    	// rest of paywall parameters
    />
  }
  // rest of customer portal parameters
/>

<Checkout
        planId={'<TARGET_PLAN_ID>'}
				resourceId='resource-01'
        onCheckoutCompleted={({ success, error }) => {
          // TODO: handle checkout widget completion
        }}
      />