@schematichq/schematic-components 2.0.1 → 2.0.2

package/dist/schematic-components.cjs.js

@@ -89,82 +89,6 @@ var require_void_elements = __commonJS({
   }
 });
 
-// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
-var require_use_sync_external_store_shim_development = __commonJS({
-  "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) {
-    "use strict";
-    (function() {
-      function is(x2, y2) {
-        return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
-      }
-      function useSyncExternalStore$2(subscribe, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React3.startTransition || (didWarnOld18Alpha = true, console.error(
-          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-        ));
-        var value = getSnapshot();
-        if (!didWarnUncachedGetSnapshot) {
-          var cachedValue = getSnapshot();
-          objectIs(value, cachedValue) || (console.error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
-          ), didWarnUncachedGetSnapshot = true);
-        }
-        cachedValue = useState21({
-          inst: { value, getSnapshot }
-        });
-        var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
-        useLayoutEffect6(
-          function() {
-            inst.value = value;
-            inst.getSnapshot = getSnapshot;
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          },
-          [subscribe, value, getSnapshot]
-        );
-        useEffect11(
-          function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            return subscribe(function() {
-              checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            });
-          },
-          [subscribe]
-        );
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        inst = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(inst, nextValue);
-        } catch (error) {
-          return true;
-        }
-      }
-      function useSyncExternalStore$1(subscribe, getSnapshot) {
-        return getSnapshot();
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React3 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState21 = React3.useState, useEffect11 = React3.useEffect, useLayoutEffect6 = React3.useLayoutEffect, useDebugValue = React3.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports.useSyncExternalStore = void 0 !== React3.useSyncExternalStore ? React3.useSyncExternalStore : shim;
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    })();
-  }
-});
-
-// node_modules/use-sync-external-store/shim/index.js
-var require_shim = __commonJS({
-  "node_modules/use-sync-external-store/shim/index.js"(exports, module2) {
-    "use strict";
-    if (false) {
-      module2.exports = null;
-    } else {
-      module2.exports = require_use_sync_external_store_shim_development();
-    }
-  }
-});
-
 // node_modules/lodash/isObject.js
 var require_isObject = __commonJS({
   "node_modules/lodash/isObject.js"(exports, module2) {
@@ -7218,18 +7142,15 @@ IcuTrans.displayName = "IcuTrans";
 
 // node_modules/react-i18next/dist/es/useTranslation.js
 var import_react10 = require("react");
-var import_shim = __toESM(require_shim(), 1);
-var notReadyT = (k2, optsOrDefaultValue) => {
-  if (isString2(optsOrDefaultValue)) return optsOrDefaultValue;
-  if (isObject(optsOrDefaultValue) && isString2(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-  return Array.isArray(k2) ? k2[k2.length - 1] : k2;
-};
-var notReadySnapshot = {
-  t: notReadyT,
-  ready: false
-};
-var dummySubscribe = () => () => {
+var usePrevious = (value, ignore) => {
+  const ref = (0, import_react10.useRef)();
+  (0, import_react10.useEffect)(() => {
+    ref.current = ignore ? ref.current : value;
+  }, [value, ignore]);
+  return ref.current;
 };
+var alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
+var useMemoizedT = (i18n, language, namespace, keyPrefix) => (0, import_react10.useCallback)(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
 var useTranslation = (ns, props = {}) => {
   const {
     i18n: i18nFromProps
@@ -7242,96 +7163,88 @@ var useTranslation = (ns, props = {}) => {
   if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
   if (!i18n) {
     warnOnce(i18n, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
-  }
-  const i18nOptions = (0, import_react10.useMemo)(() => ({
+    const notReadyT = (k2, optsOrDefaultValue) => {
+      if (isString2(optsOrDefaultValue)) return optsOrDefaultValue;
+      if (isObject(optsOrDefaultValue) && isString2(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
+      return Array.isArray(k2) ? k2[k2.length - 1] : k2;
+    };
+    const retNotReady = [notReadyT, {}, false];
+    retNotReady.t = notReadyT;
+    retNotReady.i18n = {};
+    retNotReady.ready = false;
+    return retNotReady;
+  }
+  if (i18n.options.react?.wait) warnOnce(i18n, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  const i18nOptions = {
     ...getDefaults(),
-    ...i18n?.options?.react,
+    ...i18n.options.react,
     ...props
-  }), [i18n, props]);
+  };
   const {
     useSuspense,
     keyPrefix
   } = i18nOptions;
-  const namespaces = (0, import_react10.useMemo)(() => {
-    const nsOrContext = ns || defaultNSFromContext || i18n?.options?.defaultNS;
-    return isString2(nsOrContext) ? [nsOrContext] : nsOrContext || ["translation"];
-  }, [ns, defaultNSFromContext, i18n]);
-  i18n?.reportNamespaces?.addUsedNamespaces?.(namespaces);
-  const revisionRef = (0, import_react10.useRef)(0);
-  const subscribe = (0, import_react10.useCallback)((callback) => {
-    if (!i18n) return dummySubscribe;
+  let namespaces = ns || defaultNSFromContext || i18n.options?.defaultNS;
+  namespaces = isString2(namespaces) ? [namespaces] : namespaces || ["translation"];
+  i18n.reportNamespaces.addUsedNamespaces?.(namespaces);
+  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n) => hasLoadedNamespace2(n, i18n, i18nOptions));
+  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const getT = () => memoGetT;
+  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const [t2, setT] = (0, import_react10.useState)(getT);
+  let joinedNS = namespaces.join();
+  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+  const previousJoinedNS = usePrevious(joinedNS);
+  const isMounted = (0, import_react10.useRef)(true);
+  (0, import_react10.useEffect)(() => {
     const {
       bindI18n,
       bindI18nStore
     } = i18nOptions;
-    const wrappedCallback = () => {
-      revisionRef.current += 1;
-      callback();
+    isMounted.current = true;
+    if (!ready && !useSuspense) {
+      if (props.lng) {
+        loadLanguages2(i18n, props.lng, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      } else {
+        loadNamespaces2(i18n, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      }
+    }
+    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+      setT(getNewT);
+    }
+    const boundReset = () => {
+      if (isMounted.current) setT(getNewT);
     };
-    if (bindI18n) i18n.on(bindI18n, wrappedCallback);
-    if (bindI18nStore) i18n.store.on(bindI18nStore, wrappedCallback);
+    if (bindI18n) i18n?.on(bindI18n, boundReset);
+    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
     return () => {
-      if (bindI18n) bindI18n.split(" ").forEach((e2) => i18n.off(e2, wrappedCallback));
-      if (bindI18nStore) bindI18nStore.split(" ").forEach((e2) => i18n.store.off(e2, wrappedCallback));
-    };
-  }, [i18n, i18nOptions]);
-  const snapshotRef = (0, import_react10.useRef)();
-  const getSnapshot = (0, import_react10.useCallback)(() => {
-    if (!i18n) {
-      return notReadySnapshot;
-    }
-    const calculatedReady = !!(i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n) => hasLoadedNamespace2(n, i18n, i18nOptions));
-    const currentLng = props.lng || i18n.language;
-    const currentRevision = revisionRef.current;
-    const lastSnapshot = snapshotRef.current;
-    if (lastSnapshot && lastSnapshot.ready === calculatedReady && lastSnapshot.lng === currentLng && lastSnapshot.keyPrefix === keyPrefix && lastSnapshot.revision === currentRevision) {
-      return lastSnapshot;
-    }
-    const calculatedT = i18n.getFixedT(currentLng, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-    const newSnapshot = {
-      t: calculatedT,
-      ready: calculatedReady,
-      lng: currentLng,
-      keyPrefix,
-      revision: currentRevision
+      isMounted.current = false;
+      if (i18n && bindI18n) bindI18n?.split(" ").forEach((e2) => i18n.off(e2, boundReset));
+      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e2) => i18n.store.off(e2, boundReset));
     };
-    snapshotRef.current = newSnapshot;
-    return newSnapshot;
-  }, [i18n, namespaces, keyPrefix, i18nOptions, props.lng]);
-  const [loadCount, setLoadCount] = (0, import_react10.useState)(0);
-  const {
-    t: t2,
-    ready
-  } = (0, import_shim.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+  }, [i18n, joinedNS]);
   (0, import_react10.useEffect)(() => {
-    if (i18n && !ready && !useSuspense) {
-      const onLoaded = () => setLoadCount((c2) => c2 + 1);
-      if (props.lng) {
-        loadLanguages2(i18n, props.lng, namespaces, onLoaded);
-      } else {
-        loadNamespaces2(i18n, namespaces, onLoaded);
-      }
-    }
-  }, [i18n, props.lng, namespaces, ready, useSuspense, loadCount]);
-  const finalI18n = i18n || {};
-  const ret = (0, import_react10.useMemo)(() => {
-    const arr = [t2, finalI18n, ready];
-    arr.t = t2;
-    arr.i18n = finalI18n;
-    arr.ready = ready;
-    return arr;
-  }, [t2, finalI18n, ready]);
-  if (i18n && useSuspense && !ready) {
-    throw new Promise((resolve) => {
-      const onLoaded = () => resolve();
-      if (props.lng) {
-        loadLanguages2(i18n, props.lng, namespaces, onLoaded);
-      } else {
-        loadNamespaces2(i18n, namespaces, onLoaded);
-      }
-    });
-  }
-  return ret;
+    if (isMounted.current && ready) {
+      setT(getT);
+    }
+  }, [i18n, keyPrefix, ready]);
+  const ret = [t2, i18n, ready];
+  ret.t = t2;
+  ret.i18n = i18n;
+  ret.ready = ready;
+  if (ready) return ret;
+  if (!ready && !useSuspense) return ret;
+  throw new Promise((resolve) => {
+    if (props.lng) {
+      loadLanguages2(i18n, props.lng, namespaces, () => resolve());
+    } else {
+      loadNamespaces2(i18n, namespaces, () => resolve());
+    }
+  });
 };
 
 // node_modules/react-i18next/dist/es/withTranslation.js
@@ -11325,7 +11238,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.0.1",
+  "X-Schematic-Components-Version": "2.0.2",
   "X-Schematic-Session-ID": sessionId
 });
 var EmbedProvider = ({
@@ -25227,17 +25140,6 @@ var SchematicEmbed = ({ id, accessToken }) => {
 };
 /*! Bundled license information:
 
-use-sync-external-store/cjs/use-sync-external-store-shim.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
 pako/dist/pako.esm.mjs:
   (*! pako 2.1.0 https://github.com/nodeca/pako @license (MIT AND Zlib) *)
 */