@stigg/react-sdk 4.2.3 → 4.3.0-beta.0

package/dist/components/checkout/steps/surprise/SurpriseStep.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SurpriseStep: () => JSX.Element;

package/dist/components/checkout/textOverrides.d.ts

@@ -0,0 +1,28 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { DeepPartial } from '../../types';
+export declare type CheckoutLocalization = {
+    changePlan: string;
+    billingPeriodsTitle: string;
+    addAddonText: string;
+    newPaymentMethodText: string;
+    newPaymentMethodCardTitle: string;
+    newPaymentMethodBillingAddressTitle: string;
+    baseChargeText: string | ((params: {
+        billingPeriod: BillingPeriod;
+    }) => string);
+    totalText: string;
+    subTotalText: string;
+    addCouponCodeText: string;
+    couponCodeTitle: string;
+    addonsSectionTitle: string;
+    changesWillApplyAtEndOfBillingPeriod: string | ((params: {
+        billingPeriodEnd: Date;
+    }) => string);
+    checkoutButton: {
+        nextText: string;
+        downgradeText: string;
+        upgradeText: string;
+        purchaseText: string;
+    };
+};
+export declare function getResolvedCheckoutLocalize(localizeOverride?: DeepPartial<CheckoutLocalization>): CheckoutLocalization;

package/dist/components/checkout/theme.d.ts

@@ -0,0 +1,8 @@
+import { StiggTheme } from '../../theme/types';
+import { DeepPartial } from '../../types';
+import { CheckoutConfiguration } from './types';
+export declare type CheckoutTheme = {
+    backgroundColor: string;
+    borderColor: string;
+};
+export declare function getResolvedCheckoutTheme(_globalTheme: StiggTheme, themeOverride?: DeepPartial<CheckoutTheme>, remoteConfiguration?: CheckoutConfiguration | null): CheckoutTheme;

package/dist/components/checkout/types.d.ts

@@ -0,0 +1,7 @@
+/** placeholder types until we have backend support **/
+export declare type CheckoutConfiguration = {
+    palette?: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+};

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

@@ -1,6 +1,7 @@
 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;
@@ -9,4 +10,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';
+export declare type PoweredByStiggSources = 'paywall' | 'customer_portal' | 'checkout';
 declare type PoweredByStiggProps = {
     source: PoweredByStiggSources;
     showWatermark?: boolean;

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

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

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

@@ -1,5 +1,17 @@
-import { ReactElement, SVGProps } from 'react';
-export declare const ICON_COMPONENTS: {
-    [name: string]: ((props: SVGProps<SVGElement>) => ReactElement);
-};
-export declare type Icons = keyof typeof ICON_COMPONENTS;
+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';

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

@@ -1,4 +1,6 @@
 import { CustomerPortalConfiguration, PaywallConfiguration } from '@stigg/js-client-sdk';
 import { CustomizedTheme } from '../../theme/Theme';
+import { CheckoutConfiguration } from '../checkout/types';
 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/hooks/useChargeSort.d.ts

@@ -0,0 +1,3 @@
+import { Price } from '@stigg/js-client-sdk';
+export declare const sortCharges: (charges: Price[]) => Price[];
+export declare const useChargesSort: (charges: Price[]) => Price[];

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

@@ -1,2 +1,3 @@
 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?: Currency | undefined;
+    currency?: string | undefined;
     locale?: string | undefined;
     maximumFractionDigits?: number | undefined;
 }) => string;

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

@@ -1,5 +1,7 @@
-import { PaywallPlan } from './types';
+import { PaywallPlan } from '../paywall/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/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/index.d.ts

@@ -3,6 +3,7 @@ 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, CheckoutConfiguration } from './components/checkout';
 export { useWaitForCheckoutCompleted, ProvisionStatus } from './components/hooks';
 export { HorizontalAlignment, TextAlignment } from './theme/types';
 export { CustomizedTheme as Theme } from './theme/Theme';