keycloakify 10.0.0-rc.23 → 10.0.0-rc.24

package/tools/useInsertLinkTags.js

@@ -1,58 +1,58 @@
-import { useReducer, useEffect } from "react";
-export function createUseInsertLinkTags() {
-    let linkTagsContext = undefined;
-    /** NOTE: The hrefs can't changes. There should be only one one call on this. */
-    function useInsertLinkTags(params) {
-        const { hrefs } = params;
-        const [areAllStyleSheetsLoaded, setAllStyleSheetLoaded] = useReducer(() => true, hrefs.length === 0);
-        useEffect(() => {
-            let isActive = true;
-            mount_link_tags: {
-                if (linkTagsContext !== undefined) {
-                    if (JSON.stringify(linkTagsContext.styleSheetHrefs) ===
-                        JSON.stringify(hrefs)) {
-                        break mount_link_tags;
-                    }
-                    linkTagsContext.remove();
-                    linkTagsContext = undefined;
+import { useEffect, useReducer } from "react";
+import { useConst } from "../tools/useConst";
+import { id } from "tsafe/id";
+import { useOnFistMount } from "../tools/useOnFirstMount";
+const alreadyMountedComponentOrHookNames = new Set();
+/**
+ * NOTE: The component that use this hook can only be mounded once!
+ * And can't rerender with different hrefs.
+ * If it's mounted again the page will be reloaded.
+ * This simulates the behavior of a server rendered page that imports css stylesheet in the head.
+ */
+export function useInsertLinkTags(params) {
+    const { hrefs, componentOrHookName } = params;
+    useOnFistMount(() => {
+        const isAlreadyMounted = alreadyMountedComponentOrHookNames.has(componentOrHookName);
+        if (isAlreadyMounted) {
+            window.location.reload();
+            return;
+        }
+        alreadyMountedComponentOrHookNames.add(componentOrHookName);
+    });
+    const [areAllStyleSheetsLoaded, setAllStyleSheetsLoaded] = useReducer(() => true, false);
+    const refPrAllStyleSheetLoaded = useConst(() => ({
+        current: id(undefined)
+    }));
+    useEffect(() => {
+        var _a;
+        let isActive = true;
+        ((_a = refPrAllStyleSheetLoaded.current) !== null && _a !== void 0 ? _a : (refPrAllStyleSheetLoaded.current = (async () => {
+            let lastMountedHtmlElement = undefined;
+            const prs = [];
+            for (const href of hrefs) {
+                const htmlElement = document.createElement("link");
+                prs.push(new Promise(resolve => htmlElement.addEventListener("load", () => resolve())));
+                htmlElement.rel = "stylesheet";
+                htmlElement.href = href;
+                if (lastMountedHtmlElement !== undefined) {
+                    lastMountedHtmlElement.insertAdjacentElement("afterend", htmlElement);
                 }
-                let lastMountedHtmlElement = undefined;
-                const prs = [];
-                const removeFns = [];
-                for (const href of hrefs) {
-                    const htmlElement = document.createElement("link");
-                    prs.push(new Promise(resolve => htmlElement.addEventListener("load", () => resolve())));
-                    htmlElement.rel = "stylesheet";
-                    htmlElement.href = href;
-                    if (lastMountedHtmlElement !== undefined) {
-                        lastMountedHtmlElement.insertAdjacentElement("afterend", htmlElement);
-                    }
-                    else {
-                        document.head.prepend(htmlElement);
-                    }
-                    removeFns.push(() => {
-                        htmlElement.remove();
-                    });
-                    lastMountedHtmlElement = htmlElement;
+                else {
+                    document.head.prepend(htmlElement);
                 }
-                linkTagsContext = {
-                    styleSheetHrefs: hrefs,
-                    prAreAllStyleSheetsLoaded: Promise.all(prs).then(() => undefined),
-                    remove: () => removeFns.forEach(fn => fn())
-                };
+                lastMountedHtmlElement = htmlElement;
             }
-            linkTagsContext.prAreAllStyleSheetsLoaded.then(() => {
-                if (!isActive) {
-                    return;
-                }
-                setAllStyleSheetLoaded();
-            });
-            return () => {
-                isActive = false;
-            };
-        }, []);
-        return { areAllStyleSheetsLoaded };
-    }
-    return { useInsertLinkTags };
+            await Promise.all(prs);
+        })())).then(() => {
+            if (!isActive) {
+                return;
+            }
+            setAllStyleSheetsLoaded();
+        });
+        return () => {
+            isActive = false;
+        };
+    }, []);
+    return { areAllStyleSheetsLoaded };
 }
 //# sourceMappingURL=useInsertLinkTags.js.map

package/tools/useInsertLinkTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertLinkTags.js","sourceRoot":"","sources":["../src/tools/useInsertLinkTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,uBAAuB;IACnC,IAAI,eAAe,GAMD,SAAS,CAAC;IAE5B,gFAAgF;IAChF,SAAS,iBAAiB,CAAC,MAA2B;QAClD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEzB,MAAM,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,GAAG,UAAU,CAChE,GAAG,EAAE,CAAC,IAAI,EACV,KAAK,CAAC,MAAM,KAAK,CAAC,CACrB,CAAC;QAEF,SAAS,CAAC,GAAG,EAAE;YACX,IAAI,QAAQ,GAAG,IAAI,CAAC;YAEpB,eAAe,EAAE,CAAC;gBACd,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;oBAChC,IACI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC;wBAC/C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EACvB,CAAC;wBACC,MAAM,eAAe,CAAC;oBAC1B,CAAC;oBAED,eAAe,CAAC,MAAM,EAAE,CAAC;oBAEzB,eAAe,GAAG,SAAS,CAAC;gBAChC,CAAC;gBAED,IAAI,sBAAsB,GAAgC,SAAS,CAAC;gBAEpE,MAAM,GAAG,GAAoB,EAAE,CAAC;gBAChC,MAAM,SAAS,GAAmB,EAAE,CAAC;gBAErC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;oBACvB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;oBAEnD,GAAG,CAAC,IAAI,CACJ,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CACxB,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CACxD,CACJ,CAAC;oBAEF,WAAW,CAAC,GAAG,GAAG,YAAY,CAAC;oBAE/B,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;oBAExB,IAAI,sBAAsB,KAAK,SAAS,EAAE,CAAC;wBACvC,sBAAsB,CAAC,qBAAqB,CACxC,UAAU,EACV,WAAW,CACd,CAAC;oBACN,CAAC;yBAAM,CAAC;wBACJ,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;oBACvC,CAAC;oBAED,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE;wBAChB,WAAW,CAAC,MAAM,EAAE,CAAC;oBACzB,CAAC,CAAC,CAAC;oBAEH,sBAAsB,GAAG,WAAW,CAAC;gBACzC,CAAC;gBAED,eAAe,GAAG;oBACd,eAAe,EAAE,KAAK;oBACtB,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;oBACjE,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;iBAC9C,CAAC;YACN,CAAC;YAED,eAAe,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,EAAE;gBAChD,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACZ,OAAO;gBACX,CAAC;gBACD,sBAAsB,EAAE,CAAC;YAC7B,CAAC,CAAC,CAAC;YAEH,OAAO,GAAG,EAAE;gBACR,QAAQ,GAAG,KAAK,CAAC;YACrB,CAAC,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACvC,CAAC;IAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AACjC,CAAC"}
+{"version":3,"file":"useInsertLinkTags.js","sourceRoot":"","sources":["../src/tools/useInsertLinkTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,kCAAkC,GAAG,IAAI,GAAG,EAAU,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAGjC;IACG,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC;IAE9C,cAAc,CAAC,GAAG,EAAE;QAChB,MAAM,gBAAgB,GAClB,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEhE,IAAI,gBAAgB,EAAE;YAClB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,OAAO;SACV;QAED,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,GAAG,UAAU,CACjE,GAAG,EAAE,CAAC,IAAI,EACV,KAAK,CACR,CAAC;IAEF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7C,OAAO,EAAE,EAAE,CAA4B,SAAS,CAAC;KACpD,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;;QACX,IAAI,QAAQ,GAAG,IAAI,CAAC;QAEpB,OAAC,wBAAwB,CAAC,OAAO,oCAAhC,wBAAwB,CAAC,OAAO,GAAK,CAAC,KAAK,IAAI,EAAE;YAC9C,IAAI,sBAAsB,GAAgC,SAAS,CAAC;YAEpE,MAAM,GAAG,GAAoB,EAAE,CAAC;YAEhC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACtB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAEnD,GAAG,CAAC,IAAI,CACJ,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CACxB,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CACxD,CACJ,CAAC;gBAEF,WAAW,CAAC,GAAG,GAAG,YAAY,CAAC;gBAE/B,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;gBAExB,IAAI,sBAAsB,KAAK,SAAS,EAAE;oBACtC,sBAAsB,CAAC,qBAAqB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;iBACzE;qBAAM;oBACH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;iBACtC;gBAED,sBAAsB,GAAG,WAAW,CAAC;aACxC;YAED,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC,CAAC,EAAE,EAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,QAAQ,EAAE;gBACX,OAAO;aACV;YAED,uBAAuB,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,QAAQ,GAAG,KAAK,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,uBAAuB,EAAE,CAAC;AACvC,CAAC"}

package/tools/useInsertScriptTags.d.ts

@@ -11,10 +11,19 @@ export declare namespace ScriptTag {
     };
     export {};
 }
-export declare function createUseInsertScriptTags(): {
-    useInsertScriptTags: (params: {
-        scriptTags: ScriptTag[];
-    }) => {
-        insertScriptTags: () => void;
-    };
+/**
+ * NOTE: The component that use this hook can only be mounded once!
+ * And can't rerender with different scriptTags.
+ * If it's mounted again the page will be reloaded.
+ * This simulates the behavior of a server rendered page that imports javascript in the head.
+ *
+ * The returned function is supposed to be called in a useEffect and
+ * will not download the scripts multiple times event if called more than once (react strict mode).
+ *
+ */
+export declare function useInsertScriptTags(params: {
+    componentOrHookName: string;
+    scriptTags: ScriptTag[];
+}): {
+    insertScriptTags: () => void;
 };

package/tools/useInsertScriptTags.js

@@ -1,78 +1,70 @@
 import { useCallback } from "react";
-import { useConst } from "../tools/useConst";
 import { assert } from "tsafe/assert";
-export function createUseInsertScriptTags() {
+import { useOnFistMount } from "../tools/useOnFirstMount";
+const alreadyMountedComponentOrHookNames = new Set();
+/**
+ * NOTE: The component that use this hook can only be mounded once!
+ * And can't rerender with different scriptTags.
+ * If it's mounted again the page will be reloaded.
+ * This simulates the behavior of a server rendered page that imports javascript in the head.
+ *
+ * The returned function is supposed to be called in a useEffect and
+ * will not download the scripts multiple times event if called more than once (react strict mode).
+ *
+ */
+export function useInsertScriptTags(params) {
+    const { scriptTags, componentOrHookName } = params;
+    useOnFistMount(() => {
+        const isAlreadyMounted = alreadyMountedComponentOrHookNames.has(componentOrHookName);
+        if (isAlreadyMounted) {
+            window.location.reload();
+            return;
+        }
+        alreadyMountedComponentOrHookNames.add(componentOrHookName);
+    });
     let areScriptsInserted = false;
-    function useInsertScriptTags(params) {
-        const { scriptTags } = params;
-        const currentScriptTagsRef = useConst(() => ({
-            current: scriptTags
-        }));
-        currentScriptTagsRef.current = scriptTags;
-        const insertScriptTags = useCallback(() => {
+    const insertScriptTags = useCallback(() => {
+        if (areScriptsInserted) {
+            return;
+        }
+        scriptTags.forEach(scriptTag => {
+            // NOTE: Avoid loading same script twice. (Like jQuery for example)
             {
-                const getFingerprint = (scriptTags) => scriptTags
-                    .map((scriptTag) => {
+                const scripts = document.getElementsByTagName("script");
+                for (let i = 0; i < scripts.length; i++) {
+                    const script = scripts[i];
                     if ("textContent" in scriptTag) {
-                        return scriptTag.textContent;
+                        if (script.textContent === scriptTag.textContent) {
+                            return;
+                        }
+                        continue;
                     }
                     if ("src" in scriptTag) {
-                        return scriptTag.src;
+                        if (script.getAttribute("src") === scriptTag.src) {
+                            return;
+                        }
+                        continue;
                     }
                     assert(false);
-                })
-                    .join("---");
-                if (getFingerprint(scriptTags) !==
-                    getFingerprint(currentScriptTagsRef.current)) {
-                    // NOTE: This is for when the scripts imported in the Template have changed switching
-                    // from one page to another in storybook.
-                    window.location.reload();
-                    return;
                 }
             }
-            if (areScriptsInserted) {
-                return;
-            }
-            scriptTags.forEach(scriptTag => {
-                // NOTE: Avoid loading same script twice. (Like jQuery for example)
-                {
-                    const scripts = document.getElementsByTagName("script");
-                    for (let i = 0; i < scripts.length; i++) {
-                        const script = scripts[i];
-                        if ("textContent" in scriptTag) {
-                            if (script.textContent === scriptTag.textContent) {
-                                return;
-                            }
-                            continue;
-                        }
-                        if ("src" in scriptTag) {
-                            if (script.getAttribute("src") === scriptTag.src) {
-                                return;
-                            }
-                            continue;
-                        }
-                        assert(false);
-                    }
+            const htmlElement = document.createElement("script");
+            htmlElement.type = scriptTag.type;
+            (() => {
+                if ("textContent" in scriptTag) {
+                    htmlElement.textContent = scriptTag.textContent;
+                    return;
                 }
-                const htmlElement = document.createElement("script");
-                htmlElement.type = scriptTag.type;
-                (() => {
-                    if ("textContent" in scriptTag) {
-                        htmlElement.textContent = scriptTag.textContent;
-                        return;
-                    }
-                    if ("src" in scriptTag) {
-                        htmlElement.src = scriptTag.src;
-                        return;
-                    }
-                    assert(false);
-                })();
-                document.head.appendChild(htmlElement);
-            });
-            areScriptsInserted = true;
-        }, []);
-        return { insertScriptTags };
-    }
-    return { useInsertScriptTags };
+                if ("src" in scriptTag) {
+                    htmlElement.src = scriptTag.src;
+                    return;
+                }
+                assert(false);
+            })();
+            document.head.appendChild(htmlElement);
+        });
+        areScriptsInserted = true;
+    }, []);
+    return { insertScriptTags };
 }
 //# sourceMappingURL=useInsertScriptTags.js.map

package/tools/useInsertScriptTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertScriptTags.js","sourceRoot":"","sources":["../src/tools/useInsertScriptTags.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useInsertScriptTags.js","sourceRoot":"","sources":["../src/tools/useInsertScriptTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAiBnE,MAAM,kCAAkC,GAAG,IAAI,GAAG,EAAU,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAGnC;IACG,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC;IAEnD,cAAc,CAAC,GAAG,EAAE;QAChB,MAAM,gBAAgB,GAClB,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEhE,IAAI,gBAAgB,EAAE;YAClB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,OAAO;SACV;QAED,kCAAkC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,IAAI,kBAAkB,GAAG,KAAK,CAAC;IAE/B,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,kBAAkB,EAAE;YACpB,OAAO;SACV;QAED,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC3B,mEAAmE;YACnE;gBACI,MAAM,OAAO,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBACxD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACrC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,aAAa,IAAI,SAAS,EAAE;wBAC5B,IAAI,MAAM,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW,EAAE;4BAC9C,OAAO;yBACV;wBACD,SAAS;qBACZ;oBACD,IAAI,KAAK,IAAI,SAAS,EAAE;wBACpB,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,GAAG,EAAE;4BAC9C,OAAO;yBACV;wBACD,SAAS;qBACZ;oBACD,MAAM,CAAC,KAAK,CAAC,CAAC;iBACjB;aACJ;YAED,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAErD,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;YAElC,CAAC,GAAG,EAAE;gBACF,IAAI,aAAa,IAAI,SAAS,EAAE;oBAC5B,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;oBAChD,OAAO;iBACV;gBACD,IAAI,KAAK,IAAI,SAAS,EAAE;oBACpB,WAAW,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC;oBAChC,OAAO;iBACV;gBACD,MAAM,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC,EAAE,CAAC;YAEL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,kBAAkB,GAAG,IAAI,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAChC,CAAC"}

package/tools/useOnFirstMount.d.ts

@@ -0,0 +1,2 @@
+/** Callback is guaranteed to be call only once per component mount event in strict mode */
+export declare function useOnFistMount(callback: () => void): void;

package/tools/useOnFirstMount.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useConst } from "powerhooks/useConst";
+import { id } from "tsafe/id";
+/** Callback is guaranteed to be call only once per component mount event in strict mode */
+export function useOnFistMount(callback) {
+    const refHasCallbackBeenCalled = useConst(() => ({ current: id(false) }));
+    useEffect(() => {
+        if (refHasCallbackBeenCalled.current) {
+            return;
+        }
+        callback();
+        refHasCallbackBeenCalled.current = true;
+    }, []);
+}
+//# sourceMappingURL=useOnFirstMount.js.map

package/tools/useOnFirstMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnFirstMount.js","sourceRoot":"","sources":["../src/tools/useOnFirstMount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,2FAA2F;AAC3F,MAAM,UAAU,cAAc,CAAC,QAAoB;IAC/C,MAAM,wBAAwB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAU,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,wBAAwB,CAAC,OAAO,EAAE;YAClC,OAAO;SACV;QAED,QAAQ,EAAE,CAAC;QAEX,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/tools/useSetClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetClassName.js","sourceRoot":"","sources":["../src/tools/useSetClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,eAAe,CAAC,MAG/B;IACG,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YAC9C,OAAO;QACX,CAAC;QAED,MAAM,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhF,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEpC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACpB,CAAC"}
+{"version":3,"file":"useSetClassName.js","sourceRoot":"","sources":["../src/tools/useSetClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,eAAe,CAAC,MAG/B;IACG,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE;YAC7C,OAAO;SACV;QAED,MAAM,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhF,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEpC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACpB,CAAC"}

package/vite-plugin/index.js

@@ -959,7 +959,7 @@ var SemVer;
         return "no bump";
     }
     SemVer.bumpType = bumpType;
-})(SemVer || (exports.SemVer = SemVer = {}));
+})(SemVer = exports.SemVer || (exports.SemVer = {}));
 //# sourceMappingURL=SemVer.js.map
 
 /***/ }),
@@ -1124,10 +1124,10 @@ var fetchProxyOptions_1 = __nccwpck_require__(1222);
 var crypto = __importStar(__nccwpck_require__(6113));
 var fs_rm_1 = __nccwpck_require__(8699);
 function downloadAndExtractArchive(params) {
+    var _a;
     return __awaiter(this, void 0, void 0, function () {
-        var url, uniqueIdOfOnOnArchiveFile, onArchiveFile, cacheDirPath, npmWorkspaceRootDirPath, archiveFileBasename, archiveFilePath, isDownloaded, response, _a, _b, extractDirBasename, _c, _d, extractedDirPath, isExtracted;
+        var url, uniqueIdOfOnOnArchiveFile, onArchiveFile, cacheDirPath, npmWorkspaceRootDirPath, archiveFileBasename, archiveFilePath, isDownloaded, response, _b, _c, extractDirBasename, _d, _e, extractedDirPath, isExtracted;
         var _this = this;
-        var _e;
         return __generator(this, function (_f) {
             switch (_f.label) {
                 case 0:
@@ -1159,13 +1159,13 @@ function downloadAndExtractArchive(params) {
                 case 5: return [4 /*yield*/, (0, promises_1.mkdir)((0, path_1.dirname)(archiveFilePath), { recursive: true })];
                 case 6:
                     _f.sent();
-                    _a = make_fetch_happen_1.default;
-                    _b = [url];
+                    _b = make_fetch_happen_1.default;
+                    _c = [url];
                     return [4 /*yield*/, (0, fetchProxyOptions_1.getProxyFetchOptions)({ npmWorkspaceRootDirPath: npmWorkspaceRootDirPath })];
-                case 7: return [4 /*yield*/, _a.apply(void 0, _b.concat([_f.sent()]))];
+                case 7: return [4 /*yield*/, _b.apply(void 0, _c.concat([_f.sent()]))];
                 case 8:
                     response = _f.sent();
-                    (_e = response.body) === null || _e === void 0 ? void 0 : _e.setMaxListeners(Number.MAX_VALUE);
+                    (_a = response.body) === null || _a === void 0 ? void 0 : _a.setMaxListeners(Number.MAX_VALUE);
                     (0, assert_1.assert)(typeof response.body !== "undefined" && response.body != null);
                     return [4 /*yield*/, (0, promises_1.writeFile)(archiveFilePath, response.body)];
                 case 9:
@@ -1183,9 +1183,9 @@ function downloadAndExtractArchive(params) {
                         .update(onArchiveFile.toString())
                         .digest("hex")
                         .substring(0, 5));
-                    _d = (_c = Promise).all;
+                    _e = (_d = Promise).all;
                     return [4 /*yield*/, (0, promises_1.readdir)(cacheDirPath)];
-                case 12: return [4 /*yield*/, _d.apply(_c, [(_f.sent())
+                case 12: return [4 /*yield*/, _e.apply(_d, [(_f.sent())
                             .filter((function () {
                             var prefix = extractDirBasename
                                 .split("_")
@@ -1240,22 +1240,24 @@ function downloadAndExtractArchive(params) {
                     _f.label = 18;
                 case 18: return [4 /*yield*/, (0, extractArchive_1.extractArchive)({
                         archiveFilePath: archiveFilePath,
-                        onArchiveFile: function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
-                            var relativeFilePathInArchive = _b.relativeFilePathInArchive, readFile = _b.readFile, writeFile = _b.writeFile;
-                            return __generator(this, function (_c) {
-                                return [2 /*return*/, onArchiveFile({
-                                        fileRelativePath: relativeFilePathInArchive,
-                                        readFile: readFile,
-                                        writeFile: function (_a) {
-                                            var fileRelativePath = _a.fileRelativePath, modifiedData = _a.modifiedData;
-                                            return writeFile({
-                                                filePath: (0, path_1.join)(extractedDirPath, fileRelativePath),
-                                                modifiedData: modifiedData
-                                            });
-                                        }
-                                    })];
+                        onArchiveFile: function (_a) {
+                            var relativeFilePathInArchive = _a.relativeFilePathInArchive, readFile = _a.readFile, writeFile = _a.writeFile;
+                            return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_b) {
+                                    return [2 /*return*/, onArchiveFile({
+                                            fileRelativePath: relativeFilePathInArchive,
+                                            readFile: readFile,
+                                            writeFile: function (_a) {
+                                                var fileRelativePath = _a.fileRelativePath, modifiedData = _a.modifiedData;
+                                                return writeFile({
+                                                    filePath: (0, path_1.join)(extractedDirPath, fileRelativePath),
+                                                    modifiedData: modifiedData
+                                                });
+                                            }
+                                        })];
+                                });
                             });
-                        }); }
+                        }
                     })];
                 case 19:
                     _f.sent();
@@ -1567,13 +1569,13 @@ function getNmpConfig(params) {
     });
 }
 function getProxyFetchOptions(params) {
+    var _a, _b, _c;
     return __awaiter(this, void 0, void 0, function () {
         function maybeBoolean(arg0) {
             return typeof arg0 === "undefined" ? undefined : Boolean(arg0);
         }
-        var npmWorkspaceRootDirPath, cfg, proxy, noProxy, strictSSL, cert, ca, cafile, _a, _b, _c, _d;
+        var npmWorkspaceRootDirPath, cfg, proxy, noProxy, strictSSL, cert, ca, cafile, _d, _e, _f, _g;
         var _this = this;
-        var _e, _f, _g;
         return __generator(this, function (_h) {
             switch (_h.label) {
                 case 0:
@@ -1581,16 +1583,16 @@ function getProxyFetchOptions(params) {
                     return [4 /*yield*/, getNmpConfig({ npmWorkspaceRootDirPath: npmWorkspaceRootDirPath })];
                 case 1:
                     cfg = _h.sent();
-                    proxy = ensureSingleOrNone((_e = cfg["https-proxy"]) !== null && _e !== void 0 ? _e : cfg["proxy"]);
-                    noProxy = (_f = cfg["noproxy"]) !== null && _f !== void 0 ? _f : cfg["no-proxy"];
+                    proxy = ensureSingleOrNone((_a = cfg["https-proxy"]) !== null && _a !== void 0 ? _a : cfg["proxy"]);
+                    noProxy = (_b = cfg["noproxy"]) !== null && _b !== void 0 ? _b : cfg["no-proxy"];
                     strictSSL = maybeBoolean(ensureSingleOrNone(cfg["strict-ssl"]));
                     cert = cfg["cert"];
-                    ca = ensureArray((_g = cfg["ca"]) !== null && _g !== void 0 ? _g : cfg["ca[]"]);
+                    ca = ensureArray((_c = cfg["ca"]) !== null && _c !== void 0 ? _c : cfg["ca[]"]);
                     cafile = ensureSingleOrNone(cfg["cafile"]);
                     if (!(typeof cafile !== "undefined" && cafile !== "null")) return [3 /*break*/, 3];
-                    _b = (_a = ca.push).apply;
-                    _c = [ca];
-                    _d = [[]];
+                    _e = (_d = ca.push).apply;
+                    _f = [ca];
+                    _g = [[]];
                     return [4 /*yield*/, (function () { return __awaiter(_this, void 0, void 0, function () {
                             function chunks(arr, size) {
                                 if (size === void 0) { size = 2; }
@@ -1609,7 +1611,7 @@ function getProxyFetchOptions(params) {
                             });
                         }); })()];
                 case 2:
-                    _b.apply(_a, _c.concat([__spreadArray.apply(void 0, _d.concat([__read.apply(void 0, [(_h.sent())]), false]))]));
+                    _e.apply(_d, _f.concat([__spreadArray.apply(void 0, _g.concat([__read.apply(void 0, [(_h.sent())]), false]))]));
                     _h.label = 3;
                 case 3: return [2 /*return*/, {
                         proxy: proxy,
@@ -2292,7 +2294,9 @@ var fs = __importStar(__nccwpck_require__(7147));
 function getNpmWorkspaceRootDirPath(params) {
     var reactAppRootDirPath = params.reactAppRootDirPath, dependencyExpected = params.dependencyExpected;
     var npmWorkspaceRootDirPath = (function callee(depth) {
+        var e_1, _a;
         var cwd = (0, path_1.resolve)(path_1.join.apply(void 0, __spreadArray([], __read(__spreadArray([reactAppRootDirPath], __read(Array(depth).fill("..")), false)), false)));
+        (0, assert_1.assert)(cwd !== path_1.sep, "NPM workspace not found");
         try {
             child_process.execSync("npm config get", {
                 cwd: cwd,
@@ -2301,44 +2305,42 @@ function getNpmWorkspaceRootDirPath(params) {
         }
         catch (error) {
             if (String(error).includes("ENOWORKSPACES")) {
-                (0, assert_1.assert)(cwd !== path_1.sep, "NPM workspace not found");
                 return callee(depth + 1);
             }
             throw error;
         }
-        var isExpectedDependencyFound = (function () {
-            var e_1, _a;
-            var packageJsonFilePath = (0, path_1.join)(cwd, "package.json");
-            (0, assert_1.assert)(fs.existsSync(packageJsonFilePath));
-            var parsedPackageJson = JSON.parse(fs.readFileSync(packageJsonFilePath).toString("utf8"));
-            var isExpectedDependencyFound = false;
-            try {
-                for (var _b = __values([
-                    "dependencies",
-                    "devDependencies"
-                ]), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var dependenciesOrDevDependencies = _c.value;
-                    var dependencies = parsedPackageJson[dependenciesOrDevDependencies];
-                    if (dependencies === undefined) {
-                        continue;
-                    }
-                    (0, assert_1.assert)(dependencies instanceof Object);
-                    if (dependencies[dependencyExpected] === undefined) {
-                        continue;
-                    }
-                    isExpectedDependencyFound = true;
+        var packageJsonFilePath = (0, path_1.join)(cwd, "package.json");
+        if (!fs.existsSync(packageJsonFilePath)) {
+            return callee(depth + 1);
+        }
+        (0, assert_1.assert)(fs.existsSync(packageJsonFilePath));
+        var parsedPackageJson = JSON.parse(fs.readFileSync(packageJsonFilePath).toString("utf8"));
+        var isExpectedDependencyFound = false;
+        try {
+            for (var _b = __values([
+                "dependencies",
+                "devDependencies"
+            ]), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var dependenciesOrDevDependencies = _c.value;
+                var dependencies = parsedPackageJson[dependenciesOrDevDependencies];
+                if (dependencies === undefined) {
+                    continue;
                 }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                (0, assert_1.assert)(dependencies instanceof Object);
+                if (dependencies[dependencyExpected] === undefined) {
+                    continue;
                 }
-                finally { if (e_1) throw e_1.error; }
+                isExpectedDependencyFound = true;
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            return { isExpectedDependencyFound: isExpectedDependencyFound };
-        })().isExpectedDependencyFound;
-        if (!isExpectedDependencyFound) {
+            finally { if (e_1) throw e_1.error; }
+        }
+        if (!isExpectedDependencyFound && parsedPackageJson.name !== dependencyExpected) {
             return callee(depth + 1);
         }
         return cwd;

package/account/kcContext/createGetKcContext.d.ts

@@ -1,19 +0,0 @@
-import type { DeepPartial } from "../../tools/DeepPartial";
-import type { ExtendKcContext } from "./getKcContextFromWindow";
-export declare function createGetKcContext<KcContextExtension extends {
-    pageId: string;
-} = never>(params?: {
-    mockData?: readonly DeepPartial<ExtendKcContext<KcContextExtension>>[];
-    mockProperties?: Record<string, string>;
-}): {
-    getKcContext: <PageId extends ExtendKcContext<KcContextExtension>["pageId"] | undefined = undefined>(params?: {
-        mockPageId?: PageId;
-        storyPartialKcContext?: DeepPartial<Extract<ExtendKcContext<KcContextExtension>, {
-            pageId: PageId;
-        }>>;
-    }) => {
-        kcContext: PageId extends undefined ? ExtendKcContext<KcContextExtension> | undefined : Extract<ExtendKcContext<KcContextExtension>, {
-            pageId: PageId;
-        }>;
-    };
-};