docuseal-svelte 0.1.0 → 0.1.1

package/dist/components/DocuSealBuilder.svelte

@@ -122,7 +122,6 @@
       const scriptId = "docuseal-builder-script"
       const scriptSrc = `https://${host}/js/builder.js`
 
-      // Check if script already exists
       const existingScript = document.getElementById(scriptId)
       if (existingScript) {
         resolve()
@@ -148,50 +147,26 @@
   }
 
   const setupEventListeners = (element: HTMLElement): (() => void) => {
-    const handleLoad = (e: Event) => {
-      if (onLoad && e instanceof CustomEvent) {
-        onLoad(e.detail)
-      }
-    }
-
-    const handleUpload = (e: Event) => {
-      if (onUpload && e instanceof CustomEvent) {
-        onUpload(e.detail)
-      }
+    const handlers: Record<string, ((detail: any) => void) | undefined> = {
+      load: onLoad,
+      upload: onUpload,
+      send: onSend,
+      save: onSave,
+      change: onChange,
     }
 
-    const handleSend = (e: Event) => {
-      if (onSend && e instanceof CustomEvent) {
-        onSend(e.detail)
-      }
-    }
-
-    const handleSave = (e: Event) => {
-      if (onSave && e instanceof CustomEvent) {
-        onSave(e.detail)
-      }
-    }
-
-    const handleChange = (e: Event) => {
-      if (onChange && e instanceof CustomEvent) {
-        onChange(e.detail)
+    const removers = Object.entries(handlers).map(([eventName, handler]) => {
+      const listener = (e: Event) => {
+        if (handler && e instanceof CustomEvent) {
+          handler(e.detail)
+        }
       }
-    }
 
-    element.addEventListener("load", handleLoad)
-    element.addEventListener("upload", handleUpload)
-    element.addEventListener("send", handleSend)
-    element.addEventListener("save", handleSave)
-    element.addEventListener("change", handleChange)
+      element.addEventListener(eventName, listener)
+      return () => element.removeEventListener(eventName, listener)
+    })
 
-    // Return cleanup function
-    return () => {
-      element.removeEventListener("load", handleLoad)
-      element.removeEventListener("upload", handleUpload)
-      element.removeEventListener("send", handleSend)
-      element.removeEventListener("save", handleSave)
-      element.removeEventListener("change", handleChange)
-    }
+    return () => removers.forEach((remove) => remove())
   }
 
   const asDocuSealError = (error: unknown): DocuSealError =>

package/dist/components/DocuSealForm.svelte

@@ -77,32 +77,25 @@
       document.head.appendChild(script)
     }
 
-    const handleCompleted = (e: Event) =>
-      onComplete && onComplete((e as CustomEvent).detail)
-    const handleInit = (e: Event) => onInit && onInit((e as CustomEvent).detail)
-    const handleDecline = (e: Event) =>
-      onDecline && onDecline((e as CustomEvent).detail)
-    const handleLoad = (e: Event) => onLoad && onLoad((e as CustomEvent).detail)
-    const handleError = (e: Event) =>
-      onError && onError((e as CustomEvent).detail)
-
-    if (el) {
-      el.addEventListener("completed", handleCompleted)
-      el.addEventListener("init", handleInit)
-      el.addEventListener("declined", handleDecline)
-      el.addEventListener("load", handleLoad)
-      el.addEventListener("error", handleError)
+    const handlers: Record<string, ((detail: any) => void) | undefined> = {
+      completed: onComplete,
+      init: onInit,
+      declined: onDecline,
+      load: onLoad,
+      error: onError,
     }
 
-    return () => {
-      if (el) {
-        el.removeEventListener("completed", handleCompleted)
-        el.removeEventListener("init", handleInit)
-        el.removeEventListener("declined", handleDecline)
-        el.removeEventListener("load", handleLoad)
-        el.removeEventListener("error", handleError)
-      }
-    }
+    const element = el
+    if (!element) return
+
+    const removers = Object.entries(handlers).map(([eventName, handler]) => {
+      const listener = (e: Event) => handler && handler((e as CustomEvent).detail)
+
+      element.addEventListener(eventName, listener)
+      return () => element.removeEventListener(eventName, listener)
+    })
+
+    return () => removers.forEach((remove) => remove())
   })
 </script>
 

