@stigg/react-sdk 4.4.4 → 4.4.6

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { BillableFeature, BillingPeriod, GetCheckoutStateResults } from '@stigg/js-client-sdk';
 import { DeepPartial } from '../../types';
 import { AddonsStepState, PaymentStepState, PlanStepState, ProgressBarState, WidgetState } from './hooks';
-import { CheckoutLocalization } from './textOverrides';
-import { CheckoutTheme } from './theme';
+import { CheckoutLocalization } from './configurations/textOverrides';
+import { CheckoutTheme } from './configurations/theme';
 import { StiggTheme } from '../../theme/types';
 import { BillingInformation, MockCheckoutStateCallback } from './types';
 export interface CheckoutContextState {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CheckoutLocalization } from '../textOverrides';
 import { ButtonProps } from '@mui/material/Button';
+import { CheckoutLocalization } from '../configurations/textOverrides';
 export declare const ChangePlanButton: ({ onClick, checkoutLocalization, size, }: {
     onClick: () => void;
     checkoutLocalization: CheckoutLocalization;

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

@@ -1,7 +1,7 @@
 /// <reference types="@emotion/styled/macro" />
 import React from 'react';
 import { CheckoutStatePlan, Subscription } from '@stigg/js-client-sdk';
-import { CheckoutLocalization } from '../textOverrides';
+import { CheckoutLocalization } from '../configurations/textOverrides';
 import { CheckoutContainerProps } from '../CheckoutContainer';
 export declare const DowngradeToFreePlanBox: import("@emotion/styled/macro").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
     children?: React.ReactNode;

package/dist/components/checkout/{textOverrides.d.ts → configurations/textOverrides.d.ts}

@@ -1,5 +1,5 @@
 import { BillingPeriod, Plan, SubscriptionPreviewDiscount, SubscriptionPreviewTaxDetails } from '@stigg/js-client-sdk';
-import { DeepPartial } from '../../types';
+import { DeepPartial } from '../../../types';
 export declare type CheckoutLocalization = {
     changePlan: string;
     billingPeriodsTitle: string;

package/dist/components/checkout/{theme.d.ts → configurations/theme.d.ts}

@@ -1,6 +1,6 @@
 import { CheckoutConfiguration } from '@stigg/js-client-sdk';
-import { StiggTheme } from '../../theme/types';
-import { DeepPartial } from '../../types';
+import { StiggTheme } from '../../../theme/types';
+import { DeepPartial } from '../../../types';
 export declare type CheckoutTheme = {
     primary: string;
     textColor: string;

package/dist/components/checkout/configurations/typography.d.ts

@@ -0,0 +1,2 @@
+import { TypographyConfiguration } from '@stigg/js-client-sdk';
+export declare const defaultCheckoutTypography: TypographyConfiguration;

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

@@ -1,6 +1,6 @@
-export { CheckoutTheme } from './theme';
+export { CheckoutTheme } from './configurations/theme';
 export { OnCheckoutCompletedParams, OnCheckoutParams, CheckoutResult, CheckoutContainerProps, } from './CheckoutContainer';
 export { CheckoutProviderProps } from './CheckoutProvider';
-export { CheckoutLocalization } from './textOverrides';
+export { CheckoutLocalization } from './configurations/textOverrides';
 export { Checkout, CheckoutProps } from './Checkout';
 export * from './types';

package/dist/components/checkout/promotionCode/AddPromotionCodeButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CheckoutLocalization } from '../textOverrides';
+import { CheckoutLocalization } from '../configurations/textOverrides';
 export declare type AddPromotionCodeButtonProps = {
     onAddClick: () => void;
     checkoutLocalization: CheckoutLocalization;

package/dist/components/checkout/promotionCode/PromotionCodeSection.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CheckoutLocalization } from '../textOverrides';
+import { CheckoutLocalization } from '../configurations/textOverrides';
 import { MockCheckoutPreviewCallback } from '../types';
 export declare type PromotionCodeSectionProps = {
     disabled: boolean;

package/dist/components/checkout/steps/payment/PaymentMethods.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Customer } from '@stigg/js-client-sdk';
 import { Icons } from '../../../common/Icon';
-import { CheckoutLocalization } from '../../textOverrides';
+import { CheckoutLocalization } from '../../configurations/textOverrides';
 import { CheckoutContainerProps } from '../../CheckoutContainer';
 export declare type PaymentMethodLayoutProps = {
     checked: boolean;

package/dist/components/checkout/steps/plan/BillingPeriodPicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Plan } from '@stigg/js-client-sdk';
-import { CheckoutLocalization } from '../../textOverrides';
+import { CheckoutLocalization } from '../../configurations/textOverrides';
 declare type BillingPeriodPickerProps = {
     plan?: Plan;
     checkoutLocalization: CheckoutLocalization;

package/dist/components/checkout/summary/CheckoutSuccess.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CheckoutLocalization } from '../textOverrides';
+import { CheckoutLocalization } from '../configurations/textOverrides';
 export declare const ANIMATION_DURATION = 5000;
 export declare function CheckoutSuccess({ checkoutLocalization }: {
     checkoutLocalization: CheckoutLocalization;

package/dist/components/checkout/summary/components/CheckoutCaptions.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BillingPeriod, Plan, Subscription, SubscriptionPreviewV2 } from '@stigg/js-client-sdk';
-import { CheckoutLocalization } from '../../textOverrides';
+import { CheckoutLocalization } from '../../configurations/textOverrides';
 export declare type CheckoutCaptionProps = {
     subscriptionPreview?: SubscriptionPreviewV2 | null;
     isFetchingSubscriptionPreview: boolean;

package/dist/components/checkout/summary/components/LineItems.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="@emotion/styled/macro" />
 import React from 'react';
 import { Price, SubscriptionPreviewV2 } from '@stigg/js-client-sdk';
-import { CheckoutLocalization } from '../../textOverrides';
+import { CheckoutLocalization } from '../../configurations/textOverrides';
 export declare const LineItemContainer: import("@emotion/styled/macro").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;

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

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

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

@@ -1,5 +1,6 @@
-import { CheckoutConfiguration, CustomerPortalConfiguration, PaywallConfiguration } from '@stigg/js-client-sdk';
+import { CheckoutConfiguration, CustomerPortalConfiguration, PaywallConfiguration, TypographyConfiguration } from '@stigg/js-client-sdk';
 import { CustomizedTheme } from '../../theme/Theme';
+export declare function mapTypography(typography?: TypographyConfiguration | null, defaultTypography?: TypographyConfiguration | null): CustomizedTheme['typography'];
 export declare function mapCustomerPortalConfiguration(configuration: CustomerPortalConfiguration): CustomizedTheme;
 export declare function mapPaywallConfiguration(paywallConfiguration: PaywallConfiguration): CustomizedTheme;
 export declare function mapCheckoutConfiguration(configuration: CheckoutConfiguration): CustomizedTheme;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BillingPeriod, PriceTierFragment } from '@stigg/js-client-sdk';
 import { PaywallPlan } from './types';
 import { PaywallLocalization } from './paywallTextOverrides';
@@ -8,7 +8,7 @@ export declare const PlanPrice: ({ showStartingAt, withUnitPriceRow, withStartin
     withStartingAtRow: boolean;
     withTiersRow: boolean;
     selectedTierByFeature: Record<string, PriceTierFragment>;
-    setSelectedTierByFeature: (selectedTierByFeature: Record<string, PriceTierFragment>) => void;
+    setSelectedTierByFeature: React.Dispatch<React.SetStateAction<Record<string, PriceTierFragment>>>;
     plan: PaywallPlan;
     billingPeriod: BillingPeriod;
     paywallLocale: PaywallLocalization;