@welshare/react 0.0.1-alpha.1

package/dist/node_modules/@welshare/react/dist/esm/components/connect-button.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ConnectWelshareButton = (props) => {
+    // Self-contained styles that won't conflict with external applications
+    const buttonStyles = {
+        // Reset any inherited styles
+        all: 'unset',
+        boxSizing: 'border-box',
+        // Layout
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        minHeight: '44px',
+        padding: '12px 24px',
+        // Typography
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        fontSize: '16px',
+        fontWeight: '600',
+        lineHeight: '1.5',
+        textAlign: 'center',
+        textDecoration: 'none',
+        whiteSpace: 'nowrap',
+        // Visual styling
+        backgroundColor: '#0198ff',
+        background: 'linear-gradient(135deg, #0198ff 0%, #16ffef 100%)',
+        color: '#ffffff',
+        border: 'none',
+        borderRadius: '8px',
+        cursor: 'pointer',
+        transition: 'all 0.2s ease-in-out',
+        // Accessibility
+        userSelect: 'none',
+        WebkitUserSelect: 'none',
+        MozUserSelect: 'none',
+        // Focus states
+        outline: 'none',
+    };
+    // Handle hover and focus states since inline styles don't support pseudo-selectors
+    const handleMouseEnter = (e) => {
+        e.currentTarget.style.transform = 'translateY(-1px)';
+        e.currentTarget.style.boxShadow = '0 4px 12px rgba(1, 152, 255, 0.3)';
+    };
+    const handleMouseLeave = (e) => {
+        e.currentTarget.style.transform = 'translateY(0)';
+        e.currentTarget.style.boxShadow = '0 2px 6px rgba(1, 152, 255, 0.2)';
+    };
+    const handleMouseDown = (e) => {
+        e.currentTarget.style.transform = 'translateY(0)';
+        e.currentTarget.style.boxShadow = '0 2px 6px rgba(1, 152, 255, 0.2)';
+    };
+    const handleFocus = (e) => {
+        e.currentTarget.style.boxShadow = '0 0 0 3px rgba(1, 152, 255, 0.3)';
+    };
+    const handleBlur = (e) => {
+        e.currentTarget.style.boxShadow = '0 2px 6px rgba(1, 152, 255, 0.2)';
+    };
+    return (_jsx("button", { onClick: props.openWallet, style: buttonStyles, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown, onFocus: handleFocus, onBlur: handleBlur, type: "button", children: props.children || "Connect Welshare Profile" }));
+};

package/dist/node_modules/@welshare/react/dist/esm/hooks/use-welshare.d.ts

@@ -0,0 +1,10 @@
+import { SubmissionPayload, SubmissionSchemaId, WelshareConnectionOptions } from "@/types.js";
+export declare const useWelshare: (props: WelshareConnectionOptions) => {
+    isConnected: boolean;
+    storageKey: string | undefined;
+    openWallet: () => void;
+    isDialogOpen: boolean;
+    submitData: <T>(schemaId: SubmissionSchemaId, submission: SubmissionPayload<T>) => void;
+    isSubmitting: boolean;
+};
+//# sourceMappingURL=use-welshare.d.ts.map

package/dist/node_modules/@welshare/react/dist/esm/hooks/use-welshare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-welshare.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-welshare.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAGpB,eAAO,MAAM,WAAW,UAAW,yBAAyB;;;;;iBAkFtC,CAAC,YACT,kBAAkB,cAChB,iBAAiB,CAAC,CAAC,CAAC;;CAuDnC,CAAC"}

package/dist/node_modules/@welshare/react/dist/esm/hooks/use-welshare.js

