@sajn/embed-react 0.1.1

package/dist/css-vars.d.ts

@@ -0,0 +1,10 @@
+export type CssVars = {
+    /** Page background color */
+    background?: string | null;
+    /** Primary action/button color (brand color) */
+    primary?: string | null;
+    /** Main text color (for dark theme support) */
+    foreground?: string | null;
+    /** Secondary/muted text color */
+    mutedForeground?: string | null;
+};

package/dist/index.d.mts

@@ -0,0 +1 @@
+export { default as EmbedSignDocument } from './sign-document';

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as EmbedSignDocument } from './sign-document';

package/dist/index.js

@@ -0,0 +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;

package/dist/index.mjs

@@ -0,0 +1,45 @@
+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);
+  function c() {
+    const n = e.host || "https://app.sajn.se", o = 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)}#${o}`;
+  }
+  const t = d(
+    (n) => {
+      if (a.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 i(() => (window.addEventListener("message", t), () => {
+    window.removeEventListener("message", t);
+  }), [t]), /* @__PURE__ */ s("iframe", { ref: a, className: e.className, src: c() });
+}
+export {
+  f as EmbedSignDocument
+};

package/dist/sign-document.d.ts

@@ -0,0 +1,31 @@
+import { CssVars } from './css-vars';
+export type EmbedSignDocumentProps = {
+    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;
+    onSignerCompleted?: (data: {
+        token: string;
+        documentId: number;
+        signerId: number;
+        failed?: string;
+    }) => void;
+    onDocumentError?: (data: {
+        code: string;
+        message: string;
+    }) => void;
+    onSignerRejected?: (data: {
+        token: string;
+        documentId: number;
+        signerId: number;
+        reason: string;
+    }) => void;
+};
+declare function EmbedSignDocument(props: EmbedSignDocumentProps): import("react/jsx-runtime").JSX.Element;
+export default EmbedSignDocument;

package/package.json

@@ -0,0 +1,54 @@
+{
+    "name": "@sajn/embed-react",
+    "version": "0.1.1",
+    "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"
+}