package/dist/components/DocuSealForm.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DocuSealFormField } from "../types/index.ts";
+import type { DocuSealFormField } from "../types/index.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as DocuSealForm } from './components/DocuSealForm.svelte';
-export { default as DocuSealBuilder } from './components/DocuSealBuilder.svelte';
-export type { DocuSealFormProps, DocuSealFormField, DocuSealBuilderField, DocuSealBuilderSubmitter, } from './types/index.js';
-export { isValidDocuSealUrl, buildFormUrl, DocuSealEventType, DocuSealError } from './utils/docuseal.js';
+export { default as DocuSealForm } from "./components/DocuSealForm.svelte";
+export { default as DocuSealBuilder } from "./components/DocuSealBuilder.svelte";
+export type { DocuSealFormProps, DocuSealFormField, DocuSealBuilderField, DocuSealBuilderSubmitter, } from "./types/index.js";
+export { isValidDocuSealUrl, buildFormUrl, DocuSealEventType, DocuSealError, } from "./utils/docuseal.js";

package/dist/index.js

@@ -1,6 +1,3 @@
-// Reexport your entry components here
-// Re-export components
-export { default as DocuSealForm } from './components/DocuSealForm.svelte';
-export { default as DocuSealBuilder } from './components/DocuSealBuilder.svelte';
-// Re-export utilities (optional - if you want users to access them)
-export { isValidDocuSealUrl, buildFormUrl, DocuSealEventType, DocuSealError } from './utils/docuseal.js';
+export { default as DocuSealForm } from "./components/DocuSealForm.svelte";
+export { default as DocuSealBuilder } from "./components/DocuSealBuilder.svelte";
+export { isValidDocuSealUrl, buildFormUrl, DocuSealEventType, DocuSealError, } from "./utils/docuseal.js";

package/dist/utils/docuseal.d.ts

@@ -1,16 +1,10 @@
 export declare function isValidDocuSealUrl(url: string): boolean;
-/**
- * Builds a DocuSeal form URL with query parameters
- */
 export declare function buildFormUrl(baseUrl: string, params?: {
     email?: string;
     name?: string;
     phone?: string;
     [key: string]: string | undefined;
 }): string;
