@stigg/react-sdk 7.7.1-beta.1 → 7.8.0

package/dist/src/components/utils/planPrices.d.ts

@@ -0,0 +1,4 @@
+import { Plan } from '@stigg/js-client-sdk';
+export declare const hasMonthlyPrices: (plan?: Plan) => boolean;
+export declare const hasAnnualPrices: (plan?: Plan) => boolean;
+export declare const hasMultipleBillingPeriods: (plan?: Plan) => boolean;

package/dist/src/components/utils/priceTierUtils.d.ts

@@ -0,0 +1,34 @@
+import { BillingPeriod, Price, PriceTierFragment, Subscription } from '@stigg/js-client-sdk';
+import { PaywallPlan } from '../paywall';
+import { CurrentSubscriptionOverride, SelectDefaultTierIndexFn } from '../paywall/types';
+export declare function getPriceFeatureUnit(price: Price): string;
+export declare function getTierByQuantity(tiers: PriceTierFragment[], quantity: number): PriceTierFragment;
+export declare function calculateTierPriceGraduated(tiers: PriceTierFragment[], unitQuantity: number, selectedBillingPeriod?: BillingPeriod, shouldShowMonthlyPriceAmount?: boolean): {
+    total: number;
+    breakdown: Array<{
+        unitQuantity: number;
+        amount: number;
+    }>;
+};
+export declare function calculateTierPrice(price: Pick<Price, 'tiers' | 'tiersMode'>, unitQuantity: number, selectedBillingPeriod?: BillingPeriod, shouldShowMonthlyPriceAmount?: boolean): number;
+export declare function hasTierWithUnitPrice(tiers: PriceTierFragment[] | null | undefined): boolean | undefined;
+export declare function isBulkTiers(tiers: PriceTierFragment[] | null | undefined): boolean | undefined;
+export declare function isQuantityInFirstTier(tiers: PriceTierFragment[] | null | undefined, quantity: number): boolean | 0 | null | undefined;
+export declare function getTiersPerUnitQuantities({ plan, billingPeriod, currentSubscription, currentSubscriptionOverride, selectDefaultTierIndex, }: {
+    plan: PaywallPlan;
+    billingPeriod: BillingPeriod;
+    currentSubscription: Subscription | null;
+    currentSubscriptionOverride?: CurrentSubscriptionOverride | null;
+    selectDefaultTierIndex?: SelectDefaultTierIndexFn;
+}): Record<string, number>;
+export declare enum PriceTierComparison {
+    Lower = -1,
+    Equal = 0,
+    Higher = 1
+}
+export declare function compareSelectedTierToCurrentTier({ perUnitQuantityByFeature, plan, currentSubscription, currentSubscriptionOverride, }: {
+    perUnitQuantityByFeature: Record<string, number>;
+    plan: PaywallPlan;
+    currentSubscription: Subscription | null;
+    currentSubscriptionOverride?: CurrentSubscriptionOverride | null;
+}): PriceTierComparison;

package/dist/src/components/utils/priceUtils.d.ts

@@ -0,0 +1,2 @@
+import { Price } from '@stigg/js-client-sdk';
+export declare const getValidPriceQuantity: (price: Price, quantity: number) => number;

package/dist/src/hooks/index.d.ts

@@ -0,0 +1,8 @@
+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';
+export { useStiggContext } from './useStiggContext';

package/dist/src/hooks/useActiveSubscriptions.d.ts

@@ -0,0 +1,6 @@
+import { GetActiveSubscriptions } from '@stigg/js-client-sdk';
+export declare function useActiveSubscriptions(params?: GetActiveSubscriptions): {
+    activeSubscriptions: import('@stigg/js-client-sdk').Subscription[] | null;
+    isLoading: boolean;
+    error: Error | null;
+};

package/dist/src/hooks/useBooleanEntitlement.d.ts

@@ -0,0 +1,5 @@
+import { BooleanEntitlement, GetBooleanEntitlement } from '@stigg/js-client-sdk';
+export type TypedGetBooleanEntitlement<T> = Omit<GetBooleanEntitlement, 'featureId'> & {
+    featureId: T;
+};
+export declare function useBooleanEntitlement<T extends string>(params: TypedGetBooleanEntitlement<T>): BooleanEntitlement;

package/dist/src/hooks/useCustomerPortal.d.ts

@@ -0,0 +1,6 @@
+import { GetCustomerPortal } from '@stigg/js-client-sdk';
+export declare function useCustomerPortal(params?: GetCustomerPortal): {
+    customerPortal: import('@stigg/js-client-sdk').CustomerPortal | null;
+    isLoading: boolean;
+    error: Error | null;
+};

package/dist/src/hooks/useEnumEntitlement.d.ts

@@ -0,0 +1,6 @@
+import { GetEnumEntitlement, EnumEntitlement } from '@stigg/js-client-sdk';
+type TypedGetEnumEntitlement<T> = Omit<GetEnumEntitlement, 'featureId'> & {
+    featureId: T;
+};
+export declare function useEnumEntitlement<T extends string>(params: TypedGetEnumEntitlement<T>): EnumEntitlement;
+export {};

package/dist/src/hooks/useFetch.d.ts

@@ -0,0 +1,8 @@
+export type FetchResult<T> = {
+    isLoading: boolean;
+    error: Error | null;
+    data: T | null;
+};
+export declare function useFetch<T>({ func }: {
+    func: () => Promise<T>;
+}): FetchResult<T>;

package/dist/src/hooks/useMeteredEntitlement.d.ts

