@sajn/embed-react 0.1.4 → 0.1.6

package/dist/index.d.mts

@@ -1,2 +1,4 @@
 export { default as EmbedSignDocument } from './sign-document';
 export type { Language, EmbedSignDocumentProps } from './sign-document';
+export { default as EmbedViewDocument } from './view-document';
+export type { EmbedViewDocumentProps } from './view-document';

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export { default as EmbedSignDocument } from './sign-document';
 export type { Language, EmbedSignDocumentProps } from './sign-document';
+export { default as EmbedViewDocument } from './view-document';
+export type { EmbedViewDocumentProps } from './view-document';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react");function d(e){const c=a.useRef(null);function o(){const n=e.host||"https://app.sajn.se",r=btoa(encodeURIComponent(JSON.stringify({language:e.language??"en",cssVars:e.cssVars,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps})));return`${new URL(`/embed/sign/${e.documentId}?token=${e.token}`,n)}#${r}`}const t=a.useCallback(n=>{if(c.current?.contentWindow===n.source)switch(n.data.action){case"document-ready":e.onDocumentReady?.();break;case"signer-completed":e.onSignerCompleted?.(n.data.data);break;case"document-error":e.onDocumentError?.(n.data.data);break;case"signer-rejected":e.onSignerRejected?.(n.data.data);break}},[e.onDocumentReady,e.onSignerCompleted,e.onDocumentError,e.onSignerRejected]);return a.useEffect(()=>(window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}),[t]),s.jsx("iframe",{ref:c,className:e.className,src:o()})}exports.EmbedSignDocument=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");function d(e){const t=c.useRef(null);function o(){const n=e.host||"https://app.sajn.se",s=btoa(encodeURIComponent(JSON.stringify({language:e.language??"en",cssVars:e.cssVars,allowDocumentRejection:e.allowDocumentRejection,showScrollIndicator:e.showScrollIndicator??!0,...e.additionalProps})));return`${new URL(`/embed/sign/${e.documentId}?token=${e.token}`,n)}#${s}`}const a=c.useCallback(n=>{if(t.current?.contentWindow===n.source)switch(n.data.action){case"document-ready":t.current?.contentWindow?.postMessage({action:"embed-init"},new URL(e.host||"https://app.sajn.se").origin),e.onDocumentReady?.();break;case"signer-completed":e.onSignerCompleted?.(n.data.data);break;case"document-error":e.onDocumentError?.(n.data.data);break;case"signer-rejected":e.onSignerRejected?.(n.data.data);break}},[e.host,e.onDocumentReady,e.onSignerCompleted,e.onDocumentError,e.onSignerRejected]);return c.useEffect(()=>(window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}),[a]),r.jsx("iframe",{ref:t,className:e.className,src:o()})}function u(e){const t=c.useRef(null);function o(){const n=e.host||"https://app.sajn.se",s=btoa(encodeURIComponent(JSON.stringify({language:e.language??"en",cssVars:e.cssVars,showScrollIndicator:e.showScrollIndicator??!0,...e.additionalProps})));return`${new URL(`/embed/view/${e.documentId}?token=${e.token}`,n)}#${s}`}const a=c.useCallback(n=>{if(t.current?.contentWindow===n.source)switch(n.data.action){case"document-ready":t.current?.contentWindow?.postMessage({action:"embed-init"},new URL(e.host||"https://app.sajn.se").origin),e.onDocumentReady?.();break;case"document-error":e.onDocumentError?.(n.data.data);break}},[e.host,e.onDocumentReady,e.onDocumentError]);return c.useEffect(()=>(window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}),[a]),r.jsx("iframe",{ref:t,className:e.className,src:o()})}exports.EmbedSignDocument=d;exports.EmbedViewDocument=u;

package/dist/index.mjs

