codenotch-react 1.0.60 → 1.0.62

package/dist/components/Auml.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { SpaRenderStatus } from '@echino/echino.ui.framework/components/SpaBuilder/common/ISpaRenderProps';
 interface IAumlProps {
     value: string;
+    verbose?: boolean;
 }
 interface IAumlState {
     loaded: boolean;
@@ -11,10 +12,9 @@ export declare class Auml extends React.Component<IAumlProps, IAumlState> {
     _refreshTokenTimer: NodeJS.Timeout | undefined;
     constructor(props: IAumlProps);
     componentDidMount(): void;
+    registerRefreshToken(): void;
     componentWillUnmount(): void;
     progress(s: SpaRenderStatus): void;
-    getLogo(): React.JSX.Element;
-    getMode(theme: boolean | undefined): "light" | "dark";
     retrieveInputs(): {
         [k: string]: string;
     };
@@ -23,6 +23,7 @@ export declare class Auml extends React.Component<IAumlProps, IAumlState> {
     msToTime(ms: number): string;
     parseJwt(token: string): any;
     render(): React.JSX.Element;
+    renderLoadingContent(): React.JSX.Element;
     refreshExpiredToken(): Promise<void>;
 }
 export {};

package/dist/components/Auml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Auml.d.ts","sourceRoot":"","sources":["../../src/components/Auml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,0EAA0E,CAAC;AAU3G,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAE7D,kBAAkB,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;gBAEnC,KAAK,EAAE,UAAU;IAY7B,iBAAiB;IAmCjB,oBAAoB;IAQpB,QAAQ,CAAC,CAAC,EAAE,eAAe;IAO3B,OAAO;IAYP,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS;IAclC,cAAc;;;IAMd,wBAAwB,IAAI,MAAM,GAAG,IAAI;IAmCzC,2BAA2B,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM;IAO/D,QAAQ,CAAC,EAAE,EAAE,MAAM;IAmBnB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAsBtB,MAAM;IAoDA,mBAAmB;CAoC5B"}
+{"version":3,"file":"Auml.d.ts","sourceRoot":"","sources":["../../src/components/Auml.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,0EAA0E,CAAC;AAW3G,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,UAAU;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAE7D,kBAAkB,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;gBAEnC,KAAK,EAAE,UAAU;IAa7B,iBAAiB;IAIjB,oBAAoB;IAoCpB,oBAAoB;IAOpB,QAAQ,CAAC,CAAC,EAAE,eAAe;IAS3B,cAAc;;;IAMd,wBAAwB,IAAI,MAAM,GAAG,IAAI;IAqCzC,2BAA2B,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM;IAO/D,QAAQ,CAAC,EAAE,EAAE,MAAM;IAmBnB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAUtB,MAAM;IAkDN,oBAAoB;IAkBd,mBAAmB;CAoC5B"}

package/dist/components/Auml.js

@@ -7,6 +7,7 @@ exports.Auml = void 0;
 const react_1 = __importDefault(require("react"));
 const SpaRenderWithBrowserRouter_1 = require("@echino/echino.ui.framework/components/SpaBuilder/SpaRender/SpaRenderWithBrowserRouter");
 const I18nUtils_1 = __importDefault(require("../utils/I18nUtils"));
+const index_1 = require("../index");
 class Auml extends react_1.default.Component {
     constructor(props) {
         super(props);
@@ -20,18 +21,25 @@ class Auml extends react_1.default.Component {
         }
     }
     componentDidMount() {
+        this.registerRefreshToken();
+    }
+    registerRefreshToken() {
         try {
             // Setup a method to refresh our access token when it expires
             if (this._refreshTokenTimer) {
                 clearTimeout(this._refreshTokenTimer);
             }
             if (user === null) {
-                console.log("No user found, will not refresh the token");
+                if (this.props.verbose === true) {
+                    console.log("No user found, will not refresh the token");
+                }
                 return;
             }
             let timeToExpireMs = this.getTimeToTokenExpiration();
             if (timeToExpireMs === null) {
-                console.log("No identity token found, attempting refreshing the token in 5 minutes");
+                if (this.props.verbose === true) {
+                    console.log("No identity token found, attempting refreshing the token in 5 minutes");
+                }
                 this._refreshTokenTimer = setTimeout(() => this.refreshExpiredToken(), 5 * 60 * 1000);
                 return;
             }
@@ -59,25 +67,6 @@ class Auml extends react_1.default.Component {
             this.setState({ loaded: true });
         }
     }
-    getLogo() {
-        //@ts-ignore
-        let tenant = global.tenant;
-        if (tenant.logoUrl) {
-            return react_1.default.createElement("img", { src: tenant.logoUrl, alt: tenant.displayName });
-        }
-        else {
-            return react_1.default.createElement("div", { className: 'app-loading-title' }, tenant.displayName);
-        }
-    }
-    getMode(theme) {
-        if (theme !== undefined) {
-            return theme ? 'dark' : 'light';
-        }
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            return 'dark';
-        }
-        return 'light';
-    }
     // Get input from the query parameters in the url
     retrieveInputs() {
         return Object.fromEntries(new URLSearchParams(window.location.search).entries());
@@ -101,7 +90,9 @@ class Auml extends react_1.default.Component {
         let expires = identityTokenParsed.exp; // Timestamp in second since Unix epoch
         let timeToExpiresMs = expires * 1000 - new Date().getTime();
         let timeToExpireStr = this.msToTime(timeToExpiresMs);
-        console.log(`Token will expire at ${new Date(expires * 1000).toISOString()} (in ${timeToExpireStr}), setting up a timer to refresh it`);
+        if (this.props.verbose === true) {
+            console.log(`Token will expire at ${new Date(expires * 1000).toISOString()} (in ${timeToExpireStr}), setting up a timer to refresh it`);
+        }
         // Refresh it a bit before the expiration (5 min)
         timeToExpiresMs -= 5 * 60 * 1000;
         return timeToExpiresMs;
@@ -131,24 +122,10 @@ class Auml extends react_1.default.Component {
         }).join(''));
         return JSON.parse(jsonPayload);
     }
-    /*
-export interface UserInfo {
-
-    id: string,
-    roles: string[],
-    groups: string[],
-    email: string,
-    firstName: string,
-    lastName: string
-}
-    */
     render() {
-        //var clusterUrl = this.figureOutClusterUrl();
         let inputs = this.retrieveInputs();
-        let theme = undefined;
-        if (inputs["_theme"]) {
-            theme = inputs["_theme"].toLowerCase() === "dark";
-        }
+        const cn = (0, index_1.useCodenotch)();
+        let theme = cn.env.theme === "dark";
         let aumlManifest = null;
         try {
             let appManifestObj = JSON.parse(appManifest);
@@ -157,7 +134,10 @@ export interface UserInfo {
         catch { }
         let auml = this.props.value;
         try {
-            auml = I18nUtils_1.default.compileAuml(auml);
+            auml = I18nUtils_1.default.compileAuml(auml, cn);
+            if (this.props.verbose === true) {
+                console.log("Compiled AUML with i18n variables: ", auml);
+            }
         }
         catch (err) {
             console.error("Error compiling AUML with i18n variables: " + err);
@@ -165,10 +145,26 @@ export interface UserInfo {
         return react_1.default.createElement("div", { className: "app" },
             react_1.default.createElement(SpaRenderWithBrowserRouter_1.SpaRenderWithBrowserRouter, { appDescription: auml, tenant: tenant, serviceName: serviceName, packageVersions: packageVersions, user: user, languages: languages, onProgress: (s) => this.progress(s), input: inputs, theme: theme, manifest: aumlManifest, inspectorEnabled: this.state.inspectorEnabled, children: [] }),
             !this.state.loaded &&
-                react_1.default.createElement("div", { className: `app-loading ${this.getMode(theme)}` },
-                    this.getLogo(),
+                react_1.default.createElement("div", { className: `app-loading ${cn.env.theme ?? 'light'}` },
+                    this.renderLoadingContent(),
                     react_1.default.createElement("i", { className: "fas fa-circle-notch fa-spin" })));
     }
+    renderLoadingContent() {
+        try {
+            //@ts-ignore
+            let tenant = global.tenant;
+            if (tenant.logoUrl) {
+                return react_1.default.createElement("img", { src: tenant.logoUrl, alt: tenant.displayName });
+            }
+            else {
+                return react_1.default.createElement("div", { className: 'app-loading-title' }, tenant.displayName);
+            }
+        }
+        catch (e) {
+            console.warn("Could not load tenant information: " + e);
+            return react_1.default.createElement("div", { className: 'app-loading-title' }, "Loading...");
+        }
+    }
     async refreshExpiredToken() {
         console.log("Token will expire soon, requesting a new one...");
         // Using the refresh token we ask for a new access token using /portal/login/refresh

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEpF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAIjD,QAAA,MAAM,GAAG,EAAE,aAAkB,CAAC;AAM9B;;;;GAIG;AACH,iBAAS,IAAI,CAAC,YAAY,EAAE,GAAG,GAAG,IAAI,CAqErC;AAED,iBAAS,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAoCjD;AAED;;;GAGG;AACH,iBAAS,YAAY,IAAI,aAAa,CAkLrC;AAED,OAAO,EACH,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEpF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAIjD,QAAA,MAAM,GAAG,EAAE,aAAkB,CAAC;AAM9B;;;;GAIG;AACH,iBAAS,IAAI,CAAC,YAAY,EAAE,GAAG,GAAG,IAAI,CAyFrC;AAED,iBAAS,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAoCjD;AAED;;;GAGG;AACH,iBAAS,YAAY,IAAI,aAAa,CAkLrC;AAED,OAAO,EACH,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACb,CAAC"}

package/dist/index.js

@@ -27,65 +27,82 @@ const MISSING_TENANT_NAME_ERROR = "Codenotch tenant name is not defined. Please
  * @returns {void}
  */
 function init(envVariables) {
-    if (envVariables === undefined || envVariables === null) {
-        console.warn("Codenotch environment is not defined. Please set it in the Codenotch configuration.");
-        return;
-    }
-    // i18n.fr.somekey=some value
-    let i18nLanguages = new Set();
-    Object.keys(envVariables).forEach((key) => {
-        try {
-            if (key.startsWith('GLOBAL.')) {
-                // Global variable, we set it directly on the window object
-                let globalKey = key.substring('GLOBAL.'.length);
-                let globalObject = typeof window !== 'undefined' ? window : globalThis;
-                globalObject[globalKey] = JSON.parse(envVariables[key]);
-                console.log(`Codenotch global variable ${globalKey} set!`);
-                return;
-            }
-            else if (key.startsWith("i18n.")) {
-                // Special case
-                let parts = key.split("."); // i18n.someKey.fr
-                let language = parts[parts.length - 1]; // fr
-                let keyName = parts.slice(1, parts.length - 1).join("."); // someKey
-                i18nLanguages.add(language);
-                let value = `${envVariables[key]}`.trim();
-                if (value.startsWith('"') && value.endsWith('"')) {
-                    // Parse like json
-                    value = JSON.parse(value);
+    // Ensure envVariables is an object
+    if (typeof envVariables === 'object' && envVariables !== null) {
+        let i18nLanguages = new Set();
+        Object.keys(envVariables).forEach((key) => {
+            try {
+                if (key.startsWith('GLOBAL.')) {
+                    // Global variable, we set it directly on the window object
+                    let globalKey = key.substring('GLOBAL.'.length);
+                    let globalObject = typeof window !== 'undefined' ? window : globalThis;
+                    globalObject[globalKey] = JSON.parse(envVariables[key]);
+                    console.log(`Codenotch global variable ${globalKey} set!`);
+                    return;
                 }
-                env.i18n = env.i18n ?? {};
-                env.i18n[language] = env.i18n[language] ?? {};
-                env.i18n[language][keyName] = value;
-            }
-            else {
-                env[key] = envVariables[key];
-                if (['appManifest', 'projectManifest'].includes(key)) {
-                    // Must be Json
-                    try {
-                        env[key] = JSON.parse(envVariables[key]);
+                else if (key.startsWith("i18n.")) {
+                    // Special case
+                    let parts = key.split("."); // i18n.someKey.fr
+                    let language = parts[parts.length - 1]; // fr
+                    let keyName = parts.slice(1, parts.length - 1).join("."); // someKey
+                    i18nLanguages.add(language);
+                    let value = `${envVariables[key]}`.trim();
+                    if (value.startsWith('"') && value.endsWith('"')) {
+                        // Parse like json
+                        value = JSON.parse(value);
                     }
-                    catch (error) {
-                        console.warn(`Codenotch environment variable ${key} is not a valid JSON string. Using raw value.`);
+                    env.i18n = env.i18n ?? {};
+                    env.i18n[language] = env.i18n[language] ?? {};
+                    env.i18n[language][keyName] = value;
+                }
+                else {
+                    env[key] = envVariables[key];
+                    if (['appManifest', 'projectManifest'].includes(key)) {
+                        // Must be Json
+                        try {
+                            env[key] = JSON.parse(envVariables[key]);
+                        }
+                        catch (error) {
+                            console.warn(`Codenotch environment variable ${key} is not a valid JSON string. Using raw value.`);
+                        }
                     }
+                    console.log(`Codenotch environment variable ${key} set to ${env[key]}`);
                 }
-                console.log(`Codenotch environment variable ${key} set to ${env[key]}`);
             }
-        }
-        catch (error) {
-            console.error(`Error processing Codenotch environment variable ${key}:`, error);
-        }
-    });
-    if (env.language === undefined) {
-        // If current language is not defined, we set it to the first language found in i18n
-        if (i18nLanguages.size > 0) {
-            env.language = Array.from(i18nLanguages)[0];
-            console.log(`Codenotch current language set to ${env.language}`);
+            catch (error) {
+                console.error(`Error processing Codenotch environment variable ${key}:`, error);
+            }
+        });
+        if (env.language === undefined) {
+            // If current language is not defined, we set it to the first language found in i18n
+            if (i18nLanguages.size > 0) {
+                env.language = Array.from(i18nLanguages)[0];
+                console.log(`Codenotch current language set to ${env.language}`);
+            }
         }
     }
+    // Instantiate SignalR for further use in the API
     if (env.clusterUrl && env.serviceName) {
         signalR = new SignalR_1.SignalR(env.clusterUrl, env.serviceName, false, env.accessToken);
     }
+    // Get theme like AEC does
+    try {
+        let urlParams = Object.fromEntries(new URLSearchParams(window.location.search).entries());
+        if (urlParams["_theme"]) {
+            let theme = urlParams["_theme"].toLowerCase();
+            if (theme === "light" || theme === "dark") {
+                env.theme = theme;
+            }
+        }
+        else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            env.theme = 'dark';
+        }
+        else {
+            env.theme = 'light';
+        }
+    }
+    catch {
+    }
 }
 function i18n(key, ...args) {
     try {

package/dist/models/Codenotch.d.ts

@@ -17,6 +17,7 @@ export interface ICodenotchEnv {
     theme?: 'light' | 'dark';
     appManifest?: ApplicationManifest;
     projectManifest?: ProjectManifest;
+    [key: string]: any;
 }
 export interface ICodenotchApi {
     readonly env: ICodenotchEnv;

package/dist/models/Codenotch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Codenotch.d.ts","sourceRoot":"","sources":["../../src/models/Codenotch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC1B,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAC;IAE5B,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1E,QAAQ,CAAC,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3G,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,KAAK,gBAAgB,CAAC;IAC7D,QAAQ,CAAC,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/E,QAAQ,CAAC,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7D,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9G,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,QAAQ,EAAE,MAAM,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,WAAW,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,YAAY,EAAE,MAAM,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,YAAY,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,MAAM,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,eAAe,CAAC;IACnD,QAAQ,CAAC,cAAc,EAAE,MAAM,mBAAmB,GAAG,SAAS,CAAC;CAClE;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB"}
+{"version":3,"file":"Codenotch.d.ts","sourceRoot":"","sources":["../../src/models/Codenotch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAC;IAE5B,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1E,QAAQ,CAAC,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3G,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,KAAK,gBAAgB,CAAC;IAC7D,QAAQ,CAAC,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/E,QAAQ,CAAC,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7D,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9G,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,QAAQ,EAAE,MAAM,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,WAAW,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,YAAY,EAAE,MAAM,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,YAAY,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,MAAM,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,eAAe,CAAC;IACnD,QAAQ,CAAC,cAAc,EAAE,MAAM,mBAAmB,GAAG,SAAS,CAAC;CAClE;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/dist/utils/I18nUtils.d.ts

@@ -1,5 +1,6 @@
+import { ICodenotchApi } from "..";
 export default abstract class I18nUtils {
-    static compileAuml(auml: string): string;
+    static compileAuml(auml: string, api: ICodenotchApi): string;
     private static injectI18n;
 }
 //# sourceMappingURL=I18nUtils.d.ts.map

package/dist/utils/I18nUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"I18nUtils.d.ts","sourceRoot":"","sources":["../../src/utils/I18nUtils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,SAAS;WAErB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAO/C,OAAO,CAAC,MAAM,CAAC,UAAU;CAqB5B"}
+{"version":3,"file":"I18nUtils.d.ts","sourceRoot":"","sources":["../../src/utils/I18nUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgB,MAAM,IAAI,CAAC;AAEjD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,SAAS;WAErB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,GAAG,MAAM;IAOnE,OAAO,CAAC,MAAM,CAAC,UAAU;CAqB5B"}

package/dist/utils/I18nUtils.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const __1 = require("..");
 class I18nUtils {
-    static compileAuml(auml) {
-        auml = this.injectI18n(auml);
+    static compileAuml(auml, api) {
+        auml = this.injectI18n(auml, api);
         return auml;
     }
-    static injectI18n(auml) {
-        let i18n = (0, __1.useCodenotch)().env.i18n ?? {};
+    static injectI18n(auml, api) {
+        let i18n = api.env.i18n ?? {};
         if (Object.keys(i18n).length === 0) {
             // No i18n variables, return original auml
             return auml;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "codenotch-react",
-    "version": "1.0.60",
+    "version": "1.0.62",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "author": "Codenotch SA",