@@ -0,0 +1,6 @@
+import { GetMeteredEntitlement, MeteredEntitlement } from '@stigg/js-client-sdk';
+type TypedGetMeteredEntitlement<T> = Omit<GetMeteredEntitlement, 'featureId'> & {
+    featureId: T;
+};
+export declare function useMeteredEntitlement<T extends string>(params: TypedGetMeteredEntitlement<T>): MeteredEntitlement;
+export {};

package/dist/src/hooks/useNumericEntitlement.d.ts

@@ -0,0 +1,6 @@
+import { NumericEntitlement, GetNumericEntitlement } from '@stigg/js-client-sdk';
+type TypedGetNumericEntitlement<T> = Omit<GetNumericEntitlement, 'featureId'> & {
+    featureId: T;
+};
+export declare function useNumericEntitlement<T extends string>(params: TypedGetNumericEntitlement<T>): NumericEntitlement;
+export {};

package/dist/src/hooks/usePaywall.d.ts

@@ -0,0 +1,6 @@
+import { GetPaywall } from '@stigg/js-client-sdk';
+export declare function usePaywall(params?: GetPaywall): {
+    paywall: import('@stigg/js-client-sdk').Paywall | null;
+    isLoading: boolean;
+    error: Error | null;
+};

package/dist/src/hooks/useStiggContext.d.ts

@@ -0,0 +1,7 @@
+import { StiggContextValue } from '../components/StiggProvider';
+export declare function useStiggContext(options?: {
+    optional?: false;
+}): StiggContextValue;
+export declare function useStiggContext(options: {
+    optional: true;
+}): StiggContextValue | null;

package/dist/src/index.d.ts

@@ -0,0 +1,26 @@
+export * from '@stigg/js-client-sdk';
+export { Paywall } from './components/paywall';
+export { SubscribeIntentionType } from './components/paywall';
+export type { PaywallProps, OnPlanSelectedCallbackFn, CurrentSubscriptionOverride, CurrentSubscriptionOverrideFn, PaywallPlan, PaywallLocalization, PlanPriceText, CurrentPlanParams, PaywallData, SelectDefaultTierIndexFn, ShouldHidePlanFn, } from './components/paywall';
+export { CustomerPortalProvider, CustomerPortal, AddonsList, PaymentDetailsSection, InvoicesSection, CustomerUsageData, SubscriptionsOverview, Promotions, } from './components/customerPortal';
+export type { CustomerPortalProps, CustomerPortalSection, CustomerUsageDataProps, SubscriptionsOverviewProps, CustomerPortalIntentionType, OnBuyMoreCallbackFn, OnManageSubscriptionFn, CustomerPortalLocalization, CustomerPortalTheme, } from './components/customerPortal';
+export { StiggProvider, StiggContext } from './components/StiggProvider';
+export type { StiggProviderProps, StiggContextValue } from './components/StiggProvider';
+export { Checkout } from './components/checkout';
+export type { CheckoutProps, CheckoutProviderProps, CheckoutContainerProps, CheckoutLocalization, CheckoutResult, OnCheckoutCompletedParams, OnCheckoutParams, CheckoutTheme, CheckoutMockProps, MockCheckoutPreviewCallback, MockCheckoutStateCallback, BillingInformation, CheckoutStepKey, TaxDetailsInput, OnBeforeStepChangeCallback, OnBillableFeatureChangeCallback, OnAddonChangeCallback, CheckoutState, } from './components/checkout';
+export { useWaitForCheckoutCompleted, ProvisionStatus } from './components/hooks';
+export { useBooleanEntitlement, useMeteredEntitlement, useEnumEntitlement, useNumericEntitlement, useActiveSubscriptions, useCustomerPortal, useStiggContext, usePaywall, } from './hooks';
+export type { HorizontalAlignment, TextAlignment, FontVariant, StiggTheme } from './theme/types';
+export type { CustomizedTheme as Theme } from './theme/Theme';
+export { BooleanEntitlementGuard } from './components/guards/BooleanEntitlementGuard';
+export { NumericEntitlementGuard } from './components/guards/NumericEntitlementGuard';
+export { MeteredEntitlementGuard } from './components/guards/MeteredEntitlementGuard';
+export { EnumEntitlementGuard } from './components/guards/EnumEntitlementGuard';
+export type { CreditBalanceProps, CreditUtilizationProps, CreditUtilizationLocalization, CreditGrantsProps, GetCreditGrantsParams, CreditGrantsLocalization, GetCreditBalanceParams, } from './components/credits';
+export { CreditBalance, useCreditBalance, CreditUtilization, CreditGrants, useCreditGrants, CreditUsageChart, useCreditUsage, } from './components/credits';
+export type { HeadCell, GenericTableProps, TableAlignment, PixelWidth } from './components/common/table';
+export { GenericTable, ErrorState, EmptyState } from './components/common/table';
+export { formatDateTime, formatDateOnly } from './components/utils/dateUtils';
+export type { StatusChipVariant, StatusChipColors } from './theme/types';
+export { StatusChip } from './components/common/StatusChip';
+export { mapCreditGrantStatusToVariant } from './components/credits/grants/utils';

package/dist/src/services/logger.d.ts

@@ -0,0 +1,12 @@
+export interface Logger {
+    log: (message: string, object?: Record<string, string>) => void;
+    debug: (message: string, object?: Record<string, string>) => void;
+    error: (message: string, error?: Error, ...params: Record<string, string>[]) => void;
+}
+export declare class LoggerService implements Logger {
+    error(message: string, error?: Error, ...params: Record<string, string>[]): void;
+    log(message: string, object?: Record<string, string>): void;
+    debug(message: string, object?: Record<string, string>): void;
+}
+declare const _default: LoggerService;
+export default _default;

package/dist/src/stories/CustomTheme.d.ts

