@fileflow/sdk 0.1.29 → 0.1.31

package/dist/index.d.ts

@@ -293,36 +293,21 @@ export { ImportTemplateMetadata }
 export declare const ImportWizard: default_2.FC<ImportWizardProps>;
 
 declare interface ImportWizardProps {
-    /**
-     * Template name to use for import schema.
-     * Use this instead of schema prop for built-in templates.
-     * Available templates: 'sample-contact', 'payspace-batch'
-     */
+    /** Template name to use for import schema. */
     template?: string;
-    /**
-     * Custom import schema. Only used if template is not provided.
-     * @deprecated Prefer using template prop for built-in schemas
-     */
+    /** Custom import schema. Only used if template is not provided. */
     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
-     */
+    /** Display mode: 'modal' (default) or 'embed' (inline, user-resizable). */
     mode?: 'modal' | 'embed';
-    /**
-     * Custom theme to override default SDK colors.
-     * Partial overrides are supported - only specify the colors you want to change.
-     */
+    /** Custom theme to override default SDK colors. */
     theme?: FileFlowTheme;
+    /** Enable Shadow DOM for bulletproof style isolation. */
+    useShadowDom?: boolean;
     /**
-     * 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
+     * External error to display on the complete step, overriding the SDK's own
+     * success state. Use this to pass backend errors received after onComplete.
      */
-    useShadowDom?: boolean;
+    error?: string | null;
     onComplete?: (result: ImportResult) => void;
     onCancel?: () => void;
     onError?: (error: Error) => void;

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-RFYSKfrk.js"),t=require("./ImportWizard-lxWu3Ydd.js"),l=require("./KYCWizard-DecrJ0MW.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-DnSXPtpU.js"),t=require("./ImportWizard-BsXU0Tm7.js"),l=require("./KYCWizard-C9OMqfkX.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-Dn3cI9sZ.mjs";
-import { C as g, D as A, F as y, I as P, V as c, u as M } from "./ImportWizard-Cux3nYN4.mjs";
-import { a as _, D as f, K as x, u as N } from "./KYCWizard-D9W8V70o.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-BOU2aWf8.mjs";
+import { C as g, D as A, F as y, I as P, V as c, u as M } from "./ImportWizard-C7vsPfrT.mjs";
+import { a as _, D as f, K as x, u as N } from "./KYCWizard-a5sYPhrA.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-DecrJ0MW.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-C9OMqfkX.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-D9W8V70o.mjs";
+import { a as o, D as s, K as t, u as r } from "./KYCWizard-a5sYPhrA.mjs";
 export {
   o as DocumentStatus,
   s as DocumentUploader,

package/dist/styles.css

@@ -489,9 +489,8 @@
   --tw-ring-color: rgba(212, 51, 56, 0.2);  /* ff-error at 20% opacity */
 }
 
-/* Select - applies to both .ff-select and any select.ff-input */
-.fileflow-sdk-root .ff-select,
-.fileflow-sdk-root select.ff-input {
+/* Select - legacy class kept for backward compat */
+.fileflow-sdk-root .ff-select {
   @apply ff-appearance-none ff-cursor-pointer;
   padding-right: 2.5rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2378716c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
@@ -1368,6 +1367,70 @@
   --ff-focus-ring: var(--ff-focus-ring-accent);
 }
 
+/* ============================================
+   Column Resize Handle
+   ============================================ */
+
+.fileflow-sdk-root .ff-resize-handle {
+  opacity: 0;
+  background-color: var(--ff-primary-70);
+  transition: opacity 0.15s;
+}
+
+.fileflow-sdk-root .ff-table th:hover .ff-resize-handle {
+  opacity: 1;
+}
+
+.fileflow-sdk-root .ff-resize-handle:hover,
+.fileflow-sdk-root .ff-resize-handle:active {
+  opacity: 1;
+  background-color: var(--ff-primary-90);
+}
+
+/* ============================================
+   Embed Resizable Container
+   ============================================ */
+
+.fileflow-sdk-root .ff-embed-resizable,
+.ff-embed-resizable {
+  resize: both;
+  overflow: auto;
+  min-width: 400px;
+  min-height: 300px;
+  position: relative;
+}
+
+/* ============================================
+   Styled Select (Dropdown) - enhanced native select
+   ============================================ */
+
+.fileflow-sdk-root select.ff-input {
+  @apply ff-appearance-none ff-cursor-pointer;
+  height: 44px;
+  padding-right: 2.5rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2378716c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.75rem center;
+  background-repeat: no-repeat;
+  background-size: 1.25em 1.25em;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.fileflow-sdk-root select.ff-input:hover {
+  border-color: var(--ff-border-dark);
+}
+
+.fileflow-sdk-root select.ff-input:focus {
+  @apply ff-outline-none ff-ring-4;
+  border-color: var(--ff-primary-500);
+  --tw-ring-color: var(--ff-focus-ring);
+}
+
+/* Muted color for the placeholder option */
+.fileflow-sdk-root select.ff-input option[value=''] {
+  color: var(--ff-text-muted);
+}
+
 /* ============================================
    Tailwind Utilities - MUST be last!
    Utility classes used in JSX (e.g. ff-flex, ff-p-4, ff-border)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileflow/sdk",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "description": "FileFlow SDK - Embeddable data import and KYC verification components with automatic style injection",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",