@nemme/js-sdk 0.6.2 → 0.6.3

package/dist/react-entry.d.ts

@@ -0,0 +1,3 @@
+export { NemmeProvider } from './react/NemmeProvider';
+export { useNemmeContext } from './react/useNemmeContext';
+export { useNemme } from './react/useNemme';

package/dist/react.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("./chunks/jsx-runtime-BubrbI3X.js"),r=require("react"),w=require("./chunks/client-DZJN73sh.js"),d=r.createContext(void 0),y=({clientKey:e,config:n,children:s})=>{const[l,i]=r.useState(null),[o,u]=r.useState(!1),[C,a]=r.useState(null);r.useEffect(()=>{let c=null,m=!1;const x=async()=>{try{const t=new w.NemmeClient(e);if(await t.init(n),m){t.destroy();return}c=t,i(t),u(t.initialized),a(t.lastInitError?t.lastInitError.message:null)}catch(t){m||(a(t instanceof Error?t.message:"Failed to initialize Nemme client"),u(!1))}},v=setTimeout(()=>{i(null),u(!1),a(null)},0);return x(),()=>{clearTimeout(v),m=!0,c&&c.destroy()}},[e,n]);const N={client:l,isInitialized:o,error:C};return z.jsxRuntimeExports.jsx(d.Provider,{value:N,children:s})},f=()=>{const e=r.useContext(d);if(e===void 0)throw new Error("useNemmeContext must be used within a NemmeProvider");return e},E=()=>{const{client:e,isInitialized:n,error:s}=f(),l=r.useCallback(async o=>{if(!e||!n){console.warn("Nemme client not initialized");return}return e.track(o)},[e,n]),i=r.useCallback(async()=>{if(!e||!n){console.warn("Nemme client not initialized");return}return e.flush()},[e,n]);return{track:l,flush:i,isInitialized:n,error:s,client:e}};exports.NemmeProvider=y;exports.useNemme=E;exports.useNemmeContext=f;
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs","sources":["../src/react/context.ts","../src/react/NemmeProvider.tsx","../src/react/useNemmeContext.ts","../src/react/useNemme.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { NemmeClient } from '../client';\n\nexport interface NemmeContextType {\n  client: NemmeClient | null;\n  isInitialized: boolean;\n  error: string | null;\n}\n\nexport const NemmeContext = createContext<NemmeContextType | undefined>(undefined);\n","import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { ClientConfigType, NemmeClient } from '../client';\nimport { NemmeContext, NemmeContextType } from './context';\n\ninterface NemmeProviderProps {\n  clientKey: string;\n  config: ClientConfigType;\n  children: React.ReactNode;\n}\n\nexport const NemmeProvider: React.FC<NemmeProviderProps> = ({ clientKey, config, children }) => {\n  const [client, setClient] = useState<NemmeClient | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let currentClient: NemmeClient | null = null;\n    let isCancelled = false;\n\n    const initializeClient = async () => {\n      try {\n        const nemmeClient = new NemmeClient(clientKey);\n        await nemmeClient.init(config);\n\n        // Check if effect was cancelled during async operation\n        if (isCancelled) {\n          nemmeClient.destroy();\n          return;\n        }\n\n        currentClient = nemmeClient;\n        setClient(nemmeClient);\n        setIsInitialized(nemmeClient.initialized);\n        setError(nemmeClient.lastInitError ? nemmeClient.lastInitError.message : null);\n      } catch (err) {\n        if (!isCancelled) {\n          setError(err instanceof Error ? err.message : 'Failed to initialize Nemme client');\n          setIsInitialized(false);\n        }\n      }\n    };\n\n    // Reset state when starting new initialization (deferred to avoid sync setState in effect)\n    const resetId = setTimeout(() => {\n      setClient(null);\n      setIsInitialized(false);\n      setError(null);\n    }, 0);\n\n    initializeClient();\n\n    return () => {\n      clearTimeout(resetId);\n      isCancelled = true;\n      if (currentClient) {\n        currentClient.destroy();\n      }\n    };\n  }, [clientKey, config]);\n\n  const value: NemmeContextType = {\n    client,\n    isInitialized,\n    error\n  };\n\n  return <NemmeContext.Provider value={value}>{children}</NemmeContext.Provider>;\n};\n","import { useContext } from 'react';\nimport { NemmeContext } from './context';\n\nexport const useNemmeContext = () => {\n  const context = useContext(NemmeContext);\n  if (context === undefined) {\n    throw new Error('useNemmeContext must be used within a NemmeProvider');\n  }\n  return context;\n};\n","import { useCallback } from 'react';\nimport { useNemmeContext } from './useNemmeContext';\nimport { TrackEventOptions } from '../client';\n\nexport const useNemme = () => {\n  const { client, isInitialized, error } = useNemmeContext();\n\n  const track = useCallback(\n    async <T extends TrackEventOptions>(options: T) => {\n      if (!client || !isInitialized) {\n        console.warn('Nemme client not initialized');\n        return;\n      }\n      return client.track(options);\n    },\n    [client, isInitialized]\n  );\n\n  const flush = useCallback(async () => {\n    if (!client || !isInitialized) {\n      console.warn('Nemme client not initialized');\n      return;\n    }\n    return client.flush();\n  }, [client, isInitialized]);\n\n  return {\n    track,\n    flush,\n    isInitialized,\n    error,\n    client\n  };\n};\n"],"names":["NemmeContext","createContext","NemmeProvider","clientKey","config","children","client","setClient","useState","isInitialized","setIsInitialized","error","setError","useEffect","currentClient","isCancelled","initializeClient","nemmeClient","NemmeClient","err","resetId","value","jsx","useNemmeContext","context","useContext","useNemme","track","useCallback","options","flush"],"mappings":"gMASaA,EAAeC,EAAAA,cAA4C,MAAS,ECEpEC,EAA8C,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,SAAAC,KAAe,CAC9F,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,IAAI,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,EAAK,EAClD,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAwB,IAAI,EAEtDK,EAAAA,UAAU,IAAM,CACd,IAAIC,EAAoC,KACpCC,EAAc,GAElB,MAAMC,EAAmB,SAAY,CACnC,GAAI,CACF,MAAMC,EAAc,IAAIC,EAAAA,YAAYf,CAAS,EAI7C,GAHA,MAAMc,EAAY,KAAKb,CAAM,EAGzBW,EAAa,CACfE,EAAY,QAAA,EACZ,MACF,CAEAH,EAAgBG,EAChBV,EAAUU,CAAW,EACrBP,EAAiBO,EAAY,WAAW,EACxCL,EAASK,EAAY,cAAgBA,EAAY,cAAc,QAAU,IAAI,CAC/E,OAASE,EAAK,CACPJ,IACHH,EAASO,aAAe,MAAQA,EAAI,QAAU,mCAAmC,EACjFT,EAAiB,EAAK,EAE1B,CACF,EAGMU,EAAU,WAAW,IAAM,CAC/Bb,EAAU,IAAI,EACdG,EAAiB,EAAK,EACtBE,EAAS,IAAI,CACf,EAAG,CAAC,EAEJ,OAAAI,EAAA,EAEO,IAAM,CACX,aAAaI,CAAO,EACpBL,EAAc,GACVD,GACFA,EAAc,QAAA,CAElB,CACF,EAAG,CAACX,EAAWC,CAAM,CAAC,EAEtB,MAAMiB,EAA0B,CAAA,OAC9Bf,EACA,cAAAG,EACA,MAAAE,CAAA,EAGF,OAAOW,EAAAA,kBAAAA,IAACtB,EAAa,SAAb,CAAsB,MAAAqB,EAAe,SAAAhB,CAAA,CAAS,CACxD,ECjEakB,EAAkB,IAAM,CACnC,MAAMC,EAAUC,EAAAA,WAAWzB,CAAY,EACvC,GAAIwB,IAAY,OACd,MAAM,IAAI,MAAM,qDAAqD,EAEvE,OAAOA,CACT,ECLaE,EAAW,IAAM,CAC5B,KAAM,CAAE,OAAApB,EAAQ,cAAAG,EAAe,MAAAE,CAAA,EAAUY,EAAA,EAEnCI,EAAQC,EAAAA,YACZ,MAAoCC,GAAe,CACjD,GAAI,CAACvB,GAAU,CAACG,EAAe,CAC7B,QAAQ,KAAK,8BAA8B,EAC3C,MACF,CACA,OAAOH,EAAO,MAAMuB,CAAO,CAC7B,EACA,CAACvB,EAAQG,CAAa,CAAA,EAGlBqB,EAAQF,EAAAA,YAAY,SAAY,CACpC,GAAI,CAACtB,GAAU,CAACG,EAAe,CAC7B,QAAQ,KAAK,8BAA8B,EAC3C,MACF,CACA,OAAOH,EAAO,MAAA,CAChB,EAAG,CAACA,EAAQG,CAAa,CAAC,EAE1B,MAAO,CACL,MAAAkB,EACA,MAAAG,EACA,cAAArB,EACA,MAAAE,EACA,OAAAL,CAAA,CAEJ"}

package/dist/react.esm.js

@@ -0,0 +1,67 @@
+import { j as w } from "./chunks/jsx-runtime-jIxVPx5o.js";
+import { createContext as E, useState as u, useEffect as I, useContext as v, useCallback as d } from "react";
+import { N as h } from "./chunks/client-CEykSZ2c.js";
+const f = E(void 0), P = ({ clientKey: e, config: n, children: i }) => {
+  const [s, r] = u(null), [o, l] = u(!1), [C, a] = u(null);
+  I(() => {
+    let c = null, m = !1;
+    const x = async () => {
+      try {
+        const t = new h(e);
+        if (await t.init(n), m) {
+          t.destroy();
+          return;
+        }
+        c = t, r(t), l(t.initialized), a(t.lastInitError ? t.lastInitError.message : null);
+      } catch (t) {
+        m || (a(t instanceof Error ? t.message : "Failed to initialize Nemme client"), l(!1));
+      }
+    }, z = setTimeout(() => {
+      r(null), l(!1), a(null);
+    }, 0);
+    return x(), () => {
+      clearTimeout(z), m = !0, c && c.destroy();
+    };
+  }, [e, n]);
+  const N = {
+    client: s,
+    isInitialized: o,
+    error: C
+  };
+  return /* @__PURE__ */ w.jsx(f.Provider, { value: N, children: i });
+}, p = () => {
+  const e = v(f);
+  if (e === void 0)
+    throw new Error("useNemmeContext must be used within a NemmeProvider");
+  return e;
+}, b = () => {
+  const { client: e, isInitialized: n, error: i } = p(), s = d(
+    async (o) => {
+      if (!e || !n) {
+        console.warn("Nemme client not initialized");
+        return;
+      }
+      return e.track(o);
+    },
+    [e, n]
+  ), r = d(async () => {
+    if (!e || !n) {
+      console.warn("Nemme client not initialized");
+      return;
+    }
+    return e.flush();
+  }, [e, n]);
+  return {
+    track: s,
+    flush: r,
+    isInitialized: n,
+    error: i,
+    client: e
+  };
+};
+export {
+  P as NemmeProvider,
+  b as useNemme,
+  p as useNemmeContext
+};
+//# sourceMappingURL=react.esm.js.map

package/dist/react.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.esm.js","sources":["../src/react/context.ts","../src/react/NemmeProvider.tsx","../src/react/useNemmeContext.ts","../src/react/useNemme.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { NemmeClient } from '../client';\n\nexport interface NemmeContextType {\n  client: NemmeClient | null;\n  isInitialized: boolean;\n  error: string | null;\n}\n\nexport const NemmeContext = createContext<NemmeContextType | undefined>(undefined);\n","import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { ClientConfigType, NemmeClient } from '../client';\nimport { NemmeContext, NemmeContextType } from './context';\n\ninterface NemmeProviderProps {\n  clientKey: string;\n  config: ClientConfigType;\n  children: React.ReactNode;\n}\n\nexport const NemmeProvider: React.FC<NemmeProviderProps> = ({ clientKey, config, children }) => {\n  const [client, setClient] = useState<NemmeClient | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let currentClient: NemmeClient | null = null;\n    let isCancelled = false;\n\n    const initializeClient = async () => {\n      try {\n        const nemmeClient = new NemmeClient(clientKey);\n        await nemmeClient.init(config);\n\n        // Check if effect was cancelled during async operation\n        if (isCancelled) {\n          nemmeClient.destroy();\n          return;\n        }\n\n        currentClient = nemmeClient;\n        setClient(nemmeClient);\n        setIsInitialized(nemmeClient.initialized);\n        setError(nemmeClient.lastInitError ? nemmeClient.lastInitError.message : null);\n      } catch (err) {\n        if (!isCancelled) {\n          setError(err instanceof Error ? err.message : 'Failed to initialize Nemme client');\n          setIsInitialized(false);\n        }\n      }\n    };\n\n    // Reset state when starting new initialization (deferred to avoid sync setState in effect)\n    const resetId = setTimeout(() => {\n      setClient(null);\n      setIsInitialized(false);\n      setError(null);\n    }, 0);\n\n    initializeClient();\n\n    return () => {\n      clearTimeout(resetId);\n      isCancelled = true;\n      if (currentClient) {\n        currentClient.destroy();\n      }\n    };\n  }, [clientKey, config]);\n\n  const value: NemmeContextType = {\n    client,\n    isInitialized,\n    error\n  };\n\n  return <NemmeContext.Provider value={value}>{children}</NemmeContext.Provider>;\n};\n","import { useContext } from 'react';\nimport { NemmeContext } from './context';\n\nexport const useNemmeContext = () => {\n  const context = useContext(NemmeContext);\n  if (context === undefined) {\n    throw new Error('useNemmeContext must be used within a NemmeProvider');\n  }\n  return context;\n};\n","import { useCallback } from 'react';\nimport { useNemmeContext } from './useNemmeContext';\nimport { TrackEventOptions } from '../client';\n\nexport const useNemme = () => {\n  const { client, isInitialized, error } = useNemmeContext();\n\n  const track = useCallback(\n    async <T extends TrackEventOptions>(options: T) => {\n      if (!client || !isInitialized) {\n        console.warn('Nemme client not initialized');\n        return;\n      }\n      return client.track(options);\n    },\n    [client, isInitialized]\n  );\n\n  const flush = useCallback(async () => {\n    if (!client || !isInitialized) {\n      console.warn('Nemme client not initialized');\n      return;\n    }\n    return client.flush();\n  }, [client, isInitialized]);\n\n  return {\n    track,\n    flush,\n    isInitialized,\n    error,\n    client\n  };\n};\n"],"names":["NemmeContext","createContext","NemmeProvider","clientKey","config","children","client","setClient","useState","isInitialized","setIsInitialized","error","setError","useEffect","currentClient","isCancelled","initializeClient","nemmeClient","NemmeClient","err","resetId","value","jsx","useNemmeContext","context","useContext","useNemme","track","useCallback","options","flush"],"mappings":";;;AASO,MAAMA,IAAeC,EAA4C,MAAS,GCEpEC,IAA8C,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,UAAAC,QAAe;AAC9F,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAA6B,IAAI,GACvD,CAACC,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAClD,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI;AAEtD,EAAAK,EAAU,MAAM;AACd,QAAIC,IAAoC,MACpCC,IAAc;AAElB,UAAMC,IAAmB,YAAY;AACnC,UAAI;AACF,cAAMC,IAAc,IAAIC,EAAYf,CAAS;AAI7C,YAHA,MAAMc,EAAY,KAAKb,CAAM,GAGzBW,GAAa;AACf,UAAAE,EAAY,QAAA;AACZ;AAAA,QACF;AAEA,QAAAH,IAAgBG,GAChBV,EAAUU,CAAW,GACrBP,EAAiBO,EAAY,WAAW,GACxCL,EAASK,EAAY,gBAAgBA,EAAY,cAAc,UAAU,IAAI;AAAA,MAC/E,SAASE,GAAK;AACZ,QAAKJ,MACHH,EAASO,aAAe,QAAQA,EAAI,UAAU,mCAAmC,GACjFT,EAAiB,EAAK;AAAA,MAE1B;AAAA,IACF,GAGMU,IAAU,WAAW,MAAM;AAC/B,MAAAb,EAAU,IAAI,GACdG,EAAiB,EAAK,GACtBE,EAAS,IAAI;AAAA,IACf,GAAG,CAAC;AAEJ,WAAAI,EAAA,GAEO,MAAM;AACX,mBAAaI,CAAO,GACpBL,IAAc,IACVD,KACFA,EAAc,QAAA;AAAA,IAElB;AAAA,EACF,GAAG,CAACX,GAAWC,CAAM,CAAC;AAEtB,QAAMiB,IAA0B;AAAA,IAC9B,QAAAf;AAAA,IACA,eAAAG;AAAA,IACA,OAAAE;AAAA,EAAA;AAGF,SAAOW,gBAAAA,EAAAA,IAACtB,EAAa,UAAb,EAAsB,OAAAqB,GAAe,UAAAhB,EAAA,CAAS;AACxD,GCjEakB,IAAkB,MAAM;AACnC,QAAMC,IAAUC,EAAWzB,CAAY;AACvC,MAAIwB,MAAY;AACd,UAAM,IAAI,MAAM,qDAAqD;AAEvE,SAAOA;AACT,GCLaE,IAAW,MAAM;AAC5B,QAAM,EAAE,QAAApB,GAAQ,eAAAG,GAAe,OAAAE,EAAA,IAAUY,EAAA,GAEnCI,IAAQC;AAAA,IACZ,OAAoCC,MAAe;AACjD,UAAI,CAACvB,KAAU,CAACG,GAAe;AAC7B,gBAAQ,KAAK,8BAA8B;AAC3C;AAAA,MACF;AACA,aAAOH,EAAO,MAAMuB,CAAO;AAAA,IAC7B;AAAA,IACA,CAACvB,GAAQG,CAAa;AAAA,EAAA,GAGlBqB,IAAQF,EAAY,YAAY;AACpC,QAAI,CAACtB,KAAU,CAACG,GAAe;AAC7B,cAAQ,KAAK,8BAA8B;AAC3C;AAAA,IACF;AACA,WAAOH,EAAO,MAAA;AAAA,EAChB,GAAG,CAACA,GAAQG,CAAa,CAAC;AAE1B,SAAO;AAAA,IACL,OAAAkB;AAAA,IACA,OAAAG;AAAA,IACA,eAAArB;AAAA,IACA,OAAAE;AAAA,IACA,QAAAL;AAAA,EAAA;AAEJ;"}

package/dist/style.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=style.cjs.map

package/dist/style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/style.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=style.esm.js.map

package/dist/style.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/forms.d.ts

@@ -0,0 +1,10 @@
+export type FormErrorType = 'FETCH_ERROR' | 'SUBMISSION_ERROR';
+export declare class FormError extends Error {
+    errorType: string;
+    constructor(errorType: FormErrorType, message?: string);
+}
+export type FormConfig = {
+    zIndex?: number;
+    theme?: 'light' | 'dark';
+    onFormError?: (error: FormError) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nemme/js-sdk",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.esm.js",
@@ -21,7 +21,20 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.esm.js"
     },
-    "./style.css": "./dist/assets/js-sdk.css",
+    "./react": {
+      "types": "./dist/react-entry.d.ts",
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.cjs",
+      "default": "./dist/react.esm.js"
+    },
+    "./forms": {
+      "types": "./dist/forms-entry.d.ts",
+      "import": "./dist/forms.esm.js",
+      "require": "./dist/forms.cjs",
+      "default": "./dist/forms.esm.js"
+    },
+    "./style.css": "./dist/js-sdk.css",
+    "./dist/js-sdk.css": "./dist/js-sdk.css",
     "./dist/assets/js-sdk.css": "./dist/assets/js-sdk.css"
   },
   "scripts": {
@@ -30,9 +43,9 @@
     "debug": "vitest --test-timeout=0 --no-file-parallelism",
     "cov": "vitest run --coverage",
     "type-check": "tsc --noEmit",
-    "build": "tsc && vite build",
-    "build:dev": "tsc && vite build --mode development",
-    "build:test": "tsc && vite build --mode test",
+    "build": "tsc && vite build && vite build -c vite.umd.config.ts",
+    "build:dev": "tsc && vite build --mode development && vite build -c vite.umd.config.ts --mode development",
+    "build:test": "tsc && vite build --mode test && vite build -c vite.umd.config.ts --mode test",
     "dev": "vite",
     "preview": "vite preview",
     "sb": "storybook dev -p 6006 --no-open",
@@ -45,12 +58,22 @@
   "author": "Nemme AS",
   "license": "MIT",
   "description": "Nemme JS SDK",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@phosphor-icons/react": "^2.1.10",
     "date-fns": "^4.1.0",
     "i18next-browser-languagedetector": "^8.2.1",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
     "react-i18next": "^16.5.4"
   },
   "devDependencies": {
@@ -74,6 +97,8 @@
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/browser": "^4.0.18",
     "@vitest/coverage-v8": "^4.0.18",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "eslint": "^9.39.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.4.1",