@@ -0,0 +1,2 @@
+import { CustomizedTheme } from '../theme/Theme';
+export declare const customTheme: CustomizedTheme;

package/dist/src/stories/baseArgs.d.ts

@@ -0,0 +1,11 @@
+export declare const defaultArgs: {
+    apiKey: string;
+    baseUri: string;
+    enableEdge: boolean;
+};
+export declare const defaultArgsWithCustomer: {
+    customerId: string;
+    apiKey: string;
+    baseUri: string;
+    enableEdge: boolean;
+};

package/dist/src/stories/mocks/checkout/consts.d.ts

@@ -0,0 +1,11 @@
+export declare const BASE_FEE_MONTHLY = 200;
+export declare const BASE_FEE_YEARLY: number;
+export declare const TIERS: number[];
+export declare const TIERS_PRICE_MONTHLY: number[];
+export declare const TIERS_PRICE_YEARLY: number[];
+export declare const PER_UNIT_PRICE_MONTHLY = 12;
+export declare const PER_UNIT_PRICE_YEARLY: number;
+export declare const ADDON_PRICE_MONTHLY = 50;
+export declare const ADDON_PRICE_YEARLY: number;
+export declare const STRIPE_MOCK_ACCOUNT_ID = "acct_1NnHoQG6EyqgvTaj";
+export declare const STRIPE_MOCK_ACCOUNT_PK = "pk_test_51NnHoQG6EyqgvTajznajopWC01AozNtq7zgySeQ1qx4PH9TAXvMj0TnbZvYT3yOt46jbQAcCDs1EU2QKcfG8eEoO00tlW0Jp3r";

package/dist/src/stories/mocks/checkout/mockCheckoutPreview.d.ts

@@ -0,0 +1,2 @@
+import { PreviewSubscription, SubscriptionPreviewV2 } from '@stigg/js-client-sdk';
+export declare function mockPreviewSubscription(input: PreviewSubscription): SubscriptionPreviewV2;

package/dist/src/stories/mocks/checkout/mockCheckoutState.d.ts

@@ -0,0 +1,2 @@
+import { GetCheckoutState, GetCheckoutStateResults } from '@stigg/js-client-sdk';
+export declare function mockCheckoutState(params: GetCheckoutState): GetCheckoutStateResults;

package/dist/src/theme/Fonts.d.ts

@@ -0,0 +1,3 @@
+export declare const Fonts: ({ externalFontUrl }: {
+    externalFontUrl?: string | undefined;
+}) => JSX.Element;

package/dist/src/theme/Theme.d.ts

@@ -0,0 +1,10 @@
+import { default as React, PropsWithChildren } from 'react';
+import { DeepPartial } from '../types';
+import { StiggTheme } from './types';
+export type CustomizedTheme = DeepPartial<StiggTheme>;
+type SdkThemeProviderProps = {
+    componentTheme?: CustomizedTheme;
+};
+export declare function useStiggTheme(remoteThemeOverride?: CustomizedTheme): StiggTheme;
+export declare const SdkThemeProvider: React.FC<PropsWithChildren<SdkThemeProviderProps>>;
+export {};

package/dist/src/theme/getResolvedTheme.d.ts

@@ -0,0 +1,4 @@
+import { HorizontalAlignment, StiggTheme } from './types';
+import { CustomizedTheme } from './Theme';
+export declare const flexLayoutMapper: (horizontalAlignment: HorizontalAlignment) => string;
+export declare const getResolvedTheme: (customizedTheme?: CustomizedTheme) => StiggTheme;

package/dist/src/theme/types.d.ts

@@ -0,0 +1,83 @@
+export type HorizontalAlignment = 'left' | 'center' | 'right';
+export type TextAlignment = 'left' | 'center' | 'right';
+export type FontVariant = {
+    fontSize: string;
+    fontWeight: 'bold' | 'normal';
+    semanticElement: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+};
+export type StatusChipVariant = 'success' | 'warning' | 'error' | 'info' | 'neutral';
+export type StatusChipColors = {
+    background: string;
+    text: string;
+    border: string;
+};
+export type StiggTheme = {
+    palette: {
+        primary: string;
+        primaryDark: string;
+        primaryLight: string;
+        backgroundPaper: string;
+        backgroundHighlight: string;
+        backgroundSection: string;
+        backgroundButton: string;
+        outlinedBorder: string;
+        outlinedRestingBorder: string;
+        outlinedHoverBackground: string;
+        switchBorder: string;
+        switchFill: string;
+        switchHandle: string;
+        warning: string;
+        error: string;
+        errorDark: string;
+        white: string;
+        success: string;
+        successDark: string;
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+        };
+        statusChips: {
+            success: StatusChipColors;
+            warning: StatusChipColors;
+            error: StatusChipColors;
+            info: StatusChipColors;
+            neutral: StatusChipColors;
+        };
+        progress: {
+            background: string;
+            low: string;
+            medium: string;
+            high: string;
+        };
+    };
+    layout: {
+        planMinWidth: string;
+        planMaxWidth: string;
+        planMargin: string;
+        planPadding: string;
+        ctaAlignment: HorizontalAlignment;
+        headerAlignment: HorizontalAlignment;
+        descriptionAlignment: TextAlignment;
+        descriptionMinHeight: string;
+        switchBottomSpacing: string;
+    };
+    shadows: {
+        light: string;
+        popover: string;
+    };
+    border: {
+        radius: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontFamilyUrl?: string;
+        h1: FontVariant;
+        h2: FontVariant;
+        h3: FontVariant;
+        body: FontVariant;
+        caption: FontVariant;
+    };
+    customCss?: string;
+};

package/dist/src/types.d.ts

