@schematichq/schematic-components 1.0.5 → 1.0.6

package/dist/schematic-components.cjs.js

@@ -9647,9 +9647,13 @@ var I18n = class _I18n extends EventEmitter {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       });
+      const usingLegacyFormatFunction = this.options.interpolation.format && this.options.interpolation.format !== defOpts.interpolation.format;
+      if (usingLegacyFormatFunction) {
+        this.logger.warn(`init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting`);
+      }
       if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {
         s2.formatter = createClassOnDemand(formatter);
-        s2.formatter.init(s2, this.options);
+        if (s2.formatter.init) s2.formatter.init(s2, this.options);
         this.options.interpolation.format = s2.formatter.format.bind(s2.formatter);
       }
       s2.interpolator = new Interpolator(this.options);
@@ -13737,7 +13741,7 @@ var EmbedProvider = ({
   });
   const customHeaders = (0, import_react12.useMemo)(
     () => ({
-      "X-Schematic-Components-Version": "1.0.5",
+      "X-Schematic-Components-Version": "1.0.6",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -17208,14 +17212,6 @@ var CheckoutDialog = ({ top = 0 }) => {
     )
   );
   const [willTrial, setWillTrial] = (0, import_react29.useState)(false);
-  const selectedPlanCompatibility = (0, import_react29.useMemo)(() => {
-    if (!data?.addOnCompatibilities || !selectedPlan?.id) {
-      return null;
-    }
-    return data.addOnCompatibilities.find(
-      (compat) => compat.sourcePlanId === selectedPlan.id
-    );
-  }, [data?.addOnCompatibilities, selectedPlan?.id]);
   const [addOns, setAddOns] = (0, import_react29.useState)(() => {
     if (isCheckoutData(data)) {
       return availableAddOns.map((addOn) => ({
@@ -17230,13 +17226,15 @@ var CheckoutDialog = ({ top = 0 }) => {
   const hasActiveAddOns = addOns.some((addOn) => addOn.isSelected);
   (0, import_react29.useEffect)(() => {
     setAddOns((prevAddOns) => {
-      return prevAddOns.filter((availAddOn) => {
-        if (!selectedPlanCompatibility || !selectedPlanCompatibility.compatiblePlanIds?.length) {
+      return availableAddOns.filter((availAddOn) => {
+        const ourCompats = data?.addOnCompatibilities.find(
+          (compat) => compat.sourcePlanId === availAddOn.id
+        );
+        if (!ourCompats || !ourCompats.compatiblePlanIds?.length) {
           return true;
         }
-        return selectedPlanCompatibility?.compatiblePlanIds.includes(
-          availAddOn.id
-        );
+        if (!selectedPlan) return true;
+        return ourCompats?.compatiblePlanIds.includes(selectedPlan?.id);
       }).map((addOn) => {
         const prevAddOn = prevAddOns.find((prev2) => prev2.id === addOn.id);
         return {
@@ -17245,7 +17243,7 @@ var CheckoutDialog = ({ top = 0 }) => {
         };
       });
     });
-  }, [selectedPlanCompatibility, selectedPlan?.id]);
+  }, [availableAddOns, data?.addOnCompatibilities, selectedPlan]);
   const [usageBasedEntitlements, setUsageBasedEntitlements] = (0, import_react29.useState)(
     () => (selectedPlan?.entitlements || []).reduce(
       createActiveUsageBasedEntitlementsReducer(

package/dist/schematic-components.esm.js

@@ -9583,9 +9583,13 @@ var I18n = class _I18n extends EventEmitter {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       });
+      const usingLegacyFormatFunction = this.options.interpolation.format && this.options.interpolation.format !== defOpts.interpolation.format;
+      if (usingLegacyFormatFunction) {
+        this.logger.warn(`init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting`);
+      }
       if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {
         s2.formatter = createClassOnDemand(formatter);
-        s2.formatter.init(s2, this.options);
+        if (s2.formatter.init) s2.formatter.init(s2, this.options);
         this.options.interpolation.format = s2.formatter.format.bind(s2.formatter);
       }
       s2.interpolator = new Interpolator(this.options);
@@ -13680,7 +13684,7 @@ var EmbedProvider = ({
   });
   const customHeaders = useMemo3(
     () => ({
-      "X-Schematic-Components-Version": "1.0.5",
+      "X-Schematic-Components-Version": "1.0.6",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -17161,14 +17165,6 @@ var CheckoutDialog = ({ top = 0 }) => {
     )
   );
   const [willTrial, setWillTrial] = useState9(false);
-  const selectedPlanCompatibility = useMemo8(() => {
-    if (!data?.addOnCompatibilities || !selectedPlan?.id) {
-      return null;
-    }
-    return data.addOnCompatibilities.find(
-      (compat) => compat.sourcePlanId === selectedPlan.id
-    );
-  }, [data?.addOnCompatibilities, selectedPlan?.id]);
   const [addOns, setAddOns] = useState9(() => {
     if (isCheckoutData(data)) {
       return availableAddOns.map((addOn) => ({
@@ -17183,13 +17179,15 @@ var CheckoutDialog = ({ top = 0 }) => {
   const hasActiveAddOns = addOns.some((addOn) => addOn.isSelected);
   useEffect5(() => {
     setAddOns((prevAddOns) => {
-      return prevAddOns.filter((availAddOn) => {
-        if (!selectedPlanCompatibility || !selectedPlanCompatibility.compatiblePlanIds?.length) {
+      return availableAddOns.filter((availAddOn) => {
+        const ourCompats = data?.addOnCompatibilities.find(
+          (compat) => compat.sourcePlanId === availAddOn.id
+        );
+        if (!ourCompats || !ourCompats.compatiblePlanIds?.length) {
           return true;
         }
-        return selectedPlanCompatibility?.compatiblePlanIds.includes(
-          availAddOn.id
-        );
+        if (!selectedPlan) return true;
+        return ourCompats?.compatiblePlanIds.includes(selectedPlan?.id);
       }).map((addOn) => {
         const prevAddOn = prevAddOns.find((prev2) => prev2.id === addOn.id);
         return {
@@ -17198,7 +17196,7 @@ var CheckoutDialog = ({ top = 0 }) => {
         };
       });
     });
-  }, [selectedPlanCompatibility, selectedPlan?.id]);
+  }, [availableAddOns, data?.addOnCompatibilities, selectedPlan]);
   const [usageBasedEntitlements, setUsageBasedEntitlements] = useState9(
     () => (selectedPlan?.entitlements || []).reduce(
       createActiveUsageBasedEntitlementsReducer(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",