@schematichq/schematic-components 0.7.4 → 0.7.5

package/dist/schematic-components.cjs.js

@@ -10794,6 +10794,7 @@ function BillingProductDetailResponseDataFromJSONTyped(json, ignoreDiscriminator
     currency: json["currency"],
     environmentId: json["environment_id"],
     externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
     price: json["price"],
     priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
@@ -10853,6 +10854,7 @@ function BillingProductResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     currency: json["currency"],
     environmentId: json["environment_id"],
     externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
     price: json["price"],
     priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
@@ -11249,6 +11251,7 @@ function CompanyDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
       BillingSubscriptionViewFromJSON
     ),
     createdAt: new Date(json["created_at"]),
+    defaultPaymentMethod: json["default_payment_method"] == null ? void 0 : PaymentMethodResponseDataFromJSON(json["default_payment_method"]),
     entityTraits: json["entity_traits"].map(
       EntityTraitDetailResponseDataFromJSON
     ),
@@ -13190,7 +13193,7 @@ var EmbedProvider = ({
   (0, import_react11.useEffect)(() => {
     if (accessToken) {
       const { headers = {} } = apiConfig ?? {};
-      headers["X-Schematic-Components-Version"] = "0.7.4";
+      headers["X-Schematic-Components-Version"] = "0.7.5";
       headers["X-Schematic-Session-ID"] = sessionIdRef.current;
       const config = new Configuration({
         ...apiConfig,
@@ -19568,8 +19571,8 @@ var PaymentMethod = (0, import_react37.forwardRef)(({ children, className, porta
   const props = resolveDesignProps5(rest);
   const { data, setLayout } = useEmbed();
   const paymentMethod = (0, import_react37.useMemo)(() => {
-    return data.subscription?.paymentMethod;
-  }, [data.subscription?.paymentMethod]);
+    return data.subscription?.paymentMethod || data.company?.defaultPaymentMethod;
+  }, [data.company?.defaultPaymentMethod, data.subscription?.paymentMethod]);
   const monthsToExpiration = (0, import_react37.useMemo)(() => {
     let expiration;
     if (typeof paymentMethod?.cardExpYear === "number" && typeof paymentMethod?.cardExpMonth === "number") {
@@ -19627,10 +19630,10 @@ var PaymentMethodDetails = ({
   const [showDifferentPaymentMethods, setShowDifferentPaymentMethods] = (0, import_react38.useState)(false);
   const [paymentMethod, setPaymentMethod] = (0, import_react38.useState)(void 0);
   (0, import_react38.useEffect)(() => {
-    if (data.subscription?.paymentMethod) {
-      setPaymentMethod(data.subscription.paymentMethod);
-    }
-  }, [data.subscription?.paymentMethod]);
+    setPaymentMethod(
+      data.subscription?.paymentMethod || data.company?.defaultPaymentMethod
+    );
+  }, [data.company?.defaultPaymentMethod, data.subscription?.paymentMethod]);
   const monthsToExpiration = (0, import_react38.useMemo)(() => {
     let expiration;
     if (typeof paymentMethod?.cardExpYear === "number" && typeof paymentMethod?.cardExpMonth === "number") {
@@ -19687,15 +19690,31 @@ var PaymentMethodDetails = ({
         if (setPaymentMethodId) {
           setPaymentMethodId(updatePaymentMethodResponse.data.externalId);
         }
-        if (data.subscription) {
-          setData({
-            ...data,
+        setData({
+          ...data,
+          // Optimistic update
+          // If there is subscription - we have set payment method to subscription
+          ...data.subscription ? {
             subscription: {
               ...data.subscription,
               paymentMethod: updatePaymentMethodResponse.data
             }
-          });
-        }
+          } : {},
+          ...data.company ? {
+            company: {
+              ...data.company,
+              paymentMethods: [
+                updatePaymentMethodResponse.data,
+                ...data.company?.paymentMethods || []
+              ],
+              // Optimistic update
+              // If there is no subscription - we have updated default payment method in company
+              ...data.subscription ? {} : {
+                defaultPaymentMethod: updatePaymentMethodResponse.data
+              }
+            }
+          } : {}
+        });
       } catch {
         setError(t2("Error updating payment method. Please try again."));
       } finally {

package/dist/schematic-components.d.ts

@@ -268,6 +268,12 @@ declare interface BillingProductDetailResponseData {
      * @memberof BillingProductDetailResponseData
      */
     externalId: string;
+    /**
+     *
+     * @type {boolean}
+     * @memberof BillingProductDetailResponseData
+     */
+    isActive: boolean;
     /**
      *
      * @type {string}
@@ -524,6 +530,12 @@ declare interface BillingProductResponseData {
      * @memberof BillingProductResponseData
      */
     externalId: string;
+    /**
+     *
+     * @type {boolean}
+     * @memberof BillingProductResponseData
+     */
+    isActive: boolean;
     /**
      *
      * @type {string}
@@ -1190,6 +1202,12 @@ declare interface CompanyDetailResponseData {
      * @memberof CompanyDetailResponseData
      */
     createdAt: Date;
+    /**
+     *
+     * @type {PaymentMethodResponseData}
+     * @memberof CompanyDetailResponseData
+     */
+    defaultPaymentMethod?: PaymentMethodResponseData;
     /**
      *
      * @type {Array<EntityTraitDetailResponseData>}

package/dist/schematic-components.esm.js

@@ -10741,6 +10741,7 @@ function BillingProductDetailResponseDataFromJSONTyped(json, ignoreDiscriminator
     currency: json["currency"],
     environmentId: json["environment_id"],
     externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
     price: json["price"],
     priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
@@ -10800,6 +10801,7 @@ function BillingProductResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     currency: json["currency"],
     environmentId: json["environment_id"],
     externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
     price: json["price"],
     priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
@@ -11196,6 +11198,7 @@ function CompanyDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
       BillingSubscriptionViewFromJSON
     ),
     createdAt: new Date(json["created_at"]),
+    defaultPaymentMethod: json["default_payment_method"] == null ? void 0 : PaymentMethodResponseDataFromJSON(json["default_payment_method"]),
     entityTraits: json["entity_traits"].map(
       EntityTraitDetailResponseDataFromJSON
     ),
@@ -13137,7 +13140,7 @@ var EmbedProvider = ({
   useEffect2(() => {
     if (accessToken) {
       const { headers = {} } = apiConfig ?? {};
-      headers["X-Schematic-Components-Version"] = "0.7.4";
+      headers["X-Schematic-Components-Version"] = "0.7.5";
       headers["X-Schematic-Session-ID"] = sessionIdRef.current;
       const config = new Configuration({
         ...apiConfig,
@@ -19529,8 +19532,8 @@ var PaymentMethod = forwardRef11(({ children, className, portal, allowEdit = tru
   const props = resolveDesignProps5(rest);
   const { data, setLayout } = useEmbed();
   const paymentMethod = useMemo12(() => {
-    return data.subscription?.paymentMethod;
-  }, [data.subscription?.paymentMethod]);
+    return data.subscription?.paymentMethod || data.company?.defaultPaymentMethod;
+  }, [data.company?.defaultPaymentMethod, data.subscription?.paymentMethod]);
   const monthsToExpiration = useMemo12(() => {
     let expiration;
     if (typeof paymentMethod?.cardExpYear === "number" && typeof paymentMethod?.cardExpMonth === "number") {
@@ -19588,10 +19591,10 @@ var PaymentMethodDetails = ({
   const [showDifferentPaymentMethods, setShowDifferentPaymentMethods] = useState14(false);
   const [paymentMethod, setPaymentMethod] = useState14(void 0);
   useEffect7(() => {
-    if (data.subscription?.paymentMethod) {
-      setPaymentMethod(data.subscription.paymentMethod);
-    }
-  }, [data.subscription?.paymentMethod]);
+    setPaymentMethod(
+      data.subscription?.paymentMethod || data.company?.defaultPaymentMethod
+    );
+  }, [data.company?.defaultPaymentMethod, data.subscription?.paymentMethod]);
   const monthsToExpiration = useMemo13(() => {
     let expiration;
     if (typeof paymentMethod?.cardExpYear === "number" && typeof paymentMethod?.cardExpMonth === "number") {
@@ -19648,15 +19651,31 @@ var PaymentMethodDetails = ({
         if (setPaymentMethodId) {
           setPaymentMethodId(updatePaymentMethodResponse.data.externalId);
         }
-        if (data.subscription) {
-          setData({
-            ...data,
+        setData({
+          ...data,
+          // Optimistic update
+          // If there is subscription - we have set payment method to subscription
+          ...data.subscription ? {
             subscription: {
               ...data.subscription,
               paymentMethod: updatePaymentMethodResponse.data
             }
-          });
-        }
+          } : {},
+          ...data.company ? {
+            company: {
+              ...data.company,
+              paymentMethods: [
+                updatePaymentMethodResponse.data,
+                ...data.company?.paymentMethods || []
+              ],
+              // Optimistic update
+              // If there is no subscription - we have updated default payment method in company
+              ...data.subscription ? {} : {
+                defaultPaymentMethod: updatePaymentMethodResponse.data
+              }
+            }
+          } : {}
+        });
       } catch {
         setError(t2("Error updating payment method. Please try again."));
       } finally {

package/package.json

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