@@ -0,0 +1,111 @@
+import { useEffect, useState } from "react";
+export const useWelshare = (props) => {
+    const [storageKey, setStorageKey] = useState();
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    const [dialogWindow, setDialogWindow] = useState(null);
+    const [messageIdCounter, setMessageIdCounter] = useState(0);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const options = {
+        environment: "development",
+        apiBaseUrl: "https://wallet.welshare.health",
+        ...props,
+    };
+    const WELSHARE_WALLET_URL = `${options.apiBaseUrl}/wallet-external`;
+    useEffect(() => {
+        const handleMessage = (event) => {
+            // Verify origin for security
+            if (event.origin !== new URL(WELSHARE_WALLET_URL).origin) {
+                return;
+            }
+            const message = event.data;
+            let errorMessage = "";
+            switch (message.type) {
+                case "ERROR":
+                    errorMessage = message.payload.error || "An unknown error occurred";
+                    console.error("Welshare Wallet sent an error:", errorMessage);
+                    setIsSubmitting(false);
+                    options.callbacks.onError?.(errorMessage);
+                    break;
+                case "DIALOG_READY":
+                    setIsDialogOpen(true);
+                    console.debug("Welshare Wallet Dialog is ready");
+                    break;
+                case "SESSION_READY":
+                    if (!message.payload.sessionPublicKey) {
+                        errorMessage = "No session public key found";
+                        console.error("Welshare Wallet sent a session without a key:", message.payload);
+                        setStorageKey(undefined);
+                        options.callbacks.onError?.(errorMessage);
+                        break;
+                    }
+                    console.debug("Welshare Profile Session ready", message.payload);
+                    setStorageKey(message.payload.sessionPublicKey);
+                    options.callbacks.onSessionReady?.(message.payload.sessionPublicKey);
+                    break;
+                case "DIALOG_CLOSING":
+                    console.debug("Welshare Wallet Dialog is closing");
+                    setStorageKey(undefined);
+                    setIsDialogOpen(false);
+                    options.callbacks.onDialogClosing?.();
+                    break;
+                case "DATA_UPLOADED":
+                    console.debug("data uploaded", message.payload);
+                    setIsSubmitting(false);
+                    options.callbacks.onUploaded?.(message.payload);
+                    break;
+                default:
+                    console.log("Received unexpected message from Welshare Wallet:", message);
+            }
+        };
+        window.addEventListener("message", handleMessage);
+        return () => {
+            window.removeEventListener("message", handleMessage);
+        };
+    }, [WELSHARE_WALLET_URL, options.callbacks]);
+    /**
+     * @param schemaType a welshare schema type uid
+     * @param submission your submission that validates against the schema type
+     */
+    const submitData = (schemaId, submission) => {
+        if (!dialogWindow) {
+            throw new Error("Dialog window not open");
+        }
+        const submissionPayload = {
+            applicationId: options.applicationId,
+            schemaId,
+            timestamp: new Date(),
+            submission,
+        };
+        //todo: before submitting data, consider verifying it locally here;
+        // 1. request the actual schema using a welshare api
+        // 2. create a json schema validator
+        // 3. run payload against that validator
+        // 4. submit
+        const message = {
+            type: "SUBMIT_DATA",
+            payload: submissionPayload,
+            id: String(messageIdCounter),
+        };
+        dialogWindow.postMessage(message, WELSHARE_WALLET_URL);
+        setIsSubmitting(true);
+        setMessageIdCounter((prev) => prev + 1);
+    };
+    const openWallet = () => {
+        const width = 800;
+        const height = 600;
+        const left = window.screenX + (window.outerWidth - width) / 2;
+        const top = window.screenY + (window.outerHeight - height) / 2;
+        const newWindow = window.open(WELSHARE_WALLET_URL, "Welshare Wallet", `width=${width},height=${height},left=${left},top=${top}`);
+        if (newWindow) {
+            setDialogWindow(newWindow);
+        }
+    };
+    return {
+        isConnected: !!storageKey,
+        storageKey,
+        openWallet,
+        isDialogOpen,
+        submitData,
+        isSubmitting,
+    };
+};

package/dist/node_modules/@welshare/react/dist/esm/index.d.ts

@@ -0,0 +1,7 @@
+export { ConnectWelshareButton } from "./components/connect-button.js";
+export { useWelshare } from "./hooks/use-welshare.js";
+export declare const Schemas: {
+    QuestionnaireResponse: string;
+    ReflexSubmission: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/node_modules/@welshare/react/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EACL,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}

package/dist/node_modules/@welshare/react/dist/esm/index.js

@@ -0,0 +1,10 @@
+//todo: this is not tree shaken and leaks nillion dependencies transitively. Consider pulling it up
+//import { QuestionnaireResponseSchema, ReflexSubmissionSchema } from "@welshare/sdk";
+export { ConnectWelshareButton } from "./components/connect-button.js";
+// ---- hooks ----
+export { useWelshare } from "./hooks/use-welshare.js";
+//todo: import them from the SDK or a dedicated SDK constants export
+export const Schemas = {
+    QuestionnaireResponse: "b14b538f-7de3-4767-ad77-464d755d78bd", //QuestionnaireResponseSchema.schemaUid,
+    ReflexSubmission: "f5cf2d8a-1f78-4f21-b4bd-082e983b830c" //ReflexSubmissionSchema.schemaUid,
+};

