@sajn/embed-react 0.1.3 → 0.1.5

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 s=require("react/jsx-runtime"),a=require("react");function i(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,showScrollIndicator:e.showScrollIndicator??!0,...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()})}function u(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,showScrollIndicator:e.showScrollIndicator??!0,...e.additionalProps})));return`${new URL(`/embed/view/${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"document-error":e.onDocumentError?.(n.data.data);break}},[e.onDocumentReady,e.onDocumentError]);return a.useEffect(()=>(window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}),[t]),s.jsx("iframe",{ref:c,className:e.className,src:o()})}exports.EmbedSignDocument=i;exports.EmbedViewDocument=u;

package/dist/index.mjs

@@ -1,21 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useRef as d, useCallback as s, useEffect as i } from "react";
+import { useRef as s, 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 a = s(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 t = d(
     (n) => {
       if (a.current?.contentWindow === n.source)
         switch (n.data.action) {
@@ -37,8 +38,42 @@ function g(e) {
   );
   return i(() => (window.addEventListener("message", t), () => {
     window.removeEventListener("message", t);
-  }), [t]), /* @__PURE__ */ r("iframe", { ref: a, className: e.className, src: c() });
+  }), [t]), /* @__PURE__ */ r("iframe", { ref: a, className: e.className, src: o() });
+}
+function w(e) {
+  const a = s(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 t = d(
+    (n) => {
+      if (a.current?.contentWindow === n.source)
+        switch (n.data.action) {
+          case "document-ready":
+            e.onDocumentReady?.();
+            break;
+          case "document-error":
+            e.onDocumentError?.(n.data.data);
+            break;
+        }
+    },
+    [e.onDocumentReady, e.onDocumentError]
+  );
+  return i(() => (window.addEventListener("message", t), () => {
+    window.removeEventListener("message", t);
+  }), [t]), /* @__PURE__ */ r("iframe", { ref: a, 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,6 +1,6 @@
 {
     "name": "@sajn/embed-react",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "description": "React component for embedding sajn e-signature functionality",
     "homepage": "https://github.com/sajn-se/embeds#readme",
     "bugs": {