@schematichq/schematic-components 2.0.0 → 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,88 +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 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;
-    if (bindI18n) i18n.on(bindI18n, callback);
-    if (bindI18nStore) i18n.store.on(bindI18nStore, callback);
-    return () => {
-      if (bindI18n) bindI18n.split(" ").forEach((e2) => i18n.off(e2, callback));
-      if (bindI18nStore) bindI18nStore.split(" ").forEach((e2) => i18n.store.off(e2, callback));
-    };
-  }, [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 calculatedT = i18n.getFixedT(props.lng || i18n.language, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-    const lastSnapshot = snapshotRef.current;
-    if (lastSnapshot && lastSnapshot.ready === calculatedReady && lastSnapshot.lng === (props.lng || i18n.language) && lastSnapshot.keyPrefix === keyPrefix) {
-      return lastSnapshot;
-    }
-    const newSnapshot = {
-      t: calculatedT,
-      ready: calculatedReady,
-      lng: props.lng || i18n.language,
-      keyPrefix
-    };
-    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);
-  (0, import_react10.useEffect)(() => {
-    if (i18n && !ready && !useSuspense) {
-      const onLoaded = () => setLoadCount((c2) => c2 + 1);
+    isMounted.current = true;
+    if (!ready && !useSuspense) {
       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);
+        loadLanguages2(i18n, props.lng, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
       } else {
-        loadNamespaces2(i18n, namespaces, onLoaded);
+        loadNamespaces2(i18n, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
       }
-    });
-  }
-  return ret;
+    }
+    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+      setT(getNewT);
+    }
+    const boundReset = () => {
+      if (isMounted.current) setT(getNewT);
+    };
+    if (bindI18n) i18n?.on(bindI18n, boundReset);
+    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
+    return () => {
+      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));
+    };
+  }, [i18n, joinedNS]);
+  (0, import_react10.useEffect)(() => {
+    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
@@ -7682,8 +7603,8 @@ var Icon = ({ name, className = "", ...rest }) => {
 };
 
 // src/context/EmbedProvider.tsx
-var import_debounce = __toESM(require_debounce(), 1);
-var import_merge2 = __toESM(require_merge(), 1);
+var import_debounce = __toESM(require_debounce());
+var import_merge2 = __toESM(require_merge());
 var import_react15 = require("react");
 
 // node_modules/uuid/dist/stringify.js
@@ -8955,7 +8876,6 @@ function RuleConditionDetailResponseDataFromJSONTyped(json, ignoreDiscriminator)
     metricPeriodMonthReset: json["metric_period_month_reset"] == null ? void 0 : json["metric_period_month_reset"],
     metricValue: json["metric_value"] == null ? void 0 : json["metric_value"],
     operator: json["operator"],
-    planId: json["plan_id"] == null ? void 0 : json["plan_id"],
     resourceIds: json["resource_ids"],
     resources: json["resources"].map(
       PreviewObjectResponseDataFromJSON
@@ -8985,7 +8905,6 @@ function RuleConditionGroupDetailResponseDataFromJSONTyped(json, ignoreDiscrimin
     environmentId: json["environment_id"],
     flagId: json["flag_id"] == null ? void 0 : json["flag_id"],
     id: json["id"],
-    planId: json["plan_id"] == null ? void 0 : json["plan_id"],
     ruleId: json["rule_id"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -9011,7 +8930,6 @@ function RuleDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     flagId: json["flag_id"] == null ? void 0 : json["flag_id"],
     id: json["id"],
     name: json["name"],
-    planId: json["plan_id"] == null ? void 0 : json["plan_id"],
     priority: json["priority"],
     ruleType: json["rule_type"],
     updatedAt: new Date(json["updated_at"]),
@@ -10815,7 +10733,6 @@ function RuleConditionDetailResponseDataFromJSONTyped4(json, ignoreDiscriminator
     metricPeriodMonthReset: json["metric_period_month_reset"] == null ? void 0 : json["metric_period_month_reset"],
     metricValue: json["metric_value"] == null ? void 0 : json["metric_value"],
     operator: json["operator"],
-    planId: json["plan_id"] == null ? void 0 : json["plan_id"],
     resourceIds: json["resource_ids"],
     resources: json["resources"].map(
       PreviewObjectResponseDataFromJSON2
@@ -10845,7 +10762,6 @@ function RuleConditionGroupDetailResponseDataFromJSONTyped3(json, ignoreDiscrimi
     environmentId: json["environment_id"],
     flagId: json["flag_id"] == null ? void 0 : json["flag_id"],
     id: json["id"],
-    planId: json["plan_id"] == null ? void 0 : json["plan_id"],
     ruleId: json["rule_id"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -10871,7 +10787,6 @@ function RuleDetailResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
     flagId: json["flag_id"] == null ? void 0 : json["flag_id"],
     id: json["id"],
     name: json["name"],
-    planId: json["plan_id"] == null ? void 0 : json["plan_id"],
     priority: json["priority"],
     ruleType: json["rule_type"],
     updatedAt: new Date(json["updated_at"]),
@@ -11165,7 +11080,7 @@ var ComponentspublicApi = class extends BaseAPI2 {
 };
 
 // src/context/embedReducer.ts
-var import_merge = __toESM(require_merge(), 1);
+var import_merge = __toESM(require_merge());
 var dispatchPlanChangedEvent = (detail) => {
   const event = new CustomEvent("plan-changed", {
     bubbles: true,
@@ -11323,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.0",
+  "X-Schematic-Components-Version": "2.0.2",
   "X-Schematic-Session-ID": sessionId
 });
 var EmbedProvider = ({
@@ -12757,7 +12672,7 @@ var Text = dt.span.withConfig({
 );
 
 // src/components/ui/tooltip/Tooltip.tsx
-var import_debounce2 = __toESM(require_debounce(), 1);
+var import_debounce2 = __toESM(require_debounce());
 var import_react25 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -13099,7 +13014,7 @@ var Root = (0, import_react28.forwardRef)(
 Root.displayName = "Root";
 
 // src/components/layout/viewport/Viewport.tsx
-var import_debounce3 = __toESM(require_debounce(), 1);
+var import_debounce3 = __toESM(require_debounce());
 var import_react41 = require("react");
 var import_react_dom2 = require("react-dom");
 
@@ -18577,7 +18492,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "8.1.0",
+    version: "8.2.0",
     startTime
   });
 };
@@ -18652,7 +18567,7 @@ var initStripe = function initStripe2(maybeStripe, args, startTime) {
   var version = runtimeVersionToUrlVersion(maybeStripe.version);
   var expectedVersion = RELEASE_TRAIN;
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.1.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.2.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
   var stripe = maybeStripe.apply(void 0, args);
   registerWrapper(stripe, startTime);
@@ -25225,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) *)
 */

package/dist/schematic-components.d.ts

@@ -2527,6 +2527,7 @@ declare interface CompanyPlanDetailResponseData {
      *
      * @type {string}
      * @memberof CompanyPlanDetailResponseData
+     * @deprecated
      */
     audienceType?: string | null;
     /**
@@ -6127,6 +6128,7 @@ declare interface PlanDetailResponseData {
      *
      * @type {string}
      * @memberof PlanDetailResponseData
+     * @deprecated
      */
     audienceType?: string | null;
     /**
@@ -6595,6 +6597,7 @@ declare interface PlanResponseData {
      *
      * @type {string}
      * @memberof PlanResponseData
+     * @deprecated
      */
     audienceType?: string | null;
     /**
@@ -6662,6 +6665,7 @@ declare interface PlanResponseData_2 {
      *
      * @type {string}
      * @memberof PlanResponseData
+     * @deprecated
      */
     audienceType?: string | null;
     /**
@@ -6718,6 +6722,7 @@ declare interface PlanViewPublicResponseData {
      *
      * @type {string}
      * @memberof PlanViewPublicResponseData
+     * @deprecated
      */
     audienceType?: string | null;
     /**
@@ -7528,12 +7533,6 @@ declare interface RuleConditionDetailResponseData {
      * @memberof RuleConditionDetailResponseData
      */
     operator: string;
-    /**
-     *
-     * @type {string}
-     * @memberof RuleConditionDetailResponseData
-     */
-    planId?: string | null;
     /**
      *
      * @type {Array<string>}
@@ -7668,12 +7667,6 @@ declare interface RuleConditionDetailResponseData_2 {
      * @memberof RuleConditionDetailResponseData
      */
     operator: string;
-    /**
-     *
-     * @type {string}
-     * @memberof RuleConditionDetailResponseData
-     */
-    planId?: string | null;
     /**
      *
      * @type {Array<string>}
@@ -7760,12 +7753,6 @@ declare interface RuleConditionGroupDetailResponseData {
      * @memberof RuleConditionGroupDetailResponseData
      */
     id: string;
-    /**
-     *
-     * @type {string}
-     * @memberof RuleConditionGroupDetailResponseData
-     */
-    planId?: string | null;
     /**
      *
      * @type {string}
@@ -7816,12 +7803,6 @@ declare interface RuleConditionGroupDetailResponseData_2 {
      * @memberof RuleConditionGroupDetailResponseData
      */
     id: string;
-    /**
-     *
-     * @type {string}
-     * @memberof RuleConditionGroupDetailResponseData
-     */
-    planId?: string | null;
     /**
      *
      * @type {string}
@@ -7884,12 +7865,6 @@ declare interface RuleDetailResponseData {
      * @memberof RuleDetailResponseData
      */
     name: string;
-    /**
-     *
-     * @type {string}
-     * @memberof RuleDetailResponseData
-     */
-    planId?: string | null;
     /**
      *
      * @type {number}
@@ -7964,12 +7939,6 @@ declare interface RuleDetailResponseData_2 {
      * @memberof RuleDetailResponseData
      */
     name: string;
-    /**
-     *
-     * @type {string}
-     * @memberof RuleDetailResponseData
-     */
-    planId?: string | null;
     /**
      *
      * @type {number}