@stigg/react-sdk 4.3.0-beta.1 → 4.3.1

package/README.md

@@ -186,7 +186,7 @@ yarn build-storybook
 yarn publish-storybook
 ```
 
-**NOTE:** The `STORYBOOK_STIGG_BASE_URI` environment parameter in `.env.local` file controlling the API url that storybook is going to use.
+**NOTE:** The `BASE_URI` environment parameter in `.env.local` file controlling the API url that storybook is going to use.
 
 ### Link package
 

package/dist/components/common/Icon.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties } from 'react';
+import { Icons } from './customIcons';
 import { IconColor } from './iconColor';
-import * as customIcons from './customIcons';
-export declare type Icons = keyof typeof customIcons;
 export declare type IconProps = {
     icon: Icons;
     className?: string;
@@ -10,4 +9,4 @@ export declare type IconProps = {
     svgRectColor?: IconColor | string;
     svgStrokeColor?: IconColor | string;
 };
-export declare function Icon({ icon, className, style, svgPathColor, svgRectColor, svgStrokeColor }: IconProps): JSX.Element;
+export declare function Icon({ icon, className, style, svgPathColor, svgRectColor, svgStrokeColor, }: IconProps): JSX.Element;

package/dist/components/common/PoweredByStigg.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const STIGG_WATERMARK_CLASSNAME = "stigg-watermark";
-export declare type PoweredByStiggSources = 'paywall' | 'customer_portal' | 'checkout';
+export declare type PoweredByStiggSources = 'paywall' | 'customer_portal';
 declare type PoweredByStiggProps = {
     source: PoweredByStiggSources;
     showWatermark?: boolean;

package/dist/components/common/customIcons.d.ts

@@ -1,17 +1,5 @@
-export { default as Addons } from '../../assets/addons.svg';
-export { default as BillingInfoCustomer } from '../../assets/billing-info-customer.svg';
-export { default as ContactSupport } from '../../assets/contact-support.svg';
-export { default as CreditCard } from '../../assets/credit-card.svg';
-export { default as DollarCoin } from '../../assets/dollar-coin.svg';
-export { default as MiniSchedule } from '../../assets/mini-schedule.svg';
-export { default as Promotions } from '../../assets/promotions.svg';
-export { default as Restore } from '../../assets/restore.svg';
-export { default as ScheduleBox } from '../../assets/schedule-box.svg';
-export { default as ScheduleClock } from '../../assets/schedule.svg';
-export { default as RenewSubscription } from '../../assets/subscription-renews-icon.svg';
-export { default as Trash } from '../../assets/trash.svg';
-export { default as PaymentMethod } from '../../assets/payment-method.svg';
-export { default as OutlinedCircle } from '../../assets/outlined-circle.svg';
-export { default as OutlinedCheckedCircle } from '../../assets/outlined-checked-circle.svg';
-export { default as ArrowForward } from '../../assets/arrow-forward.svg';
-export { default as Close } from '../../assets/close.svg';
+import { ReactElement, SVGProps } from 'react';
+export declare const ICON_COMPONENTS: {
+    [name: string]: ((props: SVGProps<SVGElement>) => ReactElement);
+};
+export declare type Icons = keyof typeof ICON_COMPONENTS;

package/dist/components/common/mapExternalTheme.d.ts

@@ -1,5 +1,4 @@
-import { CheckoutConfiguration, CustomerPortalConfiguration, PaywallConfiguration } from '@stigg/js-client-sdk';
+import { CustomerPortalConfiguration, PaywallConfiguration } from '@stigg/js-client-sdk';
 import { CustomizedTheme } from '../../theme/Theme';
 export declare function mapCustomerPortalConfiguration(configuration: CustomerPortalConfiguration): CustomizedTheme;
 export declare function mapPaywallConfiguration(paywallConfiguration: PaywallConfiguration): CustomizedTheme;
-export declare function mapCheckoutConfiguration(configuration: CheckoutConfiguration): CustomizedTheme;

package/dist/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.d.ts

@@ -9,4 +9,4 @@ export declare type SubscriptionTabsProps = {
     textOverrides: CustomerPortalLocalization;
     theme: CustomerPortalTheme;
 };
-export declare function SubscriptionTabs({ customerPortal, hiddenSections, textOverrides, theme }: SubscriptionTabsProps): JSX.Element | null;
+export declare function SubscriptionTabs({ customerPortal, hiddenSections, textOverrides, theme, }: SubscriptionTabsProps): JSX.Element | null;

package/dist/components/{common/TiersSelectContainer.d.ts → paywall/TiersLayout.d.ts}

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { PaywallPlan } from './types';
 import { PriceTierFragment } from '@stigg/js-client-sdk';
-export declare function TiersSelectContainer({ componentId, tiers, tierUnits, selectedTier, handleTierChange, }: {
-    componentId: string;
+export declare function TiersLayout({ plan, tiers, tierUnits, selectedTier, handleTierChange, }: {
+    plan: PaywallPlan;
     tiers?: PriceTierFragment[] | null;
     tierUnits?: string;
     selectedTier?: PriceTierFragment;

package/dist/components/paywall/paywallTextOverrides.d.ts

@@ -17,6 +17,8 @@ export declare type PaywallLocalization = {
     };
     price: {
         startingAtCaption: string;
+        billingPeriod?: (billingPeriod: BillingPeriod) => string;
+        pricePeriod: (billingPeriod: BillingPeriod) => string;
         custom: string;
         priceNotSet: string;
         free: PlanPriceText | ((currency?: PaywallCurrency) => PlanPriceText);
@@ -44,6 +46,8 @@ export declare function getResolvedPaywallLocalize(localizeOverride?: DeepPartia
     } | undefined;
     price?: {
         startingAtCaption?: string | undefined;
+        billingPeriod?: {} | undefined;
+        pricePeriod?: {} | undefined;
         custom?: string | undefined;
         priceNotSet?: string | undefined;
         free?: {

package/dist/components/{utils/priceTierUtils.d.ts → paywall/planPriceTier.d.ts}

@@ -1,7 +1,5 @@
-import { PaywallPlan } from '../paywall/types';
+import { PaywallPlan } from './types';
 import { BillingPeriod, Price, PriceTierFragment, Subscription } from '@stigg/js-client-sdk';
-export declare function getPriceFeatureUnit(price: Price): string;
-export declare function getTierByQuantity(tiers: PriceTierFragment[], quantity: number): PriceTierFragment | undefined;
 export declare function calculateTierPrice(price: Price, currentTier: PriceTierFragment, selectedBillingPeriod: BillingPeriod, shouldShowMonthlyPriceAmount: boolean): number;
 export declare function getSelectedTier(plan: PaywallPlan, billingPeriod: BillingPeriod, currentSubscription: Subscription | null, selectedTierByFeature: Record<string, PriceTierFragment>): Record<string, PriceTierFragment>;
 export declare enum PriceTierComparison {

package/dist/components/utils/calculateDiscountRate.d.ts

@@ -1,3 +1,2 @@
 import { PaywallPlan } from '../paywall';
-export declare function calculateDiscountRate(monthlyPrice?: number | null, annuallyPrice?: number | null): number | null;
 export declare function calculatePaywallDiscountRate(plans: PaywallPlan[]): number;

package/dist/components/utils/currencyUtils.d.ts

@@ -1,7 +1,7 @@
 import { Currency } from '@stigg/js-client-sdk';
 export declare const currencyPriceFormatter: ({ amount, currency, locale, maximumFractionDigits, }: {
     amount: number;
-    currency?: string | undefined;
+    currency?: Currency | undefined;
     locale?: string | undefined;
     maximumFractionDigits?: number | undefined;
 }) => string;

package/dist/components/utils/getPaidPriceText.d.ts

@@ -1,5 +1,6 @@
 import { BillingPeriod, PaywallCalculatedPricePoint, Price, PriceTierFragment } from '@stigg/js-client-sdk';
 import { PlanPriceText } from './getPlanPrice';
+import { PaywallLocalization } from '../paywall';
 declare type GetPaidPriceTextParams = {
     planPrices: Price[];
     paywallCalculatedPrice?: PaywallCalculatedPricePoint;
@@ -7,6 +8,7 @@ declare type GetPaidPriceTextParams = {
     locale: string;
     shouldShowMonthlyPriceAmount: boolean;
     selectedTierByFeature: Record<string, PriceTierFragment>;
+    paywallLocale: PaywallLocalization;
 };
-export declare function getPaidPriceText({ planPrices, paywallCalculatedPrice, selectedBillingPeriod, locale, shouldShowMonthlyPriceAmount, selectedTierByFeature, }: GetPaidPriceTextParams): PlanPriceText;
+export declare function getPaidPriceText({ planPrices, paywallCalculatedPrice, selectedBillingPeriod, locale, shouldShowMonthlyPriceAmount, selectedTierByFeature, paywallLocale, }: GetPaidPriceTextParams): PlanPriceText;
 export {};

package/dist/index.d.ts

@@ -3,7 +3,6 @@ export * from '@stigg/js-client-sdk';
 export { Paywall, PaywallProps, OnPlanSelectedCallbackFn, PaywallPlan, SubscribeIntentionType, PaywallLocalization, } from './components/paywall';
 export { CustomerPortalProvider, CustomerPortal, CustomerPortalProps, CustomerPortalSection, AddonsList, PaymentDetailsSection, InvoicesSection, CustomerUsageData, CustomerUsageDataProps, SubscriptionsOverview, SubscriptionsOverviewProps, Promotions, } from './components/customerPortal';
 export { StiggProvider, StiggProviderProps, useStiggContext, StiggContextValue, StiggContext, } from './components/StiggProvider';
-export { Checkout, CheckoutProps, CheckoutTheme } from './components/checkout';
 export { useWaitForCheckoutCompleted, ProvisionStatus } from './components/hooks';
 export { HorizontalAlignment, TextAlignment } from './theme/types';
 export { CustomizedTheme as Theme } from './theme/Theme';