@@ -0,0 +1,16 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+export type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type DowngradeChangeVariables = {
+    addonRefIds?: string;
+    billingPeriod?: BillingPeriod;
+    downgradePlanRefId: string;
+};
+export type BillingPeriodChangeVariables = {
+    billingPeriod?: BillingPeriod;
+};
+export type UnitAmountChangeVariables = {
+    newUnitAmount?: number;
+    featureId: string;
+};

package/dist/src/utils/styledUtils.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('@emotion/styled').CreateStyled;
+export default _default;

package/dist/stripe.esm-BkoVJ3BR.js

@@ -0,0 +1,67 @@
+var u = "https://js.stripe.com/v3", s = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
+var l = function() {
+  for (var e = document.querySelectorAll('script[src^="'.concat(u, '"]')), t = 0; t < e.length; t++) {
+    var r = e[t];
+    if (s.test(r.src))
+      return r;
+  }
+  return null;
+}, p = function(e) {
+  var t = "", r = document.createElement("script");
+  r.src = "".concat(u).concat(t);
+  var n = document.head || document.body;
+  if (!n)
+    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
+  return n.appendChild(r), r;
+}, f = function(e, t) {
+  !e || !e._registerWrapper || e._registerWrapper({
+    name: "stripe-js",
+    version: "1.54.1",
+    startTime: t
+  });
+}, a = null, v = function(e) {
+  return a !== null || (a = new Promise(function(t, r) {
+    if (typeof window > "u" || typeof document > "u") {
+      t(null);
+      return;
+    }
+    if (window.Stripe) {
+      t(window.Stripe);
+      return;
+    }
+    try {
+      var n = l();
+      n && e || n || (n = p(e)), n.addEventListener("load", function() {
+        window.Stripe ? t(window.Stripe) : r(new Error("Stripe.js not available"));
+      }), n.addEventListener("error", function() {
+        r(new Error("Failed to load Stripe.js"));
+      });
+    } catch (o) {
+      r(o);
+      return;
+    }
+  })), a;
+}, S = function(e, t, r) {
+  if (e === null)
+    return null;
+  var n = e.apply(void 0, t);
+  return f(n, r), n;
+}, c = Promise.resolve().then(function() {
+  return v(null);
+}), d = !1;
+c.catch(function(i) {
+  d || console.warn(i);
+});
+var m = function() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  d = !0;
+  var n = Date.now();
+  return c.then(function(o) {
+    return S(o, t, n);
+  });
+};
+export {
+  m as loadStripe
+};
+//# sourceMappingURL=stripe.esm-BkoVJ3BR.js.map

