gt-react 2.0.120

package/dist/primitives/value/client/renderClientVariable.js

@@ -0,0 +1,60 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = renderClientVariable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const isValidReactNode_1 = __importDefault(require("../isValidReactNode"));
+const Variable_1 = __importDefault(require("../../variable/Variable"));
+/**
+ * Handles a single child element by cloning it with new properties if it is a valid React element,
+ * or wrapping it in a React Fragment if it is a valid React node object.
+ *
+ * @param {any} child - The child element to handle.
+ * @returns {any} The handled child element.
+ */
+const handleSingleChild = (child, variables) => {
+    var _a;
+    if (!react_1.default.isValidElement(child) && typeof child === 'object' && Object.keys(child).length === 1) {
+        const key = Object.keys(child)[0];
+        const value = child[key];
+        if ((typeof value !== 'undefined' && value !== null) && (0, isValidReactNode_1.default)(value)) {
+            return (0, jsx_runtime_1.jsx)(Variable_1.default, { defaultValue: value, name: key });
+        }
+    }
+    if (!child || typeof child === 'string' || typeof child === 'number' || typeof child === 'boolean')
+        return child;
+    child = (_a = react_1.default.Children.map(child, current => current)) === null || _a === void 0 ? void 0 : _a[0];
+    if (react_1.default.isValidElement(child)) {
+        const { props, type } = child;
+        if (variables && props['data-gt-variable-name']) {
+            const value = variables[props['data-gt-variable-name']];
+            if (value !== null && typeof value !== 'undefined') {
+                return (0, jsx_runtime_1.jsx)(Variable_1.default, { defaultValue: value, name: props['data-gt-variable-name'] });
+            }
+        }
+        let newProps = Object.assign({}, props);
+        if (props === null || props === void 0 ? void 0 : props.children) {
+            newProps.children = renderClientVariable(props.children, variables);
+        }
+        return react_1.default.cloneElement(child, newProps);
+    }
+    else
+        return child;
+};
+/**
+ * Recursively renders a variable structure of children, handling arrays of children and single child elements.
+ *
+ * @param {any} children - The children elements to render.
+ * @returns {any} The rendered children elements.
+ */
+function renderClientVariable(children, variables) {
+    if (Array.isArray(children))
+        return children.map((child, index) => (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: handleSingleChild(child, variables) }, index));
+    else
+        return handleSingleChild(children, variables);
+}
+//# sourceMappingURL=renderClientVariable.js.map

package/dist/primitives/value/client/renderClientVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderClientVariable.js","sourceRoot":"","sources":["../../../../src/primitives/value/client/renderClientVariable.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;AAmDZ,uCAGC;;AApDD,kDAAwC;AACxC,2EAAmD;AACnD,uEAA+C;AAE/C;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,SAA+B,EAAO,EAAE;;IAE3E,IAAI,CAAC,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/F,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,IAAA,0BAAgB,EAAC,KAAK,CAAC,EAAE,CAAC;YAC9E,OAAO,uBAAC,kBAAQ,IAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAI,CAAC;QACxD,CAAC;IACL,CAAC;IACD,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAEjH,KAAK,GAAG,MAAA,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,0CAAG,CAAC,CAAC,CAAC;IAE3D,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAQ,KAAK,CAAC;QACnC,IAAI,SAAS,IAAI,KAAK,CAAC,uBAAuB,CAAC,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC;YACxD,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE,CAAC;gBACjD,OAAO,uBAAC,kBAAQ,IAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,uBAAuB,CAAC,GAAI,CAAA;YAClF,CAAC;QACL,CAAC;QACD,IAAI,QAAQ,qBAAQ,KAAK,CAAE,CAAC;QAE5B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,CAAC;YAClB,QAAQ,CAAC,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QACxE,CAAC;QACD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC9C,CAAC;;QAEI,OAAO,KAAK,CAAC;AACtB,CAAC,CAAA;AAED;;;;;GAKG;AACH,SAAwB,oBAAoB,CAAC,QAAa,EAAE,SAA+B;IACvF,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAAE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE,CAAC,uBAAC,eAAK,CAAC,QAAQ,cAAc,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,IAA3C,KAAK,CAAwD,CAAC,CAAC;;QAC/J,OAAO,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AACtD,CAAC"}

