@fileflow/sdk 0.1.13 → 0.1.15

package/dist/index.d.ts

@@ -177,6 +177,33 @@ export declare class FileFlowError extends Error {
     constructor(code: string, message: string, status: number, details?: object | undefined);
 }
 
+/**
+ * Theme configuration for customizing SDK colors.
+ * All values should be valid CSS color values (hex, rgb, hsl, etc.)
+ */
+export declare interface FileFlowTheme {
+    /** Primary button background color */
+    primaryColor?: string;
+    /** Primary button hover background color */
+    primaryHoverColor?: string;
+    /** Primary button text color */
+    primaryTextColor?: string;
+    /** Success indicator color */
+    successColor?: string;
+    /** Error indicator color */
+    errorColor?: string;
+    /** Warning indicator color */
+    warningColor?: string;
+    /** Background color for the wizard container */
+    backgroundColor?: string;
+    /** Primary text color */
+    textColor?: string;
+    /** Muted/secondary text color */
+    textMutedColor?: string;
+    /** Border color */
+    borderColor?: string;
+}
+
 export declare const FileUploader: default_2.FC<FileUploaderProps>;
 
 declare interface FileUploaderProps {
@@ -273,6 +300,25 @@ declare interface ImportWizardProps {
      * @deprecated Prefer using template prop for built-in schemas
      */
     schema?: ImportSchema;
+    /**
+     * Display mode for the wizard.
+     * - 'modal' (default): Renders as a centered modal with overlay, shadow, and animations
+     * - 'embed': Renders inline without overlay/shadow, width: 100%, consumer controls sizing
+     */
+    mode?: 'modal' | 'embed';
+    /**
+     * Custom theme to override default SDK colors.
+     * Partial overrides are supported - only specify the colors you want to change.
+     */
+    theme?: FileFlowTheme;
+    /**
+     * Enable Shadow DOM for bulletproof style isolation.
+     * When true, the SDK renders inside a Shadow DOM boundary, completely
+     * isolating styles from the host application in both directions.
+     *
+     * @default false
+     */
+    useShadowDom?: boolean;
     onComplete?: (result: ImportResult) => void;
     onCancel?: () => void;
     onError?: (error: Error) => void;
@@ -342,14 +388,6 @@ export { ProofOfAddressData }
 
 export { SchemaColumn }
 
-/**
- * StyleProvider component that:
- * 1. Auto-injects SDK styles into the document
- * 2. Provides style isolation from the host application
- *
- * This component wraps SDK components to ensure they are styled correctly
- * regardless of the host application's styles.
- */
 export declare const StyleProvider: default_2.FC<StyleProviderProps>;
 
 declare interface StyleProviderProps {
@@ -358,6 +396,27 @@ declare interface StyleProviderProps {
      * Additional class names to apply to the container
      */
     className?: string;
+    /**
+     * Custom theme to override default SDK colors.
+     * Partial overrides are supported - only specify the colors you want to change.
+     */
+    theme?: FileFlowTheme;
+    /**
+     * Enable Shadow DOM for bulletproof style isolation.
+     * When true, the SDK renders inside a Shadow DOM boundary, completely
+     * isolating styles from the host application in both directions.
+     *
+     * Use this when:
+     * - Host app has aggressive global styles that override SDK styles
+     * - You need guaranteed style isolation regardless of host CSS
+     * - Standard CSS isolation (all: revert) isn't sufficient
+     *
+     * Note: Shadow DOM may affect some CSS features like :focus-visible
+     * and requires React 18+ for proper portal support.
+     *
+     * @default false
+     */
+    useShadowDom?: boolean;
 }
 
 export { templateExists }

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DOOgWkvj.js"),t=require("./ImportWizard-BAmeOWXl.js"),l=require("./KYCWizard-Bei2tyWT.js");exports.CANADIAN_PROVINCES=e.CANADIAN_PROVINCES;exports.DOCUMENT_TYPES=e.DOCUMENT_TYPES;exports.FileFlowClient=e.FileFlowClient;exports.FileFlowError=e.FileFlowError;exports.IMPORT_TEMPLATES=e.IMPORT_TEMPLATES;exports.StyleProvider=e.StyleProvider;exports.VALID_TEMPLATE_IDS=e.VALID_TEMPLATE_IDS;exports.getAvailableTemplates=e.getAvailableTemplates;exports.getClient=e.getClient;exports.getTemplate=e.getTemplate;exports.getTemplateSchema=e.getTemplateSchema;exports.getTemplatesByCategory=e.getTemplatesByCategory;exports.initializeClient=e.initializeClient;exports.injectStyles=e.injectStyles;exports.listTemplates=e.listTemplates;exports.templateExists=e.templateExists;exports.useFileFlowStyles=e.useFileFlowStyles;exports.ColumnMapper=t.ColumnMapper;exports.DataTable=t.DataTable;exports.FileUploader=t.FileUploader;exports.ImportWizard=t.ImportWizard;exports.ValidationSummary=t.ValidationSummary;exports.useImportStore=t.useImportStore;exports.DocumentStatus=l.DocumentStatus;exports.DocumentUploader=l.DocumentUploader;exports.KYCWizard=l.KYCWizard;exports.useKYCStore=l.useKYCStore;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-j-Z3dkyz.js"),t=require("./ImportWizard-B5Uegimf.js"),l=require("./KYCWizard-Cq4Q7c8v.js");exports.CANADIAN_PROVINCES=e.CANADIAN_PROVINCES;exports.DOCUMENT_TYPES=e.DOCUMENT_TYPES;exports.FileFlowClient=e.FileFlowClient;exports.FileFlowError=e.FileFlowError;exports.IMPORT_TEMPLATES=e.IMPORT_TEMPLATES;exports.StyleProvider=e.StyleProvider;exports.VALID_TEMPLATE_IDS=e.VALID_TEMPLATE_IDS;exports.getAvailableTemplates=e.getAvailableTemplates;exports.getClient=e.getClient;exports.getTemplate=e.getTemplate;exports.getTemplateSchema=e.getTemplateSchema;exports.getTemplatesByCategory=e.getTemplatesByCategory;exports.initializeClient=e.initializeClient;exports.injectStyles=e.injectStyles;exports.listTemplates=e.listTemplates;exports.templateExists=e.templateExists;exports.useFileFlowStyles=e.useFileFlowStyles;exports.ColumnMapper=t.ColumnMapper;exports.DataTable=t.DataTable;exports.FileUploader=t.FileUploader;exports.ImportWizard=t.ImportWizard;exports.ValidationSummary=t.ValidationSummary;exports.useImportStore=t.useImportStore;exports.DocumentStatus=l.DocumentStatus;exports.DocumentUploader=l.DocumentUploader;exports.KYCWizard=l.KYCWizard;exports.useKYCStore=l.useKYCStore;
 //# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { C as s, D as t, F as l, b as o, I as r, S as i, V as m, e as p, g as S, c as T, d as C, f as u, a as D, i as n, l as E, t as F, u as I } from "./index-oKr8Wtf5.mjs";
-import { C as g, D as A, F as y, I as P, V as c, u as M } from "./ImportWizard-B69XBxtG.mjs";
-import { a as _, D as f, K as x, u as N } from "./KYCWizard-CYdeoPXE.mjs";
+import { C as s, D as t, F as l, b as o, I as r, S as i, V as m, e as p, g as S, c as T, d as C, f as u, a as D, i as n, l as E, t as F, u as I } from "./index-BNtIB3cM.mjs";
+import { C as g, D as A, F as y, I as P, V as c, u as M } from "./ImportWizard-BNCe0g8q.mjs";
+import { a as _, D as f, K as x, u as N } from "./KYCWizard-BQkfxOw-.mjs";
 export {
   s as CANADIAN_PROVINCES,
   g as ColumnMapper,

package/dist/kyc.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./KYCWizard-Bei2tyWT.js");exports.DocumentStatus=e.DocumentStatus;exports.DocumentUploader=e.DocumentUploader;exports.KYCWizard=e.KYCWizard;exports.useKYCStore=e.useKYCStore;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./KYCWizard-Cq4Q7c8v.js");exports.DocumentStatus=e.DocumentStatus;exports.DocumentUploader=e.DocumentUploader;exports.KYCWizard=e.KYCWizard;exports.useKYCStore=e.useKYCStore;
 //# sourceMappingURL=kyc.js.map

package/dist/kyc.mjs

@@ -1,4 +1,4 @@
-import { a as o, D as s, K as t, u as r } from "./KYCWizard-CYdeoPXE.mjs";
+import { a as o, D as s, K as t, u as r } from "./KYCWizard-BQkfxOw-.mjs";
 export {
   o as DocumentStatus,
   s as DocumentUploader,