package/dist/stripe.esm-BkoVJ3BR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripe.esm-BkoVJ3BR.js","sources":["../node_modules/@stripe/stripe-js/dist/stripe.esm.js"],"sourcesContent":["var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\nvar findScript = function findScript() {\n  var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n\n  for (var i = 0; i < scripts.length; i++) {\n    var script = scripts[i];\n\n    if (!V3_URL_REGEX.test(script.src)) {\n      continue;\n    }\n\n    return script;\n  }\n\n  return null;\n};\n\nvar injectScript = function injectScript(params) {\n  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n  var script = document.createElement('script');\n  script.src = \"\".concat(V3_URL).concat(queryString);\n  var headOrBody = document.head || document.body;\n\n  if (!headOrBody) {\n    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');\n  }\n\n  headOrBody.appendChild(script);\n  return script;\n};\n\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n  if (!stripe || !stripe._registerWrapper) {\n    return;\n  }\n\n  stripe._registerWrapper({\n    name: 'stripe-js',\n    version: \"1.54.1\",\n    startTime: startTime\n  });\n};\n\nvar stripePromise = null;\nvar loadScript = function loadScript(params) {\n  // Ensure that we only attempt to load Stripe.js at most once\n  if (stripePromise !== null) {\n    return stripePromise;\n  }\n\n  stripePromise = new Promise(function (resolve, reject) {\n    if (typeof window === 'undefined' || typeof document === 'undefined') {\n      // Resolve to null when imported server side. This makes the module\n      // safe to import in an isomorphic code base.\n      resolve(null);\n      return;\n    }\n\n    if (window.Stripe && params) {\n      console.warn(EXISTING_SCRIPT_MESSAGE);\n    }\n\n    if (window.Stripe) {\n      resolve(window.Stripe);\n      return;\n    }\n\n    try {\n      var script = findScript();\n\n      if (script && params) {\n        console.warn(EXISTING_SCRIPT_MESSAGE);\n      } else if (!script) {\n        script = injectScript(params);\n      }\n\n      script.addEventListener('load', function () {\n        if (window.Stripe) {\n          resolve(window.Stripe);\n        } else {\n          reject(new Error('Stripe.js not available'));\n        }\n      });\n      script.addEventListener('error', function () {\n        reject(new Error('Failed to load Stripe.js'));\n      });\n    } catch (error) {\n      reject(error);\n      return;\n    }\n  });\n  return stripePromise;\n};\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n  if (maybeStripe === null) {\n    return null;\n  }\n\n  var stripe = maybeStripe.apply(undefined, args);\n  registerWrapper(stripe, startTime);\n  return stripe;\n}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n\n// own script injection.\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n  return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n  if (!loadCalled) {\n    console.warn(err);\n  }\n});\nvar loadStripe = function loadStripe() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  loadCalled = true;\n  var startTime = Date.now();\n  return stripePromise$1.then(function (maybeStripe) {\n    return initStripe(maybeStripe, args, startTime);\n  });\n};\n\nexport { loadStripe };\n"],"names":["V3_URL","V3_URL_REGEX","findScript","scripts","i","script","injectScript","params","queryString","headOrBody","registerWrapper","stripe","startTime","stripePromise","loadScript","resolve","reject","error","initStripe","maybeStripe","args","stripePromise$1","loadCalled","err","loadStripe","_len","_key"],"mappings":"AAAA,IAAIA,IAAS,4BACTC,IAAe;AAEnB,IAAIC,IAAa,WAAsB;AAGrC,WAFIC,IAAU,SAAS,iBAAiB,gBAAiB,OAAOH,GAAQ,IAAK,CAAC,GAErEI,IAAI,GAAGA,IAAID,EAAQ,QAAQC,KAAK;AACvC,QAAIC,IAASF,EAAQC,CAAC;AAEtB,QAAKH,EAAa,KAAKI,EAAO,GAAG;AAIjC,aAAOA;AAAA,EACT;AAEA,SAAO;AACT,GAEIC,IAAe,SAAsBC,GAAQ;AAC/C,MAAIC,IAAuF,IACvFH,IAAS,SAAS,cAAc,QAAQ;AAC5C,EAAAA,EAAO,MAAM,GAAG,OAAOL,CAAM,EAAE,OAAOQ,CAAW;AACjD,MAAIC,IAAa,SAAS,QAAQ,SAAS;AAE3C,MAAI,CAACA;AACH,UAAM,IAAI,MAAM,6EAA6E;AAG/F,SAAAA,EAAW,YAAYJ,CAAM,GACtBA;AACT,GAEIK,IAAkB,SAAyBC,GAAQC,GAAW;AAChE,EAAI,CAACD,KAAU,CAACA,EAAO,oBAIvBA,EAAO,iBAAiB;AAAA,IACtB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWC;AAAA,EACf,CAAG;AACH,GAEIC,IAAgB,MAChBC,IAAa,SAAoBP,GAAQ;AAE3C,SAAIM,MAAkB,SAItBA,IAAgB,IAAI,QAAQ,SAAUE,GAASC,GAAQ;AACrD,QAAI,OAAO,SAAW,OAAe,OAAO,WAAa,KAAa;AAGpE,MAAAD,EAAQ,IAAI;AACZ;AAAA,IACF;AAMA,QAAI,OAAO,QAAQ;AACjB,MAAAA,EAAQ,OAAO,MAAM;AACrB;AAAA,IACF;AAEA,QAAI;AACF,UAAIV,IAASH,EAAU;AAEvB,MAAIG,KAAUE,KAEFF,MACVA,IAASC,EAAaC,CAAM,IAG9BF,EAAO,iBAAiB,QAAQ,WAAY;AAC1C,QAAI,OAAO,SACTU,EAAQ,OAAO,MAAM,IAErBC,EAAO,IAAI,MAAM,yBAAyB,CAAC;AAAA,MAE/C,CAAC,GACDX,EAAO,iBAAiB,SAAS,WAAY;AAC3C,QAAAW,EAAO,IAAI,MAAM,0BAA0B,CAAC;AAAA,MAC9C,CAAC;AAAA,IACH,SAASC,GAAO;AACd,MAAAD,EAAOC,CAAK;AACZ;AAAA,IACF;AAAA,EACF,CAAC,IACMJ;AACT,GACIK,IAAa,SAAoBC,GAAaC,GAAMR,GAAW;AACjE,MAAIO,MAAgB;AAClB,WAAO;AAGT,MAAIR,IAASQ,EAAY,MAAM,QAAWC,CAAI;AAC9C,SAAAV,EAAgBC,GAAQC,CAAS,GAC1BD;AACT,GAIIU,IAAkB,QAAQ,QAAO,EAAG,KAAK,WAAY;AACvD,SAAOP,EAAW,IAAI;AACxB,CAAC,GACGQ,IAAa;AACjBD,EAAgB,MAAS,SAAUE,GAAK;AACtC,EAAKD,KACH,QAAQ,KAAKC,CAAG;AAEpB,CAAC;AACE,IAACC,IAAa,WAAsB;AACrC,WAASC,IAAO,UAAU,QAAQL,IAAO,IAAI,MAAMK,CAAI,GAAGC,IAAO,GAAGA,IAAOD,GAAMC;AAC/E,IAAAN,EAAKM,CAAI,IAAI,UAAUA,CAAI;AAG7B,EAAAJ,IAAa;AACb,MAAIV,IAAY,KAAK,IAAG;AACxB,SAAOS,EAAgB,KAAK,SAAUF,GAAa;AACjD,WAAOD,EAAWC,GAAaC,GAAMR,CAAS;AAAA,EAChD,CAAC;AACH;","x_google_ignoreList":[0]}

package/dist/stripe.esm-XRG9pJRV.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var u="https://js.stripe.com/v3",l=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;var s=function(){for(var e=document.querySelectorAll('script[src^="'.concat(u,'"]')),t=0;t<e.length;t++){var r=e[t];if(l.test(r.src))return r}return null},p=function(e){var t="",r=document.createElement("script");r.src="".concat(u).concat(t);var n=document.head||document.body;if(!n)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return n.appendChild(r),r},f=function(e,t){!e||!e._registerWrapper||e._registerWrapper({name:"stripe-js",version:"1.54.1",startTime:t})},a=null,v=function(e){return a!==null||(a=new Promise(function(t,r){if(typeof window>"u"||typeof document>"u"){t(null);return}if(window.Stripe){t(window.Stripe);return}try{var n=s();n&&e||n||(n=p(e)),n.addEventListener("load",function(){window.Stripe?t(window.Stripe):r(new Error("Stripe.js not available"))}),n.addEventListener("error",function(){r(new Error("Failed to load Stripe.js"))})}catch(o){r(o);return}})),a},S=function(e,t,r){if(e===null)return null;var n=e.apply(void 0,t);return f(n,r),n},d=Promise.resolve().then(function(){return v(null)}),c=!1;d.catch(function(i){c||console.warn(i)});var m=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];c=!0;var n=Date.now();return d.then(function(o){return S(o,t,n)})};exports.loadStripe=m;
+//# sourceMappingURL=stripe.esm-XRG9pJRV.cjs.map