package/dist/primitives/value/getValueBranch.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Recursively navigates through a branch object based on the provided values and returns the matched React node.
+ *
+ * @param {Record<string, any>} values - An object containing key-value pairs used to navigate through the branches.
+ * @param {Record<string, any>} branches - An object representing the branches to be navigated based on the values.
+ * @returns {any} - Returns the matched React node or undefined if no match is found.
+ */
+export default function getValueBranch(values: Record<string, any>, branches: Record<string, any>): any;
+//# sourceMappingURL=getValueBranch.d.ts.map

package/dist/primitives/value/getValueBranch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValueBranch.d.ts","sourceRoot":"","sources":["../../../src/primitives/value/getValueBranch.ts"],"names":[],"mappings":"AAuBA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,CA6BtG"}

package/dist/primitives/value/getValueBranch.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = getValueBranch;
+const react_1 = __importDefault(require("react"));
+const isValidReactNode_1 = __importDefault(require("./isValidReactNode"));
+/*
+{
+    "gender": {
+        "male": {
+            "VIP": {
+                "true": <>Customer name is {{name}}. He is a valued customer.</>,
+                "false": "He is a customer."
+            }
+        },
+        "female": {
+            "VIP": {
+                "true": <>Customer name is {{name}}. She is a valued customer.</>,
+                "false": "She is a customer."
+            }
+        },
+        "other": "They are a customer."
+    }
+}
+*/
+/**
+ * Recursively navigates through a branch object based on the provided values and returns the matched React node.
+ *
+ * @param {Record<string, any>} values - An object containing key-value pairs used to navigate through the branches.
+ * @param {Record<string, any>} branches - An object representing the branches to be navigated based on the values.
+ * @returns {any} - Returns the matched React node or undefined if no match is found.
+ */
+function getValueBranch(values, branches) {
+    /**
+     * Handles the navigation through a given branch object.
+     *
+     * @param {any} branch - The current branch object to navigate.
+     * @returns {any} - Returns the matched React node or undefined if no match is found.
+     */
+    const handleBranch = (branch) => {
+        var _a, _b;
+        for (const key of Object.keys(branch)) {
+            let value = values[key];
+            if (value) {
+                // we know branch[key] exists
+                if (branch[key][value]) {
+                    if (typeof ((_b = (_a = branch[key][value].props) === null || _a === void 0 ? void 0 : _a['data-generaltranslation']) === null || _b === void 0 ? void 0 : _b.id) === 'number') {
+                        return branch[key][value];
+                    }
+                    /* @ts-expect-error Lazy components are meant to return a promise */
+                    if ((0, isValidReactNode_1.default)(branch[key][value]) || branch[key][value].$$typeof === react_1.default.lazy(() => { }).$$typeof) {
+                        return branch[key][value];
+                    }
+                    return handleBranch(branch[key][value]);
+                }
+            }
+        }
+    };
+    // Start the recursive navigation from the root branches
+    return handleBranch(branches);
+}
+//# sourceMappingURL=getValueBranch.js.map

package/dist/primitives/value/getValueBranch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValueBranch.js","sourceRoot":"","sources":["../../../src/primitives/value/getValueBranch.ts"],"names":[],"mappings":";;;;;AA8BA,iCA6BC;AA3DD,kDAA0B;AAC1B,0EAAkD;AAElD;;;;;;;;;;;;;;;;;;EAkBE;AAEF;;;;;;GAMG;AACH,SAAwB,cAAc,CAAC,MAA2B,EAAE,QAA6B;IAE7F;;;;;OAKG;IACH,MAAM,YAAY,GAAG,CAAC,MAAW,EAAO,EAAE;;QACtC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,IAAI,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,KAAK,EAAE,CAAC;gBACR,6BAA6B;gBAC7B,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;oBACrB,IAAI,OAAO,CAAA,MAAA,MAAA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,0CAAG,yBAAyB,CAAC,0CAAE,EAAE,CAAA,KAAK,QAAQ,EAAE,CAAC;wBAChF,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC;oBACD,oEAAoE;oBACpE,IAAI,IAAA,0BAAgB,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,KAAK,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;wBACxG,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC;oBACD,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;gBAC3C,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,CAAA;IAED,wDAAwD;IACxD,OAAO,YAAY,CAAC,QAAQ,CAAC,CAAC;AAClC,CAAC"}

