@sajn/embed-react 0.1.1 → 0.1.3

package/README.md

@@ -0,0 +1,30 @@
+# @sajn/embed-react
+
+React component for embedding sajn's e-signature functionality directly into your applications.
+
+## Installation
+
+```bash
+npm install @sajn/embed-react
+```
+
+## Quick Start
+
+```tsx
+import { EmbedSignDocument } from '@sajn/embed-react';
+
+function App() {
+  return (
+    <EmbedSignDocument
+      documentId="your-document-id"
+      token="your-token"
+      onSignerCompleted={(data) => console.log('Signed!', data)}
+      onSignerRejected={(data) => console.log('Rejected', data)}
+    />
+  );
+}
+```
+
+## Documentation
+
+For full documentation, events, and configuration options, see the [main README](https://github.com/sajn-se/embeds#readme).

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=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",s=btoa(encodeURIComponent(JSON.stringify({name:e.name,css:e.css,cssVars:e.cssVars,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps})));return`${new URL(`/embed/sign/${e.documentId}?token=${e.token}`,n)}#${s}`}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]),r.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 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;

package/dist/index.mjs

@@ -1,13 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as r, useCallback as d, useEffect as i } from "react";
-function f(e) {
-  const a = r(null);
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as d, useCallback as s, useEffect as i } from "react";
+function g(e) {
+  const a = d(null);
   function c() {
     const n = e.host || "https://app.sajn.se", o = btoa(
       encodeURIComponent(
         JSON.stringify({
-          name: e.name,
-          css: e.css,
+          language: e.language ?? "en",
           cssVars: e.cssVars,
           allowDocumentRejection: e.allowDocumentRejection,
           ...e.additionalProps
@@ -16,7 +15,7 @@ function f(e) {
     );
     return `${new URL(`/embed/sign/${e.documentId}?token=${e.token}`, n)}#${o}`;
   }
-  const t = d(
+  const t = s(
     (n) => {
       if (a.current?.contentWindow === n.source)
         switch (n.data.action) {
@@ -38,8 +37,8 @@ function f(e) {
   );
   return i(() => (window.addEventListener("message", t), () => {
     window.removeEventListener("message", t);
-  }), [t]), /* @__PURE__ */ s("iframe", { ref: a, className: e.className, src: c() });
+  }), [t]), /* @__PURE__ */ r("iframe", { ref: a, className: e.className, src: c() });
 }
 export {
-  f as EmbedSignDocument
+  g as EmbedSignDocument
 };

package/dist/sign-document.d.ts

@@ -1,12 +1,12 @@
 import { CssVars } from './css-vars';
+export type Language = 'sv' | 'en' | 'no' | 'da' | 'fi' | 'de' | 'is' | 'es' | 'fr' | 'it';
 export type EmbedSignDocumentProps = {
+    language?: Language;
     className?: string;
     host?: string;
     token: string;
     documentId: string;
-    css?: string | undefined;
     cssVars?: (CssVars & Record<string, string>) | undefined;
-    name?: string | undefined;
     allowDocumentRejection?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentReady?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sajn/embed-react",
-    "version": "0.1.1",
+    "version": "0.1.3",
     "description": "React component for embedding sajn e-signature functionality",
     "homepage": "https://github.com/sajn-se/embeds#readme",
     "bugs": {