package/dist/node_modules/@welshare/react/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist/node_modules/@welshare/react/dist/esm/types.d.ts

@@ -0,0 +1,32 @@
+export interface DialogMessage {
+    type: string;
+    payload?: any;
+    id?: string;
+}
+export type WelshareEnvironment = "development" | "production";
+/**
+ * a welshare schema type uid
+ */
+export type SubmissionSchemaId = string;
+export interface SubmissionPayload<T> {
+    applicationId: string;
+    timestamp: Date;
+    schemaId: SubmissionSchemaId;
+    submission: T;
+}
+export interface DataSubmissionDialogMessage extends DialogMessage {
+    payload: SubmissionPayload<unknown>;
+}
+export interface WelshareConnectionOptions {
+    applicationId: string;
+    apiBaseUrl?: string;
+    environment?: WelshareEnvironment;
+    callbacks: {
+        onUploaded?: (payload: SubmissionPayload<unknown>) => void;
+        onError?: (error: string) => void;
+        onSessionReady?: (sessionPubKey: string) => void;
+        onDialogClosing?: () => void;
+        onDialogReady?: () => void;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/node_modules/@welshare/react/dist/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,YAAY,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAA;AAEvC,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,UAAU,EAAE,CAAC,CAAC;CACf;AAED,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,SAAS,EAAE;QACT,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;QAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;QACjD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;QAC7B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;KAC5B,CAAC;CACH"}

package/dist/node_modules/@welshare/react/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/node_modules/@welshare/react/eslint.config.mjs

@@ -0,0 +1,4 @@
+import { config } from "@workspace/eslint-config/react-internal"
+
+/** @type {import("eslint").Linter.Config} */
+export default config

package/dist/node_modules/@welshare/react/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@welshare/react",
+  "version": "0.0.1-alpha.1",
+  "description": "React library for integrating with Welshare's sovereign data sharing platform",
+  "keywords": [
+    "react",
+    "welshare",
+    "data-sharing",
+    "health",
+    "questionnaire",
+    "fhir"
+  ],
+  "author": "Welshare UG (haftungsbeschränkt)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/welshare/surveys-monorepo.git",
+    "directory": "packages/welshare-react"
+  },
+  "bugs": {
+    "url": "https://github.com/welshare/surveys-monorepo/issues"
+  },
+  "homepage": "https://welshare.health",
+  "type": "module",
+  "scripts": {
+    "lint": "eslint . --max-warnings 10",
+    "build": "tshy",
+    "build:clean": "rm -rf ./dist",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "prepublishOnly": "npm run build:clean && npm run build"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "@turbo/gen": "^2.4.2",
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@workspace/eslint-config": "workspace:*",
+    "@workspace/typescript-config": "workspace:*",
+    "tshy": "^3.0.2",
+    "typescript": "^5.7.3",
+    "vitest": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "jsdom": "^26.1.0"
+  },
+  "tshy": {
+    "dialects": [
+      "esm"
+    ],
+    "exclude": [
+      "src/**/__tests__/**"
+    ],
+    "exports": {
+      "./package.json": "./package.json",
+      "./types": "./src/types.ts",
+      ".": "./src/index.ts"
+    }
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./types": {
+      "import": {
+        "types": "./dist/esm/types.d.ts",
+        "default": "./dist/esm/types.js"
+      }
+    },
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      }
+    }
+  },
+  "module": "./dist/esm/index.js",
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}

package/dist/node_modules/@welshare/react/src/components/connect-button.tsx

