@schematichq/schematic-react 0.2.0-rc.5 → 0.2.0-rc.6

package/dist/schematic-react.d.ts

@@ -15,6 +15,7 @@ import { HTMLAttributes } from 'react';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Keys } from '@schematichq/schematic-js';
+import { default as React_2 } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { Schematic } from '@schematichq/schematic-js';
@@ -76,7 +77,7 @@ declare class BaseAPI {
 }
 
 declare type BaseSchematicProviderProps = Omit<SchematicJS.SchematicOptions, "client" | "publishableKey"> & {
-    children: React.ReactNode;
+    children: React_2.ReactNode;
 };
 
 /**
@@ -1162,6 +1163,8 @@ export declare interface EmbedContextProps {
     stripe: Promise<Stripe | null> | null;
     layout: EmbedLayout;
     error?: Error;
+    isPending: boolean;
+    hydrate: () => void;
     setData: (data: RecursivePartial<ComponentHydrateResponseData>) => void;
     updateSettings: (settings: RecursivePartial<EmbedSettings>) => void;
     setStripe: (stripe: Promise<Stripe | null> | null) => void;
@@ -1950,7 +1953,7 @@ export declare const IconRound: ({ name, variant, size, colors, ...props }: Icon
 export declare interface IconRoundProps extends React.HTMLAttributes<HTMLElement> {
     name: IconNameTypes;
     variant?: "outline" | "filled";
-    size?: "tn" | "sm" | "md" | "lg";
+    size?: "tn" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
     colors?: [string, string];
 }
 
@@ -2105,18 +2108,19 @@ declare interface Middleware {
     onError?(context: ErrorContext): Promise<Response | void>;
 }
 
-export declare const Modal: ({ children, onClose }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ children, size, onClose }: ModalProps) => JSX_2.Element;
 
-export declare const ModalHeader: ({ children, onClose }: ModalHeaderProps) => JSX_2.Element;
+export declare const ModalHeader: ({ children, bordered, onClose, }: ModalHeaderProps) => JSX_2.Element;
 
 declare interface ModalHeaderProps {
     children: React.ReactNode;
+    bordered?: boolean;
     onClose?: () => void;
 }
 
 declare interface ModalProps {
     children: React.ReactNode;
-    size?: "md" | "lg";
+    size?: "sm" | "md" | "lg" | "auto";
     onClose?: () => void;
 }
 
@@ -2205,12 +2209,6 @@ declare interface PaymentMethodResponseData {
      * @memberof PaymentMethodResponseData
      */
     id: string;
-    /**
-     *
-     * @type {string}
-     * @memberof PaymentMethodResponseData
-     */
-    invoiceExternalId?: string | null;
     /**
      *
      * @type {string}
@@ -2848,8 +2846,7 @@ export { Schematic }
 export { SchematicContext }
 
 declare interface SchematicContextProps {
-    client?: SchematicJS.Schematic;
-    flagValues: Record<string, boolean>;
+    client: SchematicJS.Schematic;
 }
 
 export declare const SchematicEmbed: ({ id, accessToken, apiConfig }: EmbedProps) => JSX_2.Element;
@@ -2860,7 +2857,7 @@ export declare interface SchematicHookOpts {
 
 export { SchematicOptions }
 
-export declare const SchematicProvider: React.FC<SchematicProviderProps>;
+export declare const SchematicProvider: React_2.FC<SchematicProviderProps>;
 
 export declare type SchematicProviderProps = SchematicProviderPropsWithClient | SchematicProviderPropsWithPublishableKey;
 
@@ -2960,12 +2957,12 @@ export declare const useEmbed: () => EmbedContextProps;
 export declare const useSchematic: () => SchematicContextProps;
 
 export declare const useSchematicContext: (opts?: SchematicHookOpts) => {
-    setContext: ((context: SchematicJS.SchematicContext) => Promise<void>) | undefined;
+    setContext: (context: SchematicJS.SchematicContext) => Promise<void>;
 };
 
 export declare const useSchematicEvents: (opts?: SchematicHookOpts) => {
-    track: ((body: SchematicJS.EventBodyTrack) => Promise<void>) | undefined;
-    identify: ((body: SchematicJS.EventBodyIdentify) => Promise<void>) | undefined;
+    track: (body: SchematicJS.EventBodyTrack) => Promise<void>;
+    identify: (body: SchematicJS.EventBodyIdentify) => Promise<void>;
 };
 
 export declare const useSchematicFlag: (key: string, opts?: UseSchematicFlagOpts) => boolean;
@@ -2974,6 +2971,8 @@ export declare type UseSchematicFlagOpts = SchematicHookOpts & {
     fallback?: boolean;
 };
 
+export declare const useSchematicIsPending: (opts?: SchematicHookOpts) => boolean;
+
 export declare const Viewport: ForwardRefExoticComponent<Omit<ViewportProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
 
 export declare interface ViewportProps extends React.HTMLProps<HTMLDivElement> {