package/dist/primitives/value/isValidReactNode.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+/**
+ * Type guard to determine if a given node is a valid ReactNode. Excludes null and undefined nodes.
+ * A ReactNode can be:
+ * - string
+ * - number
+ * - boolean
+ * - a valid React element
+ * - an array of valid ReactNodes
+ *
+ * @param {any} node - The node to check.
+ * @returns {node is ReactNode} - True if the node is a valid ReactNode, false otherwise.
+ */
+export default function isValidReactNode(node: any): node is ReactNode;
+//# sourceMappingURL=isValidReactNode.d.ts.map

package/dist/primitives/value/isValidReactNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidReactNode.d.ts","sourceRoot":"","sources":["../../../src/primitives/value/isValidReactNode.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,SAAS,CAQrE"}

package/dist/primitives/value/isValidReactNode.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = isValidReactNode;
+const react_1 = __importDefault(require("react"));
+/**
+ * Type guard to determine if a given node is a valid ReactNode. Excludes null and undefined nodes.
+ * A ReactNode can be:
+ * - string
+ * - number
+ * - boolean
+ * - a valid React element
+ * - an array of valid ReactNodes
+ *
+ * @param {any} node - The node to check.
+ * @returns {node is ReactNode} - True if the node is a valid ReactNode, false otherwise.
+ */
+function isValidReactNode(node) {
+    return (typeof node === 'string' ||
+        typeof node === 'number' ||
+        typeof node === 'boolean' ||
+        react_1.default.isValidElement(node) ||
+        (Array.isArray(node) && node.every(isValidReactNode)));
+}
+//# sourceMappingURL=isValidReactNode.js.map

package/dist/primitives/value/isValidReactNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidReactNode.js","sourceRoot":"","sources":["../../../src/primitives/value/isValidReactNode.ts"],"names":[],"mappings":";;;;;AAcA,mCAQC;AAtBD,kDAAyC;AAEzC;;;;;;;;;;;GAWG;AACH,SAAwB,gBAAgB,CAAC,IAAS;IAC9C,OAAO,CACL,OAAO,IAAI,KAAK,QAAQ;QACxB,OAAO,IAAI,KAAK,QAAQ;QACxB,OAAO,IAAI,KAAK,SAAS;QACzB,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CACtD,CAAC;AACN,CAAC"}

package/dist/primitives/value/processBranches.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Recursively processes branches of a tree structure with a given function.
+ *
+ * @param {any} branches The branches of the tree structure. This can be any type, but is typically an object or an array.
+ * @param {Function} f The function to apply to each leaf node of the tree.
+ * @returns {any} The processed tree structure with the function applied to each leaf node.
+ */
+export default function processBranches(branches: any, f: Function): any;
+//# sourceMappingURL=processBranches.d.ts.map

package/dist/primitives/value/processBranches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processBranches.d.ts","sourceRoot":"","sources":["../../../src/primitives/value/processBranches.tsx"],"names":[],"mappings":"AA2BA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CASvE"}

package/dist/primitives/value/processBranches.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = processBranches;
+const react_1 = __importDefault(require("react"));
+function isValidNestedGTNode(node) {
+    return (node === null ||
+        typeof node === 'undefined' ||
+        (typeof node === 'object' && Object.keys(node).length === 1 && Object.values(node).length === 1) ||
+        typeof node === 'string' ||
+        typeof node === 'number' ||
+        typeof node === 'boolean' ||
+        react_1.default.isValidElement(node) ||
+        (Array.isArray(node) && node.every(isValidNestedGTNode)));
+}
+function isValidGTNode(node) {
+    return (node === null ||
+        typeof node === 'undefined' ||
+        typeof node === 'string' ||
+        typeof node === 'number' ||
+        typeof node === 'boolean' ||
+        react_1.default.isValidElement(node) ||
+        (Array.isArray(node) && node.every(isValidNestedGTNode)));
+}
+/**
+ * Recursively processes branches of a tree structure with a given function.
+ *
+ * @param {any} branches The branches of the tree structure. This can be any type, but is typically an object or an array.
+ * @param {Function} f The function to apply to each leaf node of the tree.
+ * @returns {any} The processed tree structure with the function applied to each leaf node.
+ */
+function processBranches(branches, f) {
+    if (isValidGTNode(branches)) {
+        return f(branches);
+    }
+    let processedBranches = {};
+    for (const key of Object.keys(branches)) {
+        processedBranches[key] = processBranches(branches[key], f);
+    }
+    return processedBranches;
+}
+//# sourceMappingURL=processBranches.js.map