@@ -0,0 +1,99 @@
+import React from 'react';
+
+export const ConnectWelshareButton = (props: {
+  openWallet: () => void;
+  children?: React.ReactNode;
+}) => {
+  // Self-contained styles that won't conflict with external applications
+  const buttonStyles: React.CSSProperties = {
+    // Reset any inherited styles
+    all: 'unset',
+    boxSizing: 'border-box',
+    
+    // Layout
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    minHeight: '44px',
+    padding: '12px 24px',
+    
+    // Typography
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    fontSize: '16px',
+    fontWeight: '600',
+    lineHeight: '1.5',
+    textAlign: 'center',
+    textDecoration: 'none',
+    whiteSpace: 'nowrap',
+    
+    // Visual styling
+    backgroundColor: '#0198ff',
+    background: 'linear-gradient(135deg, #0198ff 0%, #16ffef 100%)',
+    color: '#ffffff',
+    border: 'none',
+    borderRadius: '8px',
+    cursor: 'pointer',
+    transition: 'all 0.2s ease-in-out',
+    
+    // Accessibility
+    userSelect: 'none',
+    WebkitUserSelect: 'none',
+    MozUserSelect: 'none',
+    
+    // Focus states
+    outline: 'none',
+  };
+
+  // Handle hover and focus states since inline styles don't support pseudo-selectors
+  const handleMouseEnter = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.currentTarget.style.transform = 'translateY(-1px)';
+    e.currentTarget.style.boxShadow = '0 4px 12px rgba(1, 152, 255, 0.3)';
+  };
+
+  const handleMouseLeave = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 2px 6px rgba(1, 152, 255, 0.2)';
+  };
+
+  const handleMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.currentTarget.style.transform = 'translateY(0)';
+    e.currentTarget.style.boxShadow = '0 2px 6px rgba(1, 152, 255, 0.2)';
+  };
+
+  const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {
+    e.currentTarget.style.boxShadow = '0 0 0 3px rgba(1, 152, 255, 0.3)';
+  };
+
+  const handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {
+    e.currentTarget.style.boxShadow = '0 2px 6px rgba(1, 152, 255, 0.2)';
+  };
+
+  return (
+    <button
+      onClick={props.openWallet}
+      style={buttonStyles}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onMouseDown={handleMouseDown}
+      onFocus={handleFocus}
+      onBlur={handleBlur}
+      type="button"
+    >
+      {props.children || "Connect Welshare Profile"}
+    </button>
+  );
+};
+
+/* this one was used in the old reflex app
+ * 
+ * <div className="p-[3px] bg-gradient-to-br from-[#0198ff]/80 to-[#16ffef]/80 rounded-lg">
+    <button
+      onClick={openDialog}
+      className="bg-black text-white px-6 py-3 rounded-lg w-full"
+    >
+      Connect to Welshare   
+    </button>
+   </div>
+ * 
+ */

package/dist/node_modules/@welshare/react/src/hooks/use-welshare.ts

@@ -0,0 +1,148 @@
+import {
+  DialogMessage,
+  SubmissionPayload,
+  SubmissionSchemaId,
+  WelshareConnectionOptions,
+} from "@/types.js";
+import { useEffect, useState } from "react";
+
+export const useWelshare = (props: WelshareConnectionOptions) => {
+  const [storageKey, setStorageKey] = useState<string>();
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [dialogWindow, setDialogWindow] = useState<Window | null>(null);
+  const [messageIdCounter, setMessageIdCounter] = useState(0);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const options: WelshareConnectionOptions = {
+    environment: "development",
+    apiBaseUrl: "https://wallet.welshare.health",
+    ...props,
+  };
+
+  const WELSHARE_WALLET_URL = `${options.apiBaseUrl}/wallet-external`;
+
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent<DialogMessage>) => {
+      // Verify origin for security
+      if (event.origin !== new URL(WELSHARE_WALLET_URL).origin) {
+        return;
+      }
+
+      const message = event.data;
+      let errorMessage = "";
+      switch (message.type) {
+        case "ERROR":
+          errorMessage = message.payload.error || "An unknown error occurred";
+          console.error("Welshare Wallet sent an error:", errorMessage);
+          setIsSubmitting(false);
+          options.callbacks.onError?.(errorMessage);
+          break;
+        case "DIALOG_READY":
+          setIsDialogOpen(true);
+          console.debug("Welshare Wallet Dialog is ready");
+          break;
+        case "SESSION_READY":
+          if (!message.payload.sessionPublicKey) {
+            errorMessage = "No session public key found";
+            console.error(
+              "Welshare Wallet sent a session without a key:",
+              message.payload
+            );
+            setStorageKey(undefined);
+            options.callbacks.onError?.(errorMessage);
+            break;
+          }
+          console.debug("Welshare Profile Session ready", message.payload);
+          setStorageKey(message.payload.sessionPublicKey);
+          options.callbacks.onSessionReady?.(message.payload.sessionPublicKey);
+          break;
+
+        case "DIALOG_CLOSING":
+          console.debug("Welshare Wallet Dialog is closing");
+          setStorageKey(undefined);
+          setIsDialogOpen(false);
+          options.callbacks.onDialogClosing?.();
+          break;
+
+        case "DATA_UPLOADED":
+          console.debug("data uploaded", message.payload);
+          setIsSubmitting(false);
+          options.callbacks.onUploaded?.(message.payload);
+          break;
+        default:
+          console.log(
+            "Received unexpected message from Welshare Wallet:",
+            message
+          );
+      }
+    };
+
+    window.addEventListener("message", handleMessage);
+
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [WELSHARE_WALLET_URL, options.callbacks]);
+
+  /**
+   * @param schemaType a welshare schema type uid
+   * @param submission your submission that validates against the schema type
+   */
+  const submitData = <T>(
+    schemaId: SubmissionSchemaId,
+    submission: SubmissionPayload<T>
+  ) => {
+    if (!dialogWindow) {
+      throw new Error("Dialog window not open");
+    }
+
+    const submissionPayload = {
+      applicationId: options.applicationId,
+      schemaId,
+      timestamp: new Date(),
+      submission,
+    };
+
+    //todo: before submitting data, consider verifying it locally here;
+    // 1. request the actual schema using a welshare api
+    // 2. create a json schema validator
+    // 3. run payload against that validator
+    // 4. submit
+
+    const message: DialogMessage = {
+      type: "SUBMIT_DATA",
+      payload: submissionPayload,
+      id: String(messageIdCounter),
+    };
+
+    dialogWindow.postMessage(message, WELSHARE_WALLET_URL);
+    setIsSubmitting(true);
+    setMessageIdCounter((prev) => prev + 1);
+  };
+
+  const openWallet = () => {
+    const width = 800;
+    const height = 600;
+    const left = window.screenX + (window.outerWidth - width) / 2;
+    const top = window.screenY + (window.outerHeight - height) / 2;
+
+    const newWindow = window.open(
+      WELSHARE_WALLET_URL,
+      "Welshare Wallet",
+      `width=${width},height=${height},left=${left},top=${top}`
+    );
+
+    if (newWindow) {
+      setDialogWindow(newWindow);
+    }
+  };
+
+  return {
+    isConnected: !!storageKey,
+    storageKey,
+    openWallet,
+    isDialogOpen,
+    submitData,
+    isSubmitting,
+  };
+};