@@ -1,26 +1,30 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as d, useCallback as s, useEffect as i } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as r, useCallback as d, useEffect as i } from "react";
 function g(e) {
-  const a = d(null);
-  function c() {
-    const n = e.host || "https://app.sajn.se", o = btoa(
+  const t = r(null);
+  function o() {
+    const n = e.host || "https://app.sajn.se", c = btoa(
       encodeURIComponent(
         JSON.stringify({
           language: e.language ?? "en",
           cssVars: e.cssVars,
           allowDocumentRejection: e.allowDocumentRejection,
+          showScrollIndicator: e.showScrollIndicator ?? !0,
           ...e.additionalProps
         })
       )
     );
-    return `${new URL(`/embed/sign/${e.documentId}?token=${e.token}`, n)}#${o}`;
+    return `${new URL(`/embed/sign/${e.documentId}?token=${e.token}`, n)}#${c}`;
   }
-  const t = s(
+  const a = d(
     (n) => {
-      if (a.current?.contentWindow === n.source)
+      if (t.current?.contentWindow === n.source)
         switch (n.data.action) {
           case "document-ready":
-            e.onDocumentReady?.();
+            t.current?.contentWindow?.postMessage(
+              { action: "embed-init" },
+              new URL(e.host || "https://app.sajn.se").origin
+            ), e.onDocumentReady?.();
             break;
           case "signer-completed":
             e.onSignerCompleted?.(n.data.data);
@@ -33,12 +37,49 @@ function g(e) {
             break;
         }
     },
-    [e.onDocumentReady, e.onSignerCompleted, e.onDocumentError, e.onSignerRejected]
+    [e.host, e.onDocumentReady, e.onSignerCompleted, e.onDocumentError, e.onSignerRejected]
   );
-  return i(() => (window.addEventListener("message", t), () => {
-    window.removeEventListener("message", t);
-  }), [t]), /* @__PURE__ */ r("iframe", { ref: a, className: e.className, src: c() });
+  return i(() => (window.addEventListener("message", a), () => {
+    window.removeEventListener("message", a);
+  }), [a]), /* @__PURE__ */ s("iframe", { ref: t, className: e.className, src: o() });
+}
+function w(e) {
+  const t = r(null);
+  function o() {
+    const n = e.host || "https://app.sajn.se", c = btoa(
+      encodeURIComponent(
+        JSON.stringify({
+          language: e.language ?? "en",
+          cssVars: e.cssVars,
+          showScrollIndicator: e.showScrollIndicator ?? !0,
+          ...e.additionalProps
+        })
+      )
+    );
+    return `${new URL(`/embed/view/${e.documentId}?token=${e.token}`, n)}#${c}`;
+  }
+  const a = d(
+    (n) => {
+      if (t.current?.contentWindow === n.source)
+        switch (n.data.action) {
+          case "document-ready":
+            t.current?.contentWindow?.postMessage(
+              { action: "embed-init" },
+              new URL(e.host || "https://app.sajn.se").origin
+            ), e.onDocumentReady?.();
+            break;
+          case "document-error":
+            e.onDocumentError?.(n.data.data);
+            break;
+        }
+    },
+    [e.host, e.onDocumentReady, e.onDocumentError]
+  );
+  return i(() => (window.addEventListener("message", a), () => {
+    window.removeEventListener("message", a);
+  }), [a]), /* @__PURE__ */ s("iframe", { ref: t, className: e.className, src: o() });
 }
 export {
-  g as EmbedSignDocument
+  g as EmbedSignDocument,
+  w as EmbedViewDocument
 };

package/dist/sign-document.d.ts

@@ -8,12 +8,13 @@ export type EmbedSignDocumentProps = {
     documentId: string;
     cssVars?: (CssVars & Record<string, string>) | undefined;
     allowDocumentRejection?: boolean | undefined;
+    showScrollIndicator?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentReady?: () => void;
     onSignerCompleted?: (data: {
         token: string;
-        documentId: number;
-        signerId: number;
+        documentId: string;
+        signerId: string;
         failed?: string;
     }) => void;
     onDocumentError?: (data: {
@@ -22,8 +23,8 @@ export type EmbedSignDocumentProps = {
     }) => void;
     onSignerRejected?: (data: {
         token: string;
-        documentId: number;
-        signerId: number;
+        documentId: string;
+        signerId: string;
         reason: string;
     }) => void;
 };

package/dist/view-document.d.ts

@@ -0,0 +1,19 @@
+import { CssVars } from './css-vars';
+export type Language = 'sv' | 'en' | 'no' | 'da' | 'fi' | 'de' | 'is' | 'es' | 'fr' | 'it';
+export type EmbedViewDocumentProps = {
+    language?: Language;
+    className?: string;
+    host?: string;
+    token: string;
+    documentId: string;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    showScrollIndicator?: boolean | undefined;
+    additionalProps?: Record<string, string | number | boolean> | undefined;
+    onDocumentReady?: () => void;
+    onDocumentError?: (data: {
+        code: string;
+        message: string;
+    }) => void;
+};
+declare function EmbedViewDocument(props: EmbedViewDocumentProps): import("react/jsx-runtime").JSX.Element;
+export default EmbedViewDocument;

package/package.json

@@ -1,54 +1,54 @@
 {
-    "name": "@sajn/embed-react",
-    "version": "0.1.4",
-    "description": "React component for embedding sajn e-signature functionality",
-    "homepage": "https://github.com/sajn-se/embeds#readme",
-    "bugs": {
-        "url": "https://github.com/sajn-se/embeds/issues"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/sajn-se/embeds.git"
-    },
-    "license": "MIT",
-    "author": "sajn",
-    "type": "commonjs",
-    "exports": {
-        "./package.json": "./package.json",
-        ".": {
-            "import": {
-                "types": "./dist/index.d.mts",
-                "default": "./dist/index.mjs"
-            },
-            "require": {
-                "types": "./dist/index.d.ts",
-                "default": "./dist/index.js"
-            }
-        }
-    },
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "vite build",
-        "clean": "rimraf node_modules && rimraf dist",
-        "check-exports": "attw --pack .",
-        "publint": "publint"
-    },
-    "devDependencies": {
-        "@types/react": "^18.0.0 || ^19.0.0",
-        "@vitejs/plugin-react": "^5.0.0",
-        "vite": "^7.0.0",
-        "vite-plugin-dts": "^4.1.0"
-    },
-    "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "module": "dist/index.mjs"
-}
+  "name": "@sajn/embed-react",
+  "version": "0.1.6",
+  "description": "React component for embedding sajn e-signature functionality",
+  "homepage": "https://github.com/sajn-se/embeds#readme",
+  "bugs": {
+    "url": "https://github.com/sajn-se/embeds/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sajn-se/embeds.git"
+  },
+  "license": "MIT",
+  "author": "sajn",
+  "type": "commonjs",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "dist/index.mjs",
+  "scripts": {
+    "build": "vite build",
+    "clean": "rimraf node_modules && rimraf dist",
+    "check-exports": "attw --pack .",
+    "publint": "publint"
+  }
+}