package/dist/primitives/value/processBranches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processBranches.js","sourceRoot":"","sources":["../../../src/primitives/value/processBranches.tsx"],"names":[],"mappings":";;;;;AAkCA,kCASC;AA3CD,kDAA0B;AAE1B,SAAS,mBAAmB,CAAC,IAAS;IAClC,OAAO,CACH,IAAI,KAAK,IAAI;QACb,OAAO,IAAI,KAAK,WAAW;QAC3B,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;QAChG,OAAO,IAAI,KAAK,QAAQ;QACxB,OAAO,IAAI,KAAK,QAAQ;QACxB,OAAO,IAAI,KAAK,SAAS;QACzB,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAC3D,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,IAAS;IAC5B,OAAO,CACH,IAAI,KAAK,IAAI;QACb,OAAO,IAAI,KAAK,WAAW;QAC3B,OAAO,IAAI,KAAK,QAAQ;QACxB,OAAO,IAAI,KAAK,QAAQ;QACxB,OAAO,IAAI,KAAK,SAAS;QACzB,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAC3D,CAAC;AACN,CAAC;AAED;;;;;;GAMG;AACH,SAAwB,eAAe,CAAC,QAAa,EAAE,CAAW;IAC9D,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;IACD,IAAI,iBAAiB,GAAQ,EAAE,CAAC;IAChC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtC,iBAAiB,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IAC9D,CAAC;IACD,OAAO,iBAAiB,CAAC;AAC7B,CAAC"}

package/dist/primitives/value/renderVariable.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Recursively renders a variable structure of children, handling arrays of children and single child elements.
+ *
+ * @param {any} children - The children elements to render.
+ * @returns {any} The rendered children elements.
+ */
+export default function renderVariable(children: any, variables?: Record<string, any>): any;
+//# sourceMappingURL=renderVariable.d.ts.map

package/dist/primitives/value/renderVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderVariable.d.ts","sourceRoot":"","sources":["../../../src/primitives/value/renderVariable.tsx"],"names":[],"mappings":"AAuCA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,CAG1F"}

package/dist/primitives/value/renderVariable.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = renderVariable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const isValidReactNode_1 = __importDefault(require("./isValidReactNode"));
+const Variable_1 = __importDefault(require("../variable/Variable"));
+/**
+ * Handles a single child element by cloning it with new properties if it is a valid React element,
+ * or wrapping it in a React Fragment if it is a valid React node object.
+ *
+ * @param {any} child - The child element to handle.
+ * @returns {any} The handled child element.
+ */
+const handleSingleChild = (child, variables) => {
+    var _a;
+    if (react_1.default.isValidElement(child)) {
+        const { props, type } = child;
+        // Check if a variable component
+        const transformation = typeof type === 'function' ? (type.gtTransformation || '') : '';
+        if (variables && transformation === "variable" && (props === null || props === void 0 ? void 0 : props.name)) {
+            const name = props.name;
+            const value = variables[props.name];
+            return (0, jsx_runtime_1.jsx)(Variable_1.default, { defaultValue: value, name: name });
+        }
+        let newProps = Object.assign({}, props);
+        if (props === null || props === void 0 ? void 0 : props.children) {
+            newProps.children = renderVariable(props.children, variables);
+        }
+        return react_1.default.cloneElement(child, newProps);
+    }
+    if (typeof child === 'object') {
+        const key = (_a = Object.keys(child)) === null || _a === void 0 ? void 0 : _a[0];
+        const value = child[key];
+        if ((typeof value !== 'undefined' && value !== null) && (0, isValidReactNode_1.default)(value)) {
+            return (0, jsx_runtime_1.jsx)(Variable_1.default, { defaultValue: value, name: key });
+        }
+    }
+    else
+        return child;
+};
+/**
+ * Recursively renders a variable structure of children, handling arrays of children and single child elements.
+ *
+ * @param {any} children - The children elements to render.
+ * @returns {any} The rendered children elements.
+ */
+function renderVariable(children, variables) {
+    if (Array.isArray(children))
+        return children.map((child, index) => (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: handleSingleChild(child, variables) }, index));
+    else
+        return handleSingleChild(children, variables);
+}
+//# sourceMappingURL=renderVariable.js.map