package/dist/stripe.esm-XRG9pJRV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripe.esm-XRG9pJRV.cjs","sources":["../node_modules/@stripe/stripe-js/dist/stripe.esm.js"],"sourcesContent":["var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\nvar findScript = function findScript() {\n  var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n\n  for (var i = 0; i < scripts.length; i++) {\n    var script = scripts[i];\n\n    if (!V3_URL_REGEX.test(script.src)) {\n      continue;\n    }\n\n    return script;\n  }\n\n  return null;\n};\n\nvar injectScript = function injectScript(params) {\n  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n  var script = document.createElement('script');\n  script.src = \"\".concat(V3_URL).concat(queryString);\n  var headOrBody = document.head || document.body;\n\n  if (!headOrBody) {\n    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');\n  }\n\n  headOrBody.appendChild(script);\n  return script;\n};\n\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n  if (!stripe || !stripe._registerWrapper) {\n    return;\n  }\n\n  stripe._registerWrapper({\n    name: 'stripe-js',\n    version: \"1.54.1\",\n    startTime: startTime\n  });\n};\n\nvar stripePromise = null;\nvar loadScript = function loadScript(params) {\n  // Ensure that we only attempt to load Stripe.js at most once\n  if (stripePromise !== null) {\n    return stripePromise;\n  }\n\n  stripePromise = new Promise(function (resolve, reject) {\n    if (typeof window === 'undefined' || typeof document === 'undefined') {\n      // Resolve to null when imported server side. This makes the module\n      // safe to import in an isomorphic code base.\n      resolve(null);\n      return;\n    }\n\n    if (window.Stripe && params) {\n      console.warn(EXISTING_SCRIPT_MESSAGE);\n    }\n\n    if (window.Stripe) {\n      resolve(window.Stripe);\n      return;\n    }\n\n    try {\n      var script = findScript();\n\n      if (script && params) {\n        console.warn(EXISTING_SCRIPT_MESSAGE);\n      } else if (!script) {\n        script = injectScript(params);\n      }\n\n      script.addEventListener('load', function () {\n        if (window.Stripe) {\n          resolve(window.Stripe);\n        } else {\n          reject(new Error('Stripe.js not available'));\n        }\n      });\n      script.addEventListener('error', function () {\n        reject(new Error('Failed to load Stripe.js'));\n      });\n    } catch (error) {\n      reject(error);\n      return;\n    }\n  });\n  return stripePromise;\n};\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n  if (maybeStripe === null) {\n    return null;\n  }\n\n  var stripe = maybeStripe.apply(undefined, args);\n  registerWrapper(stripe, startTime);\n  return stripe;\n}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n\n// own script injection.\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n  return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n  if (!loadCalled) {\n    console.warn(err);\n  }\n});\nvar loadStripe = function loadStripe() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  loadCalled = true;\n  var startTime = Date.now();\n  return stripePromise$1.then(function (maybeStripe) {\n    return initStripe(maybeStripe, args, startTime);\n  });\n};\n\nexport { loadStripe };\n"],"names":["V3_URL","V3_URL_REGEX","findScript","scripts","i","script","injectScript","params","queryString","headOrBody","registerWrapper","stripe","startTime","stripePromise","loadScript","resolve","reject","error","initStripe","maybeStripe","args","stripePromise$1","loadCalled","err","loadStripe","_len","_key"],"mappings":"gFAAA,IAAIA,EAAS,2BACTC,EAAe,4CAEnB,IAAIC,EAAa,UAAsB,CAGrC,QAFIC,EAAU,SAAS,iBAAiB,gBAAiB,OAAOH,EAAQ,IAAK,CAAC,EAErEI,EAAI,EAAGA,EAAID,EAAQ,OAAQC,IAAK,CACvC,IAAIC,EAASF,EAAQC,CAAC,EAEtB,GAAKH,EAAa,KAAKI,EAAO,GAAG,EAIjC,OAAOA,CACT,CAEA,OAAO,IACT,EAEIC,EAAe,SAAsBC,EAAQ,CAC/C,IAAIC,EAAuF,GACvFH,EAAS,SAAS,cAAc,QAAQ,EAC5CA,EAAO,IAAM,GAAG,OAAOL,CAAM,EAAE,OAAOQ,CAAW,EACjD,IAAIC,EAAa,SAAS,MAAQ,SAAS,KAE3C,GAAI,CAACA,EACH,MAAM,IAAI,MAAM,6EAA6E,EAG/F,OAAAA,EAAW,YAAYJ,CAAM,EACtBA,CACT,EAEIK,EAAkB,SAAyBC,EAAQC,EAAW,CAC5D,CAACD,GAAU,CAACA,EAAO,kBAIvBA,EAAO,iBAAiB,CACtB,KAAM,YACN,QAAS,SACT,UAAWC,CACf,CAAG,CACH,EAEIC,EAAgB,KAChBC,EAAa,SAAoBP,EAAQ,CAE3C,OAAIM,IAAkB,OAItBA,EAAgB,IAAI,QAAQ,SAAUE,EAASC,EAAQ,CACrD,GAAI,OAAO,OAAW,KAAe,OAAO,SAAa,IAAa,CAGpED,EAAQ,IAAI,EACZ,MACF,CAMA,GAAI,OAAO,OAAQ,CACjBA,EAAQ,OAAO,MAAM,EACrB,MACF,CAEA,GAAI,CACF,IAAIV,EAASH,EAAU,EAEnBG,GAAUE,GAEFF,IACVA,EAASC,EAAaC,CAAM,GAG9BF,EAAO,iBAAiB,OAAQ,UAAY,CACtC,OAAO,OACTU,EAAQ,OAAO,MAAM,EAErBC,EAAO,IAAI,MAAM,yBAAyB,CAAC,CAE/C,CAAC,EACDX,EAAO,iBAAiB,QAAS,UAAY,CAC3CW,EAAO,IAAI,MAAM,0BAA0B,CAAC,CAC9C,CAAC,CACH,OAASC,EAAO,CACdD,EAAOC,CAAK,EACZ,MACF,CACF,CAAC,GACMJ,CACT,EACIK,EAAa,SAAoBC,EAAaC,EAAMR,EAAW,CACjE,GAAIO,IAAgB,KAClB,OAAO,KAGT,IAAIR,EAASQ,EAAY,MAAM,OAAWC,CAAI,EAC9C,OAAAV,EAAgBC,EAAQC,CAAS,EAC1BD,CACT,EAIIU,EAAkB,QAAQ,QAAO,EAAG,KAAK,UAAY,CACvD,OAAOP,EAAW,IAAI,CACxB,CAAC,EACGQ,EAAa,GACjBD,EAAgB,MAAS,SAAUE,EAAK,CACjCD,GACH,QAAQ,KAAKC,CAAG,CAEpB,CAAC,EACE,IAACC,EAAa,UAAsB,CACrC,QAASC,EAAO,UAAU,OAAQL,EAAO,IAAI,MAAMK,CAAI,EAAGC,EAAO,EAAGA,EAAOD,EAAMC,IAC/EN,EAAKM,CAAI,EAAI,UAAUA,CAAI,EAG7BJ,EAAa,GACb,IAAIV,EAAY,KAAK,IAAG,EACxB,OAAOS,EAAgB,KAAK,SAAUF,EAAa,CACjD,OAAOD,EAAWC,EAAaC,EAAMR,CAAS,CAChD,CAAC,CACH","x_google_ignoreList":[0]}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "7.7.1-beta.1",
+  "version": "7.8.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/react-sdk.cjs.js",
@@ -15,7 +15,8 @@
     "./dist/styles.css": "./dist/styles.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "engines": {
     "node": ">=22"
