@schematichq/schematic-components 1.9.0 → 2.0.0

package/dist/schematic-components.d.ts

@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes } from 'react';
+import { ClassAttributes } from 'react';
 import { Context } from 'react';
 import { DetailedHTMLProps } from 'react';
 import { FastOmit } from 'styled-components';
@@ -1779,7 +1780,7 @@ declare interface BillingSubscriptionView {
     trialEndSetting?: string | null;
 }
 
-export declare const Box: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
+export declare const Box: IStyledComponentBase<"web", Substitute<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, BoxProps>> & string;
 
 export declare type BoxProps = ComponentProps & {
     $viewport?: {
@@ -3954,7 +3955,7 @@ declare interface DesignProps_9 {
     };
 }
 
-declare const Element_2: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+declare const Element_2: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 sm?: TransientCSSProperties;
 md?: TransientCSSProperties;
@@ -3976,9 +3977,9 @@ export declare const EmbedContext: Context<EmbedContextProps>;
 
 export declare interface EmbedContextProps extends EmbedState {
     hydratePublic: () => DebouncedApiPromise<PublicPlansResponseData>;
-    hydrate: () => DebouncedApiPromise<ComponentHydrateResponseData>;
-    hydrateComponent: (id: string) => DebouncedApiPromise<ComponentHydrateResponseData>;
-    hydrateExternal: (fn: () => Promise<ComponentHydrateResponseData>) => DebouncedApiPromise<ComponentHydrateResponseData>;
+    hydrate: () => DebouncedApiPromise<HydrateDataWithCompanyContext>;
+    hydrateComponent: (id: string) => DebouncedApiPromise<HydrateDataWithCompanyContext>;
+    hydrateExternal: (fn: () => Promise<HydrateDataWithCompanyContext>) => DebouncedApiPromise<HydrateDataWithCompanyContext>;
     getUpcomingInvoice: (id: string) => DebouncedApiPromise<HydrateUpcomingInvoiceResponse>;
     getCustomerBalance: () => DebouncedApiPromise<FetchCustomerBalanceResponse>;
     listInvoices: () => DebouncedApiPromise<ListInvoicesResponse>;
@@ -3993,7 +3994,7 @@ export declare interface EmbedContextProps extends EmbedState {
     setError: (error: Error) => void;
     setLayout: (layout: EmbedLayout) => void;
     setCheckoutState: (state: CheckoutState) => void;
-    setData: (data: ComponentHydrateResponseData) => void;
+    setData: (data: HydrateDataWithCompanyContext) => void;
     updateSettings: (settings: DeepPartial<EmbedSettings>, options?: {
         update?: boolean;
     }) => void;
@@ -4032,7 +4033,7 @@ export declare interface EmbedState {
     isPending: boolean;
     stale: boolean;
     accessToken?: string;
-    data?: HydrateData;
+    data?: HydrateDataWithCompanyContext;
     error?: Error;
     settings: EmbedSettings;
     layout: EmbedLayout;
@@ -5304,7 +5305,7 @@ declare interface FlagDetailResponseData_2 {
     updatedAt: Date;
 }
 
-export declare const Flex: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+export declare const Flex: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 sm?: TransientCSSProperties;
 md?: TransientCSSProperties;
@@ -5317,7 +5318,7 @@ xl?: TransientCSSProperties;
 
 export declare type FontStyle = keyof ThemeSettings["typography"];
 
-export declare const FussyChild: IStyledComponentBase<"web", FastOmit<FastOmit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+export declare const FussyChild: IStyledComponentBase<"web", FastOmit<FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 sm?: TransientCSSProperties;
 md?: TransientCSSProperties;
@@ -5399,7 +5400,7 @@ declare type HTTPQuery = {
     [key: string]: string | number | null | boolean | Array<string | number | null | boolean> | Set<string | number | null | boolean> | HTTPQuery;
 };
 
-declare type HydrateData = PublicPlansResponseData | ComponentHydrateResponseData;
+declare type HydrateDataWithCompanyContext = ComponentHydrateResponseData;
 
 /**
  *
@@ -5465,7 +5466,7 @@ export declare const initialContext: {
     isPending: boolean;
     stale: boolean;
     accessToken?: string;
-    data?: HydrateData;
+    data?: HydrateDataWithCompanyContext;
     error?: Error;
     settings: EmbedSettings;
     layout: EmbedLayout;
@@ -5703,7 +5704,7 @@ declare interface ModalProps extends React.HTMLAttributes<HTMLElement> {
 
 export declare type ModalSize = "sm" | "md" | "lg" | "auto";
 
-export declare const Notice: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+export declare const Notice: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 sm?: TransientCSSProperties;
 md?: TransientCSSProperties;
@@ -5860,7 +5861,7 @@ declare interface PaymentMethodResponseData {
     updatedAt: Date;
 }
 
-declare type Plan = CompanyPlanDetailResponseData | PlanViewPublicResponseData;
+declare type Plan = CompanyPlanDetailResponseData;
 
 /**
  * Schematic API
@@ -7285,7 +7286,7 @@ export declare type PricingTableOptions = {
     onCallToAction?: (plan: PlanViewPublicResponseData | CompanyPlanDetailResponseData) => unknown;
 };
 
-export declare type PricingTableProps = DesignProps_7 & PricingTableOptions;
+export declare type PricingTableProps = DesignProps_7;
 
 export declare const ProgressBar: ForwardRefExoticComponent<ProgressBarProps & RefAttributes<HTMLDivElement>>;
 
@@ -7371,7 +7372,7 @@ declare interface ResponseContext {
 export declare const Root: ForwardRefExoticComponent<Omit<RootProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
 
 export declare interface RootProps extends Omit<React.HTMLProps<HTMLDivElement>, "data"> {
-    data?: ComponentHydrateResponseData;
+    data?: HydrateDataWithCompanyContext;
     settings?: EmbedSettings;
 }
 
@@ -8197,7 +8198,7 @@ declare type TransientCSSProperties = {
     [Property in keyof React.CSSProperties as `$${string & Property}`]: React.CSSProperties[Property];
 };
 
-export declare const TransitionBox: IStyledComponentBase<"web", Substitute<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+export declare const TransitionBox: IStyledComponentBase<"web", Substitute<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 sm?: TransientCSSProperties;
 md?: TransientCSSProperties;
@@ -8456,8 +8457,6 @@ declare interface UsePaymentConfirmationReturn {
     reset: () => void;
 }
 
-export declare function usePrevious<T>(value: T): T | undefined;
-
 export declare function useRequest<TData>(fn: () => Promise<{
     data: TData;
 }> | undefined): [RequestState<TData>, () => Promise<void>];
@@ -8467,7 +8466,7 @@ export declare function useTrialEnd(): {
     formatted: string | undefined;
 };
 
-export declare function useWrapChildren(elements: HTMLElement[]): boolean;
+export declare function useWrapChildren(ref: React.RefObject<HTMLElement[]>): boolean;
 
 export declare const Viewport: ForwardRefExoticComponent<Omit<ViewportProps, "ref"> & RefAttributes<HTMLDivElement | null>>;