package/dist/primitives/value/renderVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderVariable.js","sourceRoot":"","sources":["../../../src/primitives/value/renderVariable.tsx"],"names":[],"mappings":";;;;;AA6CA,iCAGC;;AAhDD,kDAAyB;AACzB,0EAAkD;AAClD,oEAA4C;AAE5C;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,SAA+B,EAAO,EAAE;;IAC3E,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAQ,KAAK,CAAC;QACnC,gCAAgC;QAChC,MAAM,cAAc,GAAW,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAAE,IAAY,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACxG,IAAI,SAAS,IAAI,cAAc,KAAK,UAAU,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,EAAE,CAAC;YAC5D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;YACxB,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACpC,OAAO,uBAAC,kBAAQ,IAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAa,CAAA;QACjE,CAAC;QAED,IAAI,QAAQ,qBAAQ,KAAK,CAAE,CAAC;QAE5B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,CAAC;YAClB,QAAQ,CAAC,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAClE,CAAC;QACD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC9C,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,MAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,0CAAG,CAAC,CAAC,CAAC;QACpC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,IAAA,0BAAgB,EAAC,KAAK,CAAC,EAAE,CAAC;YAC9E,OAAO,uBAAC,kBAAQ,IAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAa,CAAC;QACjE,CAAC;IACL,CAAC;;QACI,OAAO,KAAK,CAAC;AACtB,CAAC,CAAA;AAED;;;;;GAKG;AACH,SAAwB,cAAc,CAAC,QAAa,EAAE,SAA+B;IACjF,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAAE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE,CAAC,uBAAC,eAAK,CAAC,QAAQ,cAAc,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,IAA3C,KAAK,CAAwD,CAAC,CAAC;;QAC/J,OAAO,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AACtD,CAAC"}

package/dist/primitives/variable/Variable.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+type VariableProps = {
+    children?: any;
+    name: string;
+    defaultValue?: any;
+    "data-generaltranslation"?: Record<string, any> | undefined;
+};
+declare const Variable: {
+    ({ children, name, defaultValue, ...props }: VariableProps): ReactNode;
+    gtTransformation: string;
+};
+export default Variable;
+//# sourceMappingURL=Variable.d.ts.map

package/dist/primitives/variable/Variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variable.d.ts","sourceRoot":"","sources":["../../../src/primitives/variable/Variable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,yBAAyB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAA;CAC9D,CAAA;AAED,QAAA,MAAM,QAAQ;iDAAgD,aAAa,GAAG,SAAS;;CAYtF,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/primitives/variable/Variable.js

@@ -0,0 +1,24 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Variable = (_a) => {
+    var { children, name, defaultValue } = _a, props = __rest(_a, ["children", "name", "defaultValue"]);
+    if (typeof children !== 'undefined' && typeof defaultValue === 'undefined')
+        defaultValue = children;
+    const { "data-generaltranslation": generaltranslation } = props;
+    return ((0, jsx_runtime_1.jsx)("span", { "data-generaltranslation": generaltranslation, "data-gt-variable-name": name, children: defaultValue }));
+};
+Variable.gtTransformation = "variable";
+exports.default = Variable;
+//# sourceMappingURL=Variable.js.map

package/dist/primitives/variable/Variable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variable.js","sourceRoot":"","sources":["../../../src/primitives/variable/Variable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,QAAQ,GAAG,CAAC,EAAyD,EAAa,EAAE;QAAxE,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,OAA2B,EAAtB,KAAK,cAAxC,oCAA0C,CAAF;IAEtD,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,YAAY,KAAK,WAAW;QAAE,YAAY,GAAG,QAAQ,CAAC;IAEpG,MAAM,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACH,4DAA+B,kBAAkB,2BAAyB,IAAI,YACzE,YAAY,GACV,CACV,CAAC;AAEN,CAAC,CAAC;AAEF,QAAQ,CAAC,gBAAgB,GAAG,UAAU,CAAC;AAEvC,kBAAe,QAAQ,CAAC"}