@@ -56,6 +57,16 @@
   "author": {
     "name": "Stigg"
   },
+  "size-limit": [
+    {
+      "path": "dist/react-sdk.cjs.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/react-sdk.esm.js",
+      "limit": "10 KB"
+    }
+  ],
   "devDependencies": {
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
@@ -125,5 +136,6 @@
     "react-spinners": "^0.13.3",
     "react-switch": "^7.0.0"
   },
-  "readme": "ERROR: No README data found!"
+  "readme": "ERROR: No README data found!",
+  "_id": "@stigg/react-sdk@5.23.0"
 }

package/src/assets/add.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 3V21.0001M3 11.9446H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/addons.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_834_118930)">
+<path d="M12 6.85712V17.1428" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.85712 12H17.1428" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 0.857117H5.99997C3.15966 0.857117 0.857117 3.15966 0.857117 5.99997V18C0.857117 20.8404 3.15966 23.1428 5.99997 23.1428H18C20.8404 23.1428 23.1428 20.8404 23.1428 18V5.99997C23.1428 3.15966 20.8404 0.857117 18 0.857117Z" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_834_118930">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/arrow-forward.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 3L7.9425 4.0575L12.1275 8.25H3V9.75H12.1275L7.9425 13.9425L9 15L15 9L9 3Z" fill="white"/>
+</svg>

package/src/assets/arrow-right.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="arrow-right">
+<path id="Shape" d="M2.66699 8H13.3337" stroke="#7586B0" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Shape_2" d="M9.33301 4L13.333 8L9.33301 12" stroke="#7586B0" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/src/assets/billing-info-customer.svg

@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="10" fill="#F5F6F9"/>
+<path d="M26 27V25C26 22.7909 24.2091 21 22 21H14C11.7909 21 10 22.7909 10 25V27" stroke="#7586B0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 17C20.2091 17 22 15.2091 22 13C22 10.7909 20.2091 9 18 9C15.7909 9 14 10.7909 14 13C14 15.2091 15.7909 17 18 17Z" stroke="#7586B0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_67_8545" x1="35.0204" y1="1.22449" x2="0" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#56ACF6"/>
+<stop offset="1" stop-color="#1559E6"/>
+</linearGradient>
+</defs>
+</svg>

package/src/assets/check-stigg.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.59 7.9899L2.125 4.5249C1.73524 4.13514 1.10365 4.13402 0.712509 4.52241V4.52241C0.319409 4.91274 0.318286 5.54819 0.710005 5.9399L5.59 10.8199L14.2948 2.11513C14.6843 1.72565 14.6843 1.09417 14.2948 0.704691V0.704691C13.9055 0.315381 13.2743 0.315184 12.8848 0.70425L5.59 7.9899Z" fill="#B2BBD3"/>
+</svg>

package/src/assets/check.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check">
+<path id="Shape" d="M20 7L9 18L4 13" stroke="#F5F6F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/src/assets/close.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8337 5.34199L14.6587 4.16699L10.0003 8.82533L5.34199 4.16699L4.16699 5.34199L8.82533 10.0003L4.16699 14.6587L5.34199 15.8337L10.0003 11.1753L14.6587 15.8337L15.8337 14.6587L11.1753 10.0003L15.8337 5.34199Z" fill="#327EEE"/>
+</svg>

