@documenso/embed-svelte 0.2.1-rc.2 → 0.2.2

package/dist/create-document.svelte

@@ -32,7 +32,6 @@
   import { CssVars } from "./css-vars";
 
   export let host: EmbedCreateDocumentProps["host"] = undefined;
-  export let presignToken: EmbedCreateDocumentProps["presignToken"];
   export let externalId: EmbedCreateDocumentProps["externalId"] = undefined;
   export let features: EmbedCreateDocumentProps["features"] = undefined;
   export let css: EmbedCreateDocumentProps["css"] = undefined;
@@ -41,6 +40,7 @@
     undefined;
   export let additionalProps: EmbedCreateDocumentProps["additionalProps"] =
     undefined;
+  export let presignToken: EmbedCreateDocumentProps["presignToken"];
   export let onDocumentCreated: EmbedCreateDocumentProps["onDocumentCreated"] =
     undefined;
   export let className: EmbedCreateDocumentProps["className"] = undefined;
@@ -62,7 +62,6 @@
     const encodedOptions = btoa(
       encodeURIComponent(
         JSON.stringify({
-          token: presignToken,
           externalId: externalId,
           features: features,
           css: css,
@@ -73,7 +72,9 @@
       )
     );
     const srcUrl = new URL(`/embed/v1/authoring/document/create`, appHost);
-    return `${srcUrl}#${encodedOptions}`;
+    srcUrl.searchParams.set("token", presignToken);
+    srcUrl.hash = encodedOptions;
+    return srcUrl.toString();
   };
 
   let __iframe;

package/dist/create-document.svelte.d.ts

@@ -25,13 +25,13 @@ import { CssVars } from "./css-vars";
 declare const __propDef: {
     props: {
         host?: EmbedCreateDocumentProps["host"];
-        presignToken: EmbedCreateDocumentProps["presignToken"];
         externalId?: EmbedCreateDocumentProps["externalId"];
         features?: EmbedCreateDocumentProps["features"];
         css?: EmbedCreateDocumentProps["css"];
         cssVars?: EmbedCreateDocumentProps["cssVars"];
         darkModeDisabled?: EmbedCreateDocumentProps["darkModeDisabled"];
         additionalProps?: EmbedCreateDocumentProps["additionalProps"];
+        presignToken: EmbedCreateDocumentProps["presignToken"];
         onDocumentCreated?: EmbedCreateDocumentProps["onDocumentCreated"];
         className?: EmbedCreateDocumentProps["className"];
     };

package/dist/create-template.svelte

@@ -32,7 +32,6 @@
   import { CssVars } from "./css-vars";
 
   export let host: EmbedCreateTemplateProps["host"] = undefined;
-  export let presignToken: EmbedCreateTemplateProps["presignToken"];
   export let externalId: EmbedCreateTemplateProps["externalId"] = undefined;
   export let features: EmbedCreateTemplateProps["features"] = undefined;
   export let css: EmbedCreateTemplateProps["css"] = undefined;
@@ -41,6 +40,7 @@
     undefined;
   export let additionalProps: EmbedCreateTemplateProps["additionalProps"] =
     undefined;
+  export let presignToken: EmbedCreateTemplateProps["presignToken"];
   export let onTemplateCreated: EmbedCreateTemplateProps["onTemplateCreated"] =
     undefined;
   export let className: EmbedCreateTemplateProps["className"] = undefined;
@@ -62,7 +62,6 @@
     const encodedOptions = btoa(
       encodeURIComponent(
         JSON.stringify({
-          token: presignToken,
           externalId: externalId,
           features: features,
           css: css,
@@ -73,7 +72,9 @@
       )
     );
     const srcUrl = new URL(`/embed/v1/authoring/template/create`, appHost);
-    return `${srcUrl}#${encodedOptions}`;
+    srcUrl.searchParams.set("token", presignToken);
+    srcUrl.hash = encodedOptions;
+    return srcUrl.toString();
   };
 
   let __iframe;

package/dist/create-template.svelte.d.ts

@@ -25,13 +25,13 @@ import { CssVars } from "./css-vars";
 declare const __propDef: {
     props: {
         host?: EmbedCreateTemplateProps["host"];
-        presignToken: EmbedCreateTemplateProps["presignToken"];
         externalId?: EmbedCreateTemplateProps["externalId"];
         features?: EmbedCreateTemplateProps["features"];
         css?: EmbedCreateTemplateProps["css"];
         cssVars?: EmbedCreateTemplateProps["cssVars"];
         darkModeDisabled?: EmbedCreateTemplateProps["darkModeDisabled"];
         additionalProps?: EmbedCreateTemplateProps["additionalProps"];
+        presignToken: EmbedCreateTemplateProps["presignToken"];
         onTemplateCreated?: EmbedCreateTemplateProps["onTemplateCreated"];
         className?: EmbedCreateTemplateProps["className"];
     };

package/dist/index.d.ts

@@ -2,3 +2,5 @@ export { default as EmbedDirectTemplate } from './direct-template.svelte';
 export { default as EmbedSignDocument } from './sign-document.svelte';
 export { default as unstable_EmbedCreateDocument } from './create-document.svelte';
 export { default as unstable_EmbedCreateTemplate } from './create-template.svelte';
+export { default as unstable_EmbedUpdateDocument } from './update-document.svelte';
+export { default as unstable_EmbedUpdateTemplate } from './update-template.svelte';

package/dist/index.js

@@ -2,3 +2,5 @@ export { default as EmbedDirectTemplate } from './direct-template.svelte';
 export { default as EmbedSignDocument } from './sign-document.svelte';
 export { default as unstable_EmbedCreateDocument } from './create-document.svelte';
 export { default as unstable_EmbedCreateTemplate } from './create-template.svelte';
+export { default as unstable_EmbedUpdateDocument } from './update-document.svelte';
+export { default as unstable_EmbedUpdateTemplate } from './update-template.svelte';

package/dist/update-document.svelte

@@ -0,0 +1,97 @@
+<script context="module" lang="ts">
+  export type EmbedUpdateDocumentProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    documentId: number;
+    externalId?: string; // @src: /apps/web/src/app/embed/direct/[[...url]]/schema
+
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: {
+      allowConfigureSignatureTypes?: boolean;
+      allowConfigureLanguage?: boolean;
+      allowConfigureDateFormat?: boolean;
+      allowConfigureTimezone?: boolean;
+      allowConfigureRedirectUrl?: boolean;
+      allowConfigureCommunication?: boolean;
+    }; // Additional props to be passed to the iframe, used for testing out features
+    // prior to being added to the main props
+
+    additionalProps?: Record<string, string | number | boolean> | undefined;
+    onDocumentUpdated?: (data: {
+      externalId: string;
+      documentId: number;
+    }) => void;
+  };
+</script>
+
+<script lang="ts">
+  import { onDestroy, onMount } from "svelte";
+
+  import { CssVars } from "./css-vars";
+
+  export let host: EmbedUpdateDocumentProps["host"] = undefined;
+  export let presignToken: EmbedUpdateDocumentProps["presignToken"];
+  export let externalId: EmbedUpdateDocumentProps["externalId"] = undefined;
+  export let features: EmbedUpdateDocumentProps["features"] = undefined;
+  export let css: EmbedUpdateDocumentProps["css"] = undefined;
+  export let cssVars: EmbedUpdateDocumentProps["cssVars"] = undefined;
+  export let darkModeDisabled: EmbedUpdateDocumentProps["darkModeDisabled"] =
+    undefined;
+  export let additionalProps: EmbedUpdateDocumentProps["additionalProps"] =
+    undefined;
+  export let documentId: EmbedUpdateDocumentProps["documentId"];
+  export let onDocumentUpdated: EmbedUpdateDocumentProps["onDocumentUpdated"] =
+    undefined;
+  export let className: EmbedUpdateDocumentProps["className"] = undefined;
+
+  function handleMessage(event: MessageEvent) {
+    if (__iframe?.contentWindow === event.source) {
+      switch (event.data.type) {
+        case "document-updated":
+          onDocumentUpdated?.({
+            documentId: event.data.documentId,
+            externalId: event.data.externalId,
+          });
+          break;
+      }
+    }
+  }
+  $: src = () => {
+    const appHost = host || "https://app.documenso.com";
+    const encodedOptions = btoa(
+      encodeURIComponent(
+        JSON.stringify({
+          token: presignToken,
+          externalId: externalId,
+          features: features,
+          css: css,
+          cssVars: cssVars,
+          darkModeDisabled: darkModeDisabled,
+          ...additionalProps,
+        })
+      )
+    );
+    const srcUrl = new URL(
+      `/embed/v1/authoring/document/edit/${documentId}`,
+      appHost
+    );
+    srcUrl.searchParams.set("token", presignToken);
+    srcUrl.hash = encodedOptions;
+    return srcUrl.toString();
+  };
+
+  let __iframe;
+
+  onMount(() => {
+    window.addEventListener("message", handleMessage);
+  });
+
+  onDestroy(() => {
+    window.removeEventListener("message", handleMessage);
+  });
+</script>
+
+<iframe bind:this={__iframe} class={className} src={src()} />

package/dist/update-document.svelte.d.ts

@@ -0,0 +1,52 @@
+import { SvelteComponent } from "svelte";
+export type EmbedUpdateDocumentProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    documentId: number;
+    externalId?: string;
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: {
+        allowConfigureSignatureTypes?: boolean;
+        allowConfigureLanguage?: boolean;
+        allowConfigureDateFormat?: boolean;
+        allowConfigureTimezone?: boolean;
+        allowConfigureRedirectUrl?: boolean;
+        allowConfigureCommunication?: boolean;
+    };
+    additionalProps?: Record<string, string | number | boolean> | undefined;
+    onDocumentUpdated?: (data: {
+        externalId: string;
+        documentId: number;
+    }) => void;
+};
+import { CssVars } from "./css-vars";
+declare const __propDef: {
+    props: {
+        host?: EmbedUpdateDocumentProps["host"];
+        presignToken: EmbedUpdateDocumentProps["presignToken"];
+        externalId?: EmbedUpdateDocumentProps["externalId"];
+        features?: EmbedUpdateDocumentProps["features"];
+        css?: EmbedUpdateDocumentProps["css"];
+        cssVars?: EmbedUpdateDocumentProps["cssVars"];
+        darkModeDisabled?: EmbedUpdateDocumentProps["darkModeDisabled"];
+        additionalProps?: EmbedUpdateDocumentProps["additionalProps"];
+        documentId: EmbedUpdateDocumentProps["documentId"];
+        onDocumentUpdated?: EmbedUpdateDocumentProps["onDocumentUpdated"];
+        className?: EmbedUpdateDocumentProps["className"];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {};
+    bindings?: string;
+};
+export type UpdateDocumentProps = typeof __propDef.props;
+export type UpdateDocumentEvents = typeof __propDef.events;
+export type UpdateDocumentSlots = typeof __propDef.slots;
+export default class UpdateDocument extends SvelteComponent<UpdateDocumentProps, UpdateDocumentEvents, UpdateDocumentSlots> {
+}
+export {};

package/dist/update-template.svelte

@@ -0,0 +1,96 @@
+<script context="module" lang="ts">
+  export type EmbedUpdateTemplateProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    templateId: number;
+    externalId?: string; // @src: /apps/web/src/app/embed/direct/[[...url]]/schema
+
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: {
+      allowConfigureSignatureTypes?: boolean;
+      allowConfigureLanguage?: boolean;
+      allowConfigureDateFormat?: boolean;
+      allowConfigureTimezone?: boolean;
+      allowConfigureRedirectUrl?: boolean;
+      allowConfigureCommunication?: boolean;
+    }; // Additional props to be passed to the iframe, used for testing out features
+    // prior to being added to the main props
+
+    additionalProps?: Record<string, string | number | boolean> | undefined;
+    onTemplateUpdated?: (data: {
+      externalId: string;
+      templateId: number;
+    }) => void;
+  };
+</script>
+
+<script lang="ts">
+  import { onDestroy, onMount } from "svelte";
+
+  import { CssVars } from "./css-vars";
+
+  export let host: EmbedUpdateTemplateProps["host"] = undefined;
+  export let externalId: EmbedUpdateTemplateProps["externalId"] = undefined;
+  export let features: EmbedUpdateTemplateProps["features"] = undefined;
+  export let css: EmbedUpdateTemplateProps["css"] = undefined;
+  export let cssVars: EmbedUpdateTemplateProps["cssVars"] = undefined;
+  export let darkModeDisabled: EmbedUpdateTemplateProps["darkModeDisabled"] =
+    undefined;
+  export let additionalProps: EmbedUpdateTemplateProps["additionalProps"] =
+    undefined;
+  export let templateId: EmbedUpdateTemplateProps["templateId"];
+  export let presignToken: EmbedUpdateTemplateProps["presignToken"];
+  export let onTemplateUpdated: EmbedUpdateTemplateProps["onTemplateUpdated"] =
+    undefined;
+  export let className: EmbedUpdateTemplateProps["className"] = undefined;
+
+  function handleMessage(event: MessageEvent) {
+    if (__iframe?.contentWindow === event.source) {
+      switch (event.data.type) {
+        case "template-updated":
+          onTemplateUpdated?.({
+            templateId: event.data.templateId,
+            externalId: event.data.externalId,
+          });
+          break;
+      }
+    }
+  }
+  $: src = () => {
+    const appHost = host || "https://app.documenso.com";
+    const encodedOptions = btoa(
+      encodeURIComponent(
+        JSON.stringify({
+          externalId: externalId,
+          features: features,
+          css: css,
+          cssVars: cssVars,
+          darkModeDisabled: darkModeDisabled,
+          ...additionalProps,
+        })
+      )
+    );
+    const srcUrl = new URL(
+      `/embed/v1/authoring/template/edit/${templateId}`,
+      appHost
+    );
+    srcUrl.searchParams.set("token", presignToken);
+    srcUrl.hash = encodedOptions;
+    return srcUrl.toString();
+  };
+
+  let __iframe;
+
+  onMount(() => {
+    window.addEventListener("message", handleMessage);
+  });
+
+  onDestroy(() => {
+    window.removeEventListener("message", handleMessage);
+  });
+</script>
+
+<iframe bind:this={__iframe} class={className} src={src()} />

package/dist/update-template.svelte.d.ts

@@ -0,0 +1,52 @@
+import { SvelteComponent } from "svelte";
+export type EmbedUpdateTemplateProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    templateId: number;
+    externalId?: string;
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: {
+        allowConfigureSignatureTypes?: boolean;
+        allowConfigureLanguage?: boolean;
+        allowConfigureDateFormat?: boolean;
+        allowConfigureTimezone?: boolean;
+        allowConfigureRedirectUrl?: boolean;
+        allowConfigureCommunication?: boolean;
+    };
+    additionalProps?: Record<string, string | number | boolean> | undefined;
+    onTemplateUpdated?: (data: {
+        externalId: string;
+        templateId: number;
+    }) => void;
+};
+import { CssVars } from "./css-vars";
+declare const __propDef: {
+    props: {
+        host?: EmbedUpdateTemplateProps["host"];
+        externalId?: EmbedUpdateTemplateProps["externalId"];
+        features?: EmbedUpdateTemplateProps["features"];
+        css?: EmbedUpdateTemplateProps["css"];
+        cssVars?: EmbedUpdateTemplateProps["cssVars"];
+        darkModeDisabled?: EmbedUpdateTemplateProps["darkModeDisabled"];
+        additionalProps?: EmbedUpdateTemplateProps["additionalProps"];
+        templateId: EmbedUpdateTemplateProps["templateId"];
+        presignToken: EmbedUpdateTemplateProps["presignToken"];
+        onTemplateUpdated?: EmbedUpdateTemplateProps["onTemplateUpdated"];
+        className?: EmbedUpdateTemplateProps["className"];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {};
+    bindings?: string;
+};
+export type UpdateTemplateProps = typeof __propDef.props;
+export type UpdateTemplateEvents = typeof __propDef.events;
+export type UpdateTemplateSlots = typeof __propDef.slots;
+export default class UpdateTemplate extends SvelteComponent<UpdateTemplateProps, UpdateTemplateEvents, UpdateTemplateSlots> {
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@documenso/embed-svelte",
-  "version": "0.2.1-rc.2",
+  "version": "0.2.2",
   "license": "MIT",
   "files": [
     "dist"