package/dist/server/ServerI18N.d.ts

@@ -0,0 +1,18 @@
+type ServerI18NProps = {
+    children: any;
+    userLanguage: string;
+    page?: string;
+    [key: string]: any;
+};
+/**
+ * ServerI18N component for handling internationalization on the server side.
+ *
+ * @param {any} children - Children to be translated and rendered.
+ * @param {string} userLanguage - The ISO-639 language code of the target language, e.g. "en". Also accepts extended browser language codes, e.g. "en-US".
+ * @param {string} id - Optional user-defined id for better I18N page structure.
+ * @param {Record<string, any>} ...props - Additional metadata for use as a translation aid.
+ * @returns {Promise<any>} The rendered component.
+ */
+export default function ServerI18N({ children, userLanguage, ...props }: ServerI18NProps): Promise<any>;
+export {};
+//# sourceMappingURL=ServerI18N.d.ts.map

package/dist/server/ServerI18N.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerI18N.d.ts","sourceRoot":"","sources":["../../src/server/ServerI18N.tsx"],"names":[],"mappings":"AASA,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAA8B,UAAU,CAAC,EACrC,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EACnC,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,CA+DhC"}

package/dist/server/ServerI18N.js

@@ -0,0 +1,81 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ServerI18N;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const I18NConfig_1 = __importDefault(require("../config/I18NConfig"));
+const addGTIdentifier_js_1 = __importDefault(require("./helpers/addGTIdentifier.js"));
+const writeChildrenAsObjects_js_1 = __importDefault(require("./helpers/writeChildrenAsObjects.js"));
+const generateHash_js_1 = __importDefault(require("./helpers/generateHash.js"));
+const renderChildren_1 = __importDefault(require("./renderChildren"));
+const I18NResolver_1 = __importDefault(require("./resolvers/I18NResolver"));
+/**
+ * ServerI18N component for handling internationalization on the server side.
+ *
+ * @param {any} children - Children to be translated and rendered.
+ * @param {string} userLanguage - The ISO-639 language code of the target language, e.g. "en". Also accepts extended browser language codes, e.g. "en-US".
+ * @param {string} id - Optional user-defined id for better I18N page structure.
+ * @param {Record<string, any>} ...props - Additional metadata for use as a translation aid.
+ * @returns {Promise<any>} The rendered component.
+ */
+function ServerI18N(_a) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var { children, userLanguage } = _a, props = __rest(_a, ["children", "userLanguage"]);
+        // Handle case where translation is not required, for example if the user's browser is in the defaultLanguage
+        const translationRequired = (children && I18NConfig_1.default.translationRequired(userLanguage)) ? true : false;
+        if (!translationRequired) {
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));
+        }
+        const taggedChildren = (0, addGTIdentifier_js_1.default)(children);
+        const childrenAsObjects = (0, writeChildrenAsObjects_js_1.default)(taggedChildren);
+        const hash = yield (0, generateHash_js_1.default)(childrenAsObjects);
+        // Fetch an I18N page (from the cache, locally, or remotely)
+        const I18NEntry = yield I18NConfig_1.default.getI18NEntry(userLanguage, hash, props.id, props.page);
+        // Check if a translation for this site already exists and return it if it does
+        const translationExists = I18NEntry ? true : false;
+        if (translationExists) {
+            const I18NChildren = (0, renderChildren_1.default)(taggedChildren, I18NEntry);
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: I18NChildren }));
+        }
+        // Create a new translation for this site and render it
+        const I18NChildrenPromise = I18NConfig_1.default.translateChildren({ children: childrenAsObjects, targetLanguage: userLanguage, metadata: Object.assign({}, props) });
+        const renderMethod = I18NConfig_1.default.getRenderMethod();
+        if (renderMethod === "replace") {
+            // Return the site in the default language
+            // Replace with translated site when ready
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(I18NResolver_1.default, { promise: I18NChildrenPromise, children: taggedChildren }) }));
+        }
+        if (renderMethod === "hang") {
+            // Wait until the site is translated to return
+            const I18NChildren = (0, renderChildren_1.default)(taggedChildren, yield I18NChildrenPromise);
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: I18NChildren }));
+        }
+        return (
+        // return the children, with no special rendering
+        // a translation may be available from a cached page next time the component is loaded
+        (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));
+    });
+}
+//# sourceMappingURL=ServerI18N.js.map

