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

package/dist/schematic-react.d.ts

@@ -1,7 +1,6 @@
 import { Context } from 'react';
 import * as Craft from '@craftjs/core';
 import { DetailedHTMLProps } from 'react';
-import { Dispatch } from 'react';
 import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES } from 'react';
 import { Event as Event_2 } from '@schematichq/schematic-js';
 import { EventBody } from '@schematichq/schematic-js';
@@ -16,14 +15,13 @@ 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 { ReactNode } from 'react';
+import { default as React_2 } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { Schematic } from '@schematichq/schematic-js';
 import { SchematicContext } from '@schematichq/schematic-js';
 import * as SchematicJS from '@schematichq/schematic-js';
 import { SchematicOptions } from '@schematichq/schematic-js';
-import { SetStateAction } from 'react';
 import { Stripe } from '@stripe/stripe-js';
 import { Substitute } from 'styled-components/dist/types';
 import { Traits } from '@schematichq/schematic-js';
@@ -79,7 +77,7 @@ declare class BaseAPI {
 }
 
 declare type BaseSchematicProviderProps = Omit<SchematicJS.SchematicOptions, "client" | "publishableKey"> & {
-    children: React.ReactNode;
+    children: React_2.ReactNode;
 };
 
 /**
@@ -1165,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;
@@ -1953,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];
 }
 
@@ -2055,6 +2055,12 @@ declare interface InvoiceResponseData {
      * @memberof InvoiceResponseData
      */
     id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof InvoiceResponseData
+     */
+    paymentMethodExternalId?: string | null;
     /**
      *
      * @type {string}
@@ -2102,28 +2108,23 @@ declare interface Middleware {
     onError?(context: ErrorContext): Promise<Response | void>;
 }
 
-declare type ModelPropertyNaming = "camelCase" | "snake_case" | "PascalCase" | "original";
+export declare const Modal: ({ children, size, onClose }: ModalProps) => JSX_2.Element;
+
+export declare const ModalHeader: ({ children, bordered, onClose, }: ModalHeaderProps) => JSX_2.Element;
 
-export declare const OverlayHeader: ({ children, onClose, }: {
-    children: ReactNode;
+declare interface ModalHeaderProps {
+    children: React.ReactNode;
+    bordered?: boolean;
     onClose?: () => void;
-}) => JSX_2.Element;
-
-export declare const OverlaySideBar: ({ pricePeriod, setPricePeriod, checkoutStage, setCheckoutStage, currentPlan, selectedPlan, paymentMethodId, }: {
-    pricePeriod: "month" | "year";
-    setPricePeriod: Dispatch<SetStateAction<"month" | "year">>;
-    checkoutStage: "plan" | "checkout";
-    setCheckoutStage: Dispatch<SetStateAction<"plan" | "checkout">>;
-    currentPlan?: BillingPlan;
-    selectedPlan?: CompanyPlanDetailResponseData;
-    paymentMethodId?: string;
-}) => JSX_2.Element;
-
-export declare const OverlayWrapper: ({ children, size, onClose, }: {
-    children: ReactNode;
-    size?: "md" | "lg";
+}
+
+declare interface ModalProps {
+    children: React.ReactNode;
+    size?: "sm" | "md" | "lg" | "auto";
     onClose?: () => void;
-}) => JSX_2.Element;
+}
+
+declare type ModelPropertyNaming = "camelCase" | "snake_case" | "PascalCase" | "original";
 
 export declare const PaymentMethod: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_5> & HTMLAttributes<HTMLDivElement> & {
 portal?: HTMLElement | null;
@@ -2208,12 +2209,6 @@ declare interface PaymentMethodResponseData {
      * @memberof PaymentMethodResponseData
      */
     id: string;
-    /**
-     *
-     * @type {string}
-     * @memberof PaymentMethodResponseData
-     */
-    invoiceExternalId?: string | null;
     /**
      *
      * @type {string}
@@ -2851,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;
@@ -2863,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;
 
@@ -2963,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;
@@ -2977,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> {