-/**
- * Message types from DocuSeal iframe
- */
 export declare enum DocuSealEventType {
     COMPLETED = "completed",
     DECLINED = "declined",
@@ -18,49 +12,8 @@ export declare enum DocuSealEventType {
     LOADED = "loaded",
     RESIZE = "resize"
 }
-/**
- * Type guard for DocuSeal messages
- */
-export declare function isDocuSealMessage(event: MessageEvent): boolean;
-/**
- * Parse DocuSeal postMessage events
- */
-export declare function parseDocuSealEvent(event: MessageEvent): {
-    type: DocuSealEventType;
-    data?: any;
-} | null;
-/**
- * Create an iframe element with DocuSeal configuration
- */
-export declare function createDocuSealIframe(src: string, options?: {
-    title?: string;
-    className?: string;
-    allowFullscreen?: boolean;
-}): HTMLIFrameElement;
-/**
- * Send a message to DocuSeal iframe
- */
-export declare function sendToDocuSeal(iframe: HTMLIFrameElement | null, message: {
-    type: string;
-    data?: any;
-}): void;
-/**
- * Calculates optimal iframe height based on content
- */
-export declare function calculateIframeHeight(contentHeight?: number, minHeight?: number, maxHeight?: number): number;
-/**
- * Error types that can occur with DocuSeal
- */
 export declare class DocuSealError extends Error {
     code?: string | undefined;
     details?: any | undefined;
     constructor(message: string, code?: string | undefined, details?: any | undefined);
 }
-/**
- * Retry logic for failed operations
- */
-export declare function retryOperation<T>(operation: () => Promise<T>, maxRetries?: number, delayMs?: number): Promise<T>;
-/**
- * Prefetch DocuSeal resources for faster loading
- */
-export declare function prefetchDocuSeal(url: string): void;

package/dist/utils/docuseal.js

@@ -1,7 +1,4 @@
-/**
- * Validates if a URL is a valid DocuSeal URL
- */
-const DOCUSEAL_DOMAINS = ['docuseal.co', 'docuseal.com'];
+const DOCUSEAL_DOMAINS = ["docuseal.co", "docuseal.com", "docuseal.eu"];
 export function isValidDocuSealUrl(url) {
     try {
         const { hostname } = new URL(url);
@@ -11,9 +8,6 @@ export function isValidDocuSealUrl(url) {
         return false;
     }
 }
-/**
- * Builds a DocuSeal form URL with query parameters
- */
 export function buildFormUrl(baseUrl, params) {
     const url = new URL(baseUrl);
     if (params) {
@@ -25,9 +19,6 @@ export function buildFormUrl(baseUrl, params) {
     }
     return url.toString();
 }
-/**
- * Message types from DocuSeal iframe
- */
 export var DocuSealEventType;
 (function (DocuSealEventType) {
     DocuSealEventType["COMPLETED"] = "completed";
@@ -36,61 +27,6 @@ export var DocuSealEventType;
     DocuSealEventType["LOADED"] = "loaded";
     DocuSealEventType["RESIZE"] = "resize";
 })(DocuSealEventType || (DocuSealEventType = {}));
-/**
- * Type guard for DocuSeal messages
- */
-export function isDocuSealMessage(event) {
-    return event.data?.source === 'docuseal' ||
-        event.data?.type?.startsWith('docuseal.');
-}
-/**
- * Parse DocuSeal postMessage events
- */
-export function parseDocuSealEvent(event) {
-    if (!isDocuSealMessage(event)) {
-        return null;
-    }
-    const { type, data } = event.data;
-    return { type, data };
-}
-/**
- * Create an iframe element with DocuSeal configuration
- */
-export function createDocuSealIframe(src, options) {
-    const iframe = document.createElement('iframe');
-    iframe.src = src;
-    iframe.title = options?.title || 'DocuSeal Form';
-    iframe.className = options?.className || '';
-    iframe.setAttribute('frameborder', '0');
-    iframe.setAttribute('allow', 'camera; microphone; clipboard-write');
-    if (options?.allowFullscreen) {
-        iframe.setAttribute('allowfullscreen', 'true');
-    }
-    iframe.style.width = '100%';
-    iframe.style.height = '100%';
-    return iframe;
-}
-/**
- * Send a message to DocuSeal iframe
- */
-export function sendToDocuSeal(iframe, message) {
-    if (!iframe?.contentWindow) {
-        console.warn('DocuSeal iframe not ready');
-        return;
-    }
-    iframe.contentWindow.postMessage({ source: 'parent', ...message }, '*');
-}
-/**
- * Calculates optimal iframe height based on content
- */
-export function calculateIframeHeight(contentHeight, minHeight = 400, maxHeight = 1200) {
-    if (!contentHeight)
-        return minHeight;
-    return Math.min(Math.max(contentHeight, minHeight), maxHeight);
-}
-/**
- * Error types that can occur with DocuSeal
- */
 export class DocuSealError extends Error {
     code;
     details;
@@ -98,33 +34,6 @@ export class DocuSealError extends Error {
         super(message);
         this.code = code;
         this.details = details;
-        this.name = 'DocuSealError';
-    }
-}
-/**
- * Retry logic for failed operations
- */
-export async function retryOperation(operation, maxRetries = 3, delayMs = 1000) {
-    let lastError = new Error();
-    for (let i = 0; i < maxRetries; i++) {
-        try {
-            return await operation();
-        }
-        catch (error) {
-            lastError = error;
-            if (i < maxRetries - 1) {
-                await new Promise(resolve => setTimeout(resolve, delayMs * (i + 1)));
-            }
-        }
+        this.name = "DocuSealError";
     }
-    throw new DocuSealError(`Operation failed after ${maxRetries} retries`, 'RETRY_EXCEEDED', lastError);
-}
-/**
- * Prefetch DocuSeal resources for faster loading
- */
-export function prefetchDocuSeal(url) {
-    const link = document.createElement('link');
-    link.rel = 'prefetch';
-    link.href = url;
-    document.head.appendChild(link);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "docuseal-svelte",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"description": "Docuseal Svelte component library for document signing and management.",
 	"license": "MIT",
 	"repository": {