package/src/assets/contact-support.svg

@@ -0,0 +1,13 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="10" fill="#F5F6F9"/>
+<path d="M27 18.22C27 12.73 22.74 9 18 9C13.31 9 9 12.65 9 18.28C8.4 18.62 8 19.26 8 20V22C8 23.1 8.9 24 10 24H11V17.9C11 14.03 14.13 10.9 18 10.9C21.87 10.9 25 14.03 25 17.9V25H17V27H25C26.1 27 27 26.1 27 25V23.78C27.59 23.47 28 22.86 28 22.14V19.84C28 19.14 27.59 18.53 27 18.22Z" fill="#7586B0"/>
+<path d="M15 20C15.5523 20 16 19.5523 16 19C16 18.4477 15.5523 18 15 18C14.4477 18 14 18.4477 14 19C14 19.5523 14.4477 20 15 20Z" fill="#7586B0"/>
+<path d="M21 20C21.5523 20 22 19.5523 22 19C22 18.4477 21.5523 18 21 18C20.4477 18 20 18.4477 20 19C20 19.5523 20.4477 20 21 20Z" fill="#7586B0"/>
+<path d="M24 17.03C23.52 14.18 21.04 12 18.05 12C15.02 12 11.76 14.51 12.02 18.45C14.49 17.44 16.35 15.24 16.88 12.56C18.19 15.19 20.88 17 24 17.03Z" fill="#7586B0"/>
+<defs>
+<linearGradient id="paint0_linear_267_19310" x1="35.0204" y1="1.22449" x2="0" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#56ACF6"/>
+<stop offset="1" stop-color="#1559E6"/>
+</linearGradient>
+</defs>
+</svg>

package/src/assets/coupon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="tag--tags-bookmark-favorite">
+<path id="Vector" d="M1.26995 11.9426L6.05743 16.7301C6.2305 16.903 6.4651 17.0001 6.7097 17.0001C6.95431 17.0001 7.18891 16.903 7.36198 16.7301L16.8631 7.22895C16.9108 7.18332 16.9478 7.12758 16.9712 7.06583C16.9946 7.00408 17.0039 6.93787 16.9985 6.87205L16.2724 2.15839C16.2664 2.04607 16.2192 1.93992 16.1396 1.86038C16.0601 1.78085 15.9539 1.73357 15.8416 1.72764L11.128 1.00152C11.0622 0.996055 10.9959 1.00538 10.9342 1.0288C10.8724 1.05222 10.8167 1.08916 10.7711 1.1369L1.26995 10.638C1.09709 10.8111 1 11.0457 1 11.2903C1 11.5349 1.09709 11.7695 1.26995 11.9426Z" stroke="#327EEE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M12.5548 6.05884C12.3916 6.05884 12.2351 5.99401 12.1197 5.87861C12.0043 5.76321 11.9395 5.60669 11.9395 5.44348C11.9395 5.28028 12.0043 5.12376 12.1197 5.00836C12.2351 4.89296 12.3916 4.82812 12.5548 4.82812C12.718 4.82812 12.8745 4.89296 12.9899 5.00836C13.1053 5.12376 13.1702 5.28028 13.1702 5.44348C13.1702 5.60669 13.1053 5.76321 12.9899 5.87861C12.8745 5.99401 12.718 6.05884 12.5548 6.05884Z" stroke="#327EEE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/src/assets/credit-card.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="36" height="36" rx="10" fill="#F5F6F9"/>
+<path d="M26 10H10C8.89 10 8.01 10.89 8.01 12L8 24C8 25.11 8.89 26 10 26H26C27.11 26 28 25.11 28 24V12C28 10.89 27.11 10 26 10ZM26 24H10V18H26V24ZM26 14H10V12H26V14Z" fill="#7586B0"/>
+<defs>
+<linearGradient id="paint0_linear_67_8556" x1="35.0204" y1="1.22449" x2="0" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#56ACF6"/>
+<stop offset="1" stop-color="#1559E6"/>
+</linearGradient>
+</defs>
+</svg>

package/src/assets/dollar-coin.svg

@@ -0,0 +1,13 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_834_120339)">
+<path d="M10.3336 19.2858C15.462 19.2858 19.6193 15.1285 19.6193 10.0001C19.6193 4.87171 15.462 0.714355 10.3336 0.714355C5.20521 0.714355 1.04785 4.87171 1.04785 10.0001C1.04785 15.1285 5.20521 19.2858 10.3336 19.2858Z" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.7649 7.46052C12.6813 7.22393 12.5523 7.0088 12.3883 6.8256C12.0395 6.43592 11.5327 6.19067 10.9685 6.19067H9.4942C8.55517 6.19067 7.79395 6.9519 7.79395 7.89093C7.79395 8.68995 8.3503 9.38116 9.13086 9.5519L11.3756 10.0429C12.25 10.2342 12.8733 11.0091 12.8733 11.9043C12.8733 12.9562 12.0205 13.8097 10.9685 13.8097H9.6987C8.86936 13.8097 8.16382 13.2797 7.90233 12.5399" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.3335 6.19065V4.28589" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.3335 15.7144V13.8096" stroke="#7586B0" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_834_120339">
+<rect width="20" height="20" fill="white" transform="translate(0.333496)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/edit-icon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3333 2.5L17.5 6.66667L6.66667 17.5H2.5V13.3333L13.3333 2.5V2.5Z" stroke="#327EEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/entitlement-check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3 11.1429L9.71572 17.8586C9.79383 17.9367 9.92046 17.9367 9.99856 17.8586L21.8571 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>