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

package/dist/components/checkout/CheckoutContainer.style.d.ts

@@ -3,9 +3,6 @@
 export declare const CheckoutLayout: 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" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-} & {
-    $backgroundColor: string;
-    $borderColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CheckoutContent: import("@emotion/styled/macro").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
     children?: import("react").ReactNode;

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

@@ -4,9 +4,11 @@ import { DeepPartial } from '../../types';
 import { AddonsStepState, PaymentStepState, PlanStepState, ProgressBarState, WidgetState } from './hooks';
 import { CheckoutLocalization } from './textOverrides';
 import { CheckoutTheme } from './theme';
+import { StiggTheme } from '../../theme/types';
 export interface CheckoutContextState {
     checkout?: GetCheckoutStateResults | null;
     checkoutLocalization: CheckoutLocalization;
+    stiggTheme: StiggTheme;
     theme: CheckoutTheme;
     isLoading: boolean;
     resourceId?: string;

package/dist/components/checkout/hooks/useLoadCheckout.d.ts

@@ -5,9 +5,7 @@ declare type useLoadCheckoutProps = {
     billingCountryCode?: string;
 };
 export declare function useLoadCheckout({ planId, resourceId, billingCountryCode }: useLoadCheckoutProps): {
-    checkout: (GetCheckoutStateResults & {
-        configuration?: {} | undefined;
-    }) | null | undefined;
+    checkout: GetCheckoutStateResults | null | undefined;
     isLoading: boolean;
 };
 export {};

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

@@ -1,3 +1,3 @@
-export { CheckoutConfiguration } from './types';
+export { CheckoutTheme } from './theme';
 export { Checkout, CheckoutProps } from './Checkout';
 export { CheckoutLocalization } from './textOverrides';

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

@@ -1,8 +1,12 @@
+import { CheckoutConfiguration } from '@stigg/js-client-sdk';
 import { StiggTheme } from '../../theme/types';
 import { DeepPartial } from '../../types';
-import { CheckoutConfiguration } from './types';
 export declare type CheckoutTheme = {
+    primary: string;
+    textColor: string;
     backgroundColor: string;
     borderColor: string;
+    selectionColor: string;
+    summaryBackgroundColor: string;
 };
-export declare function getResolvedCheckoutTheme(_globalTheme: StiggTheme, themeOverride?: DeepPartial<CheckoutTheme>, remoteConfiguration?: CheckoutConfiguration | null): CheckoutTheme;
+export declare function getResolvedCheckoutTheme(globalTheme: StiggTheme, themeOverride?: DeepPartial<CheckoutTheme>, _remoteConfiguration?: CheckoutConfiguration | null): CheckoutTheme;

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

@@ -1,6 +1,5 @@
-import { CustomerPortalConfiguration, PaywallConfiguration } from '@stigg/js-client-sdk';
+import { CheckoutConfiguration, 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;
+export declare function mapCheckoutConfiguration(configuration: CheckoutConfiguration): CustomizedTheme;

package/dist/index.d.ts

@@ -3,7 +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 { 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';