codenotch-react 1.0.36 → 1.0.37

package/dist/index.d.ts

@@ -22,8 +22,25 @@ export interface ICodenotchApi {
         dispose: () => void;
     };
     i18n: (key: string, ...args: any[]) => string;
+    showDialog: (node: React.DOMElement<React.DOMAttributes<Element>, Element>) => ICodenotchDialog;
+}
+export interface ICodenotchDialog {
+    id: string;
+    close: () => void;
 }
 declare const CODENOTCH_ENV: ICodenotchEnv;
+/**
+ * Parse URL parameters and return them as an object
+ * @returns {Object} An object containing the URL parameters as key-value pairs
+ */
+export declare function parseUrlParams(): {
+    [key: string]: string;
+};
+/**
+ * Setup Codenotch environment from the given object
+ * @param env An object containing the Codenotch environment variables as key-value pairs. This can be obtained from URL parameters or any other source.
+ * @returns {void}
+ */
 export declare function setupCodenotchEnv(env: any): void;
 /**
  * Return Codenotch API

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACjE,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9E,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,CAAC;CACjD;AAED,QAAA,MAAM,aAAa,EAAE,aAAkB,CAAC;AAExC,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CA4ChD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,aAAa,CAmG5C;AAGD,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACjE,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9E,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,CAAC;IAC9C,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,gBAAgB,CAAC;CACnG;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,aAAkB,CAAC;AAExC;;;GAGG;AACH,wBAAgB,cAAc,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAW1D;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CA4ChD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,aAAa,CA2I5C;AAGD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/index.js

@@ -1,10 +1,36 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CODENOTCH_ENV = void 0;
+exports.parseUrlParams = parseUrlParams;
 exports.setupCodenotchEnv = setupCodenotchEnv;
 exports.useCodenotch = useCodenotch;
+const react_dom_1 = __importDefault(require("react-dom"));
 const CODENOTCH_ENV = {};
 exports.CODENOTCH_ENV = CODENOTCH_ENV;
+/**
+ * Parse URL parameters and return them as an object
+ * @returns {Object} An object containing the URL parameters as key-value pairs
+ */
+function parseUrlParams() {
+    let result = {};
+    if (typeof window !== 'undefined') {
+        const params = new URL(window.location.href).searchParams;
+        params.forEach((value, key) => {
+            if (result[key] === undefined) {
+                result[key] = value;
+            }
+        });
+    }
+    return result;
+}
+/**
+ * Setup Codenotch environment from the given object
+ * @param env An object containing the Codenotch environment variables as key-value pairs. This can be obtained from URL parameters or any other source.
+ * @returns {void}
+ */
 function setupCodenotchEnv(env) {
     if (env === undefined || env === null) {
         console.warn("Codenotch environment is not defined. Please set it in the Codenotch configuration.");
@@ -131,6 +157,41 @@ function useCodenotch() {
                     console.log(`Stopped listening to signal ${signalId}`);
                 }
             };
+        },
+        showDialog: (node) => {
+            let dialogId = "codenotch-dialog-" + Math.random().toString(36).substring(2, 9);
+            let result = {
+                id: dialogId,
+                close: () => {
+                    let dialogElement = document.getElementById(dialogId);
+                    if (dialogElement) {
+                        dialogElement.remove();
+                    }
+                }
+            };
+            // Find "cn-dialog-container" element in the page
+            let container = document.getElementById("cn-dialog-container");
+            if (container === null) {
+                container = document.createElement("div");
+                container.id = "cn-dialog-container";
+                container.style.zIndex = "9999";
+                container.style.position = "fixed";
+                container.style.top = "0";
+                container.style.left = "0";
+                container.style.minWidth = "100vw";
+                container.style.minHeight = "100vh";
+                container.style.maxWidth = "100vw";
+                container.style.maxHeight = "100vh";
+                container.style.display = "flex";
+                container.style.alignItems = "center";
+                container.style.justifyContent = "center";
+                document.body.appendChild(container);
+            }
+            let dialogElement = document.createElement('dialog');
+            dialogElement.id = dialogId;
+            container.appendChild(dialogElement);
+            react_dom_1.default.render(node, dialogElement);
+            return result;
         }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "codenotch-react",
-    "version": "1.0.36",
+    "version": "1.0.37",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "author": "Codenotch SA",
@@ -19,6 +19,8 @@
     "devDependencies": {
         "@types/node": "^25.3.2",
         "@types/react": "^16.14.69",
+        "@types/react-dom": "^16.9.25",
+        "react-dom": "^16.14.0",
         "typescript": "^5.9.3"
     },
     "peerDependencies": {