package/dist/server/ServerI18N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerI18N.js","sourceRoot":"","sources":["../../src/server/ServerI18N.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,6BAiEC;;AAxFD,sEAA8C;AAC9C,sFAA2D;AAC3D,oGAAyE;AACzE,gFAAqD;AACrD,sEAA8C;AAC9C,4EAAoD;AASpD;;;;;;;;GAQG;AACH,SAA8B,UAAU,CAAC,EAEvB;;YAFuB,EACrC,QAAQ,EAAE,YAAY,OACR,EADa,KAAK,cADK,4BAExC,CADmC;QAGhC,6GAA6G;QAC7G,MAAM,mBAAmB,GAAY,CAAC,QAAQ,IAAI,oBAAU,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/G,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvB,OAAO,CACH,2DACK,QAAQ,GACV,CACN,CAAA;QACL,CAAC;QAED,MAAM,cAAc,GAAG,IAAA,4BAAe,EAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,iBAAiB,GAAG,IAAA,mCAAsB,EAAC,cAAc,CAAC,CAAC;QACjE,MAAM,IAAI,GAAW,MAAM,IAAA,yBAAY,EAAC,iBAAiB,CAAC,CAAC;QAE3D,4DAA4D;QAC5D,MAAM,SAAS,GAAG,MAAM,oBAAU,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAE1F,+EAA+E;QAC/E,MAAM,iBAAiB,GAAY,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5D,IAAI,iBAAiB,EAAE,CAAC;YACpB,MAAM,YAAY,GAAG,IAAA,wBAAc,EAAC,cAAc,EAAE,SAAS,CAAC,CAAC;YAC/D,OAAO,CACH,2DACK,YAAY,GACd,CACN,CAAA;QACL,CAAC;QAED,uDAAuD;QAEvD,MAAM,mBAAmB,GAAG,oBAAU,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,oBAAO,KAAK,CAAE,EAAE,CAAC,CAAC;QAChJ,MAAM,YAAY,GAAG,oBAAU,CAAC,eAAe,EAAE,CAAC;QAElD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC7B,0CAA0C;YAC1C,0CAA0C;YAC1C,OAAO,CACH,2DACI,uBAAC,sBAAY,IAAC,OAAO,EAAE,mBAAmB,YAAG,cAAc,GAAgB,GAC5E,CACN,CAAA;QACL,CAAC;QAED,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;YAC1B,8CAA8C;YAC9C,MAAM,YAAY,GAAG,IAAA,wBAAc,EAAC,cAAc,EAAE,MAAM,mBAAmB,CAAC,CAAC;YAC/E,OAAO,CACH,2DACK,YAAY,GACd,CACN,CAAA;QACL,CAAC;QAED,OAAO;QACH,iDAAiD;QACjD,sFAAsF;QACtF,2DACK,QAAQ,GACV,CACN,CAAA;IAEL,CAAC;CAAA"}

package/dist/server/helpers/addGTIdentifier.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+type Child = ReactNode | Record<string, any>;
+type Children = Child[] | Child;
+/**
+ * Main function to add GT (General Translation) identifiers to the children
+ * @param children - The children elements to which GT identifiers will be added
+ * @returns - The children with added GT identifiers
+ */
+export default function addGTIdentifier(children: Children): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Record<string, any> | (string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Record<string, any> | null | undefined)[] | null | undefined;
+export {};
+//# sourceMappingURL=addGTIdentifier.d.ts.map

package/dist/server/helpers/addGTIdentifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addGTIdentifier.d.ts","sourceRoot":"","sources":["../../../src/server/helpers/addGTIdentifier.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAA;AAGtD,KAAK,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAC7C,KAAK,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;AAkBhC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,EAAE,QAAQ,iVA0IzD"}