package/dist/node_modules/@welshare/react/src/index.ts

@@ -0,0 +1,13 @@
+//todo: this is not tree shaken and leaks nillion dependencies transitively. Consider pulling it up
+//import { QuestionnaireResponseSchema, ReflexSubmissionSchema } from "@welshare/sdk";
+export { ConnectWelshareButton } from "./components/connect-button.js";
+// ---- hooks ----
+export {
+  useWelshare
+} from "./hooks/use-welshare.js";
+
+//todo: import them from the SDK or a dedicated SDK constants export
+export const Schemas = {
+  QuestionnaireResponse: "b14b538f-7de3-4767-ad77-464d755d78bd", //QuestionnaireResponseSchema.schemaUid,
+  ReflexSubmission: "f5cf2d8a-1f78-4f21-b4bd-082e983b830c" //ReflexSubmissionSchema.schemaUid,
+};

package/dist/node_modules/@welshare/react/src/types.ts

@@ -0,0 +1,37 @@
+export interface DialogMessage {
+  type: string;
+  payload?: any;
+  id?: string;
+}
+
+export type WelshareEnvironment = "development" | "production";
+
+/**
+ * a welshare schema type uid
+ */
+export type SubmissionSchemaId = string 
+
+export interface SubmissionPayload<T> {
+  applicationId: string;
+  timestamp: Date;
+  schemaId: SubmissionSchemaId;
+  submission: T;
+}
+
+export interface DataSubmissionDialogMessage extends DialogMessage {
+  payload: SubmissionPayload<unknown>;
+}
+
+export interface WelshareConnectionOptions {
+  applicationId: string;
+  //todo: must go into build config, not supposed to be used by users
+  apiBaseUrl?: string;
+  environment?: WelshareEnvironment;
+  callbacks: {
+    onUploaded?: (payload: SubmissionPayload<unknown>) => void;
+    onError?: (error: string) => void;
+    onSessionReady?: (sessionPubKey: string) => void;
+    onDialogClosing?: () => void;
+    onDialogReady?: () => void;
+  };
+}

package/dist/node_modules/@welshare/react/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "extends": "@workspace/typescript-config/react-library.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/types/*": ["./types/*"],
+    },
+    "plugins": [
+    ],
+    "allowJs": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "next-env.d.ts",
+    "next.config.ts",
+    "**/*.ts",
+    "**/*.tsx",
+  ],
+  "exclude": ["node_modules"]
+}