autumn-js 0.0.66 → 0.0.72

package/dist/libraries/react/hooks/useAutumn.js

@@ -1,9 +1,11 @@
 "use client";
 
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,6 +19,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/libraries/react/hooks/useAutumn.tsx
@@ -26,11 +36,8 @@ __export(useAutumn_exports, {
 });
 module.exports = __toCommonJS(useAutumn_exports);
 
-// src/libraries/react/AutumnContext.tsx
-var import_react = require("react");
-
 // src/sdk/error.ts
-var AutumnError = class extends Error {
+var AutumnError = class _AutumnError extends Error {
   message;
   code;
   constructor(response) {
@@ -38,6 +45,12 @@ var AutumnError = class extends Error {
     this.message = response.message;
     this.code = response.code;
   }
+  static fromError(error) {
+    return new _AutumnError({
+      message: error.message || "Unknown error",
+      code: error.code || "unknown_error"
+    });
+  }
   toString() {
     return `${this.message} (code: ${this.code})`;
   }
@@ -49,6 +62,53 @@ var AutumnError = class extends Error {
   }
 };
 
+// src/sdk/general/genMethods.ts
+var handleAttach = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/attach", params);
+};
+var handleCancel = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/cancel", params);
+};
+var handleEntitled = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/entitled", params);
+};
+var handleEvent = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/events", params);
+};
+var handleTrack = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/track", params);
+};
+var handleUsage = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/usage", params);
+};
+var handleCheck = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/check", params);
+};
+
+// src/libraries/backend/constants.ts
+var autumnApiUrl = "https://api.useautumn.com/v1";
+
 // src/sdk/utils.ts
 var staticWrapper = (callback, instance, args) => {
   if (!instance) {
@@ -161,50 +221,6 @@ var deleteEntity = async ({
   return instance.delete(`/customers/${customer_id}/entities/${entity_id}`);
 };
 
-// src/sdk/general/genMethods.ts
-var handleAttach = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/attach", params);
-};
-var handleCancel = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/cancel", params);
-};
-var handleEntitled = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/entitled", params);
-};
-var handleEvent = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/events", params);
-};
-var handleTrack = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/track", params);
-};
-var handleUsage = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/usage", params);
-};
-var handleCheck = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/check", params);
-};
-
 // src/sdk/products/prodMethods.ts
 var productMethods = (instance) => {
   return {
@@ -217,7 +233,7 @@ var listProducts = async ({
   instance,
   params
 }) => {
-  let path = "/products";
+  let path = "/products_beta";
   if (params) {
     const queryParams = new URLSearchParams();
     for (const [key, value] of Object.entries(params)) {
@@ -266,12 +282,14 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async (response) => {
+var toContainerResult = async ({ response, logger: logger2 }) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
+      logger2.error(`[Autumn] ${error.message}`);
     } catch (error2) {
+      throw error2;
       return {
         data: null,
         error: new AutumnError({
@@ -298,6 +316,7 @@ var toContainerResult = async (response) => {
       statusCode: response?.status
     };
   } catch (error) {
+    throw error;
     return {
       data: null,
       error: new AutumnError({
@@ -309,14 +328,52 @@ var toContainerResult = async (response) => {
   }
 };
 
+// src/utils/logger.ts
+var import_chalk = __toESM(require("chalk"));
+var getTime = () => {
+  let timeString = (/* @__PURE__ */ new Date()).toISOString();
+  return `[${timeString.split("T")[1].split(".")[0]}]`;
+};
+var greaterThanLevel = (level) => {
+  return levels.indexOf(level) >= levels.indexOf(logger.level);
+};
+var levels = ["debug", "info", "warn", "error", "fatal"];
+var logger = {
+  ...console,
+  level: "info",
+  debug: (...args) => {
+    if (greaterThanLevel("debug")) {
+      console.log(getTime(), import_chalk.default.gray("DEBUG"), ...args);
+    }
+  },
+  log: (...args) => {
+    console.log(getTime(), import_chalk.default.blue("INFO"), ...args);
+  },
+  info: (...args) => {
+    if (greaterThanLevel("info")) {
+      console.log(getTime(), import_chalk.default.blue("INFO"), ...args);
+    }
+  },
+  warn: (...args) => {
+    if (greaterThanLevel("warn")) {
+      console.log(getTime(), import_chalk.default.yellow("WARN"), ...args);
+    }
+  },
+  error: (...args) => {
+    if (greaterThanLevel("error")) {
+      console.log(getTime(), import_chalk.default.red("ERROR"), ...args);
+    }
+  }
+};
+
 // src/sdk/client.ts
 var LATEST_API_VERSION = "1.2";
 var Autumn = class {
   secretKey;
   publishableKey;
-  level;
   headers;
   url;
+  logger = console;
   constructor(options) {
     try {
       this.secretKey = options?.secretKey || process.env.AUTUMN_SECRET_KEY;
@@ -332,17 +389,15 @@ var Autumn = class {
     };
     let version = options?.version || LATEST_API_VERSION;
     this.headers["x-api-version"] = version;
-    this.url = options?.url || "https://api.useautumn.com/v1";
-    this.level = this.secretKey ? "secret" : "publishable";
-  }
-  getLevel() {
-    return this.level;
+    this.url = options?.url || autumnApiUrl;
+    this.logger = logger;
+    this.logger.level = options?.logLevel || "info";
   }
   async get(path) {
     const response = await fetch(`${this.url}${path}`, {
       headers: this.headers
     });
-    return toContainerResult(response);
+    return toContainerResult({ response, logger: this.logger });
   }
   async post(path, body) {
     try {
@@ -351,7 +406,7 @@ var Autumn = class {
         headers: this.headers,
         body: JSON.stringify(body)
       });
-      return toContainerResult(response);
+      return toContainerResult({ response, logger: this.logger });
     } catch (error) {
       console.error("Error sending request:", error);
       throw error;
@@ -362,7 +417,7 @@ var Autumn = class {
       method: "DELETE",
       headers: this.headers
     });
-    return toContainerResult(response);
+    return toContainerResult({ response, logger: this.logger });
   }
   static customers = customerMethods();
   static products = productMethods();
@@ -439,6 +494,19 @@ var Autumn = class {
   }
 };
 
+// src/libraries/react/errorUtils/logFetchError.ts
+var logFetchError = ({
+  method,
+  backendUrl,
+  path,
+  error
+}) => {
+  console.error(`[Autumn] Fetch failed: ${method} ${backendUrl}${path}
+
+1. Check that backendUrl in <AutumnProvider/> is correctly set.
+2. Check that autumnHandler is correctly registered on your backend.`);
+};
+
 // src/libraries/react/client/clientCompMethods.ts
 async function getPricingTableMethod() {
   const res = await this.get("/api/autumn/components/pricing_table");
@@ -526,6 +594,12 @@ async function openBillingPortalMethod(params) {
   return res;
 }
 
+// src/libraries/react/client/clientProdMethods.ts
+async function listProductsMethod() {
+  const res = await this.get("/api/autumn/products");
+  return res;
+}
+
 // src/libraries/react/client/clientReferralMethods.ts
 async function createCode(params) {
   let snakeParams = toSnakeCase(params);
@@ -569,36 +643,57 @@ var AutumnClient = class {
     }
     return headers;
   }
-  async handleFetchResult(result) {
-    let res = await toContainerResult(result);
-    return res;
+  async handleFetch({
+    path,
+    method,
+    body
+  }) {
+    body = method === "POST" ? JSON.stringify({
+      ...body,
+      customer_data: this.customerData || void 0
+    }) : void 0;
+    try {
+      const response = await fetch(`${this.backendUrl}${path}`, {
+        method,
+        body,
+        headers: await this.getHeaders(),
+        credentials: this.includeCredentials ? "include" : void 0
+      });
+      return await toContainerResult({ response, logger: console });
+    } catch (error) {
+      logFetchError({
+        method,
+        backendUrl: this.backendUrl || "",
+        path,
+        error
+      });
+      return {
+        data: null,
+        error: new AutumnError({
+          message: error.message,
+          code: "fetch_failed"
+        })
+      };
+    }
   }
   async post(path, body) {
-    const response = await fetch(`${this.backendUrl}${path}`, {
+    return await this.handleFetch({
+      path,
       method: "POST",
-      body: JSON.stringify({
-        ...body,
-        customer_data: this.customerData || void 0
-      }),
-      headers: await this.getHeaders(),
-      credentials: this.includeCredentials ? "include" : void 0
+      body
     });
-    return await this.handleFetchResult(response);
   }
   async get(path) {
-    const response = await fetch(`${this.backendUrl}${path}`, {
-      method: "GET",
-      headers: await this.getHeaders(),
-      credentials: this.includeCredentials ? "include" : void 0
+    return await this.handleFetch({
+      path,
+      method: "GET"
     });
-    return await this.handleFetchResult(response);
   }
   async delete(path) {
-    const response = await fetch(`${this.backendUrl}${path}`, {
-      method: "DELETE",
-      headers: await this.getHeaders()
+    return await this.handleFetch({
+      path,
+      method: "DELETE"
     });
-    return await this.handleFetchResult(response);
   }
   async createCustomer(params) {
     return await createCustomerMethod({
@@ -623,27 +718,17 @@ var AutumnClient = class {
     createCode: createCode.bind(this),
     redeemCode: redeemCode.bind(this)
   };
+  products = {
+    list: listProductsMethod.bind(this)
+  };
 };
 
 // src/libraries/react/AutumnContext.tsx
+var import_react = require("react");
 var AutumnContext = (0, import_react.createContext)({
-  customerProvider: null,
-  pricingTableProvider: {
-    pricingTableProducts: null,
-    isLoading: true,
-    error: null,
-    refetch: () => Promise.resolve()
-  },
-  entityProvider: {
-    entity: null,
-    isLoading: true,
-    error: null,
-    refetch: () => Promise.resolve(),
-    lastParams: null
-  },
-  client: new AutumnClient({
-    backendUrl: "http://localhost:8000"
-  }),
+  initialized: false,
+  disableDialogs: false,
+  client: new AutumnClient({ backendUrl: "" }),
   paywallDialog: {
     props: null,
     setProps: () => {
@@ -654,7 +739,7 @@ var AutumnContext = (0, import_react.createContext)({
     setComponent: () => {
     }
   },
-  prodChangeDialog: {
+  attachDialog: {
     props: null,
     setProps: () => {
     },
@@ -665,95 +750,246 @@ var AutumnContext = (0, import_react.createContext)({
     }
   }
 });
-var useAutumnContext = () => {
-  const context = (0, import_react.useContext)(AutumnContext);
-  if (context === void 0) {
-    throw new Error(
-      "useAutumnContext must be used within a AutumnContextProvider"
-    );
+var useAutumnContext = ({
+  AutumnContext: AutumnContext2,
+  name
+}) => {
+  const context = (0, import_react.useContext)(AutumnContext2);
+  if (!context.initialized) {
+    throw new Error(`${name} must be used within <AutumnProvider />`);
   }
   return context;
 };
 
-// src/libraries/react/hooks/useAutumn.tsx
-var useAutumn = () => {
-  const { client } = useAutumnContext();
-  const {
-    prodChangeDialog,
-    paywallDialog,
-    pricingTableProvider,
-    customerProvider
-  } = useAutumnContext();
+// src/libraries/react/hooks/usePricingTableBase.tsx
+var import_swr = __toESM(require("swr"));
+var mergeProductDetails = (products, productDetails) => {
+  if (!products) {
+    return null;
+  }
+  if (!productDetails) {
+    return products;
+  }
+  let fetchedProducts = structuredClone(products);
+  let mergedProducts = [];
+  for (const overrideDetails of productDetails) {
+    if (!overrideDetails.id) {
+      let properties = {};
+      let overrideItems2 = overrideDetails.items?.map((item) => ({
+        display: {
+          primary_text: item.primaryText,
+          secondary_text: item.secondaryText
+        }
+      }));
+      let overridePrice2 = overrideDetails.price;
+      if (overrideDetails.price) {
+        properties.is_free = false;
+        overrideItems2 = [
+          {
+            display: {
+              primary_text: overridePrice2?.primaryText,
+              secondary_text: overridePrice2?.secondaryText
+            }
+          },
+          ...overrideItems2 || []
+        ];
+      }
+      mergedProducts.push({
+        name: overrideDetails.name || "",
+        display: {
+          description: overrideDetails.description,
+          button_text: overrideDetails.buttonText,
+          recommend_text: overrideDetails.recommendText,
+          everything_from: overrideDetails.everythingFrom,
+          button_url: overrideDetails.buttonUrl
+        },
+        items: overrideItems2,
+        properties
+      });
+      continue;
+    }
+    let fetchedProduct = fetchedProducts.find(
+      (p) => p.id === overrideDetails.id
+    );
+    if (!fetchedProduct) {
+      continue;
+    }
+    const originalIsFree = fetchedProduct.properties?.is_free;
+    let overrideProperties = fetchedProduct.properties || {};
+    let overrideItems = overrideDetails.items;
+    let overridePrice = overrideDetails.price;
+    let mergedItems = [];
+    if (overridePrice) {
+      overrideProperties.is_free = false;
+      if (originalIsFree || overrideItems !== void 0) {
+        mergedItems.push({
+          display: {
+            primary_text: overridePrice.primaryText,
+            secondary_text: overridePrice.secondaryText
+          }
+        });
+      } else {
+        fetchedProduct.items[0].display = {
+          primary_text: overridePrice.primaryText,
+          secondary_text: overridePrice.secondaryText
+        };
+      }
+    } else {
+      if (overrideItems && !originalIsFree) {
+        mergedItems.push(fetchedProduct.items[0]);
+      }
+    }
+    if (overrideItems) {
+      for (const overrideItem of overrideItems) {
+        if (!overrideItem.featureId) {
+          mergedItems.push({
+            display: {
+              primary_text: overrideItem.primaryText,
+              secondary_text: overrideItem.secondaryText
+            }
+          });
+        } else {
+          let fetchedItem = fetchedProduct.items.find(
+            (i) => i.feature_id === overrideItem.featureId
+          );
+          if (!fetchedItem) {
+            console.error(
+              `Feature with id ${overrideItem.featureId} not found for product ${fetchedProduct.id}`
+            );
+            continue;
+          }
+          mergedItems.push({
+            ...fetchedItem,
+            display: {
+              primary_text: overrideItem.primaryText || fetchedItem.display?.primary_text,
+              secondary_text: overrideItem.secondaryText || fetchedItem.display?.secondary_text
+            }
+          });
+        }
+      }
+    } else {
+      mergedItems = fetchedProduct.items;
+    }
+    const mergedProduct = {
+      ...fetchedProduct,
+      name: overrideDetails.name || fetchedProduct.name,
+      items: mergedItems,
+      properties: overrideProperties,
+      display: {
+        description: overrideDetails.description,
+        button_text: overrideDetails.buttonText,
+        recommend_text: overrideDetails.recommendText,
+        everything_from: overrideDetails.everythingFrom,
+        button_url: overrideDetails.buttonUrl
+      }
+      // description: overrideDetails.description,
+      // button_text: overrideDetails.buttonText,
+      // recommend_text: overrideDetails.recommendText,
+      // everything_from: overrideDetails.everythingFrom,
+    };
+    mergedProducts.push(mergedProduct);
+  }
+  return mergedProducts;
+};
+var usePricingTableBase = ({
+  AutumnContext: AutumnContext2,
+  params
+}) => {
+  const context = useAutumnContext({ AutumnContext: AutumnContext2, name: "usePricingTable" });
+  const fetcher = async () => {
+    try {
+      const { data: data2, error: error2 } = await context.client.products.list();
+      if (error2) throw error2;
+      return data2?.list || [];
+    } catch (error2) {
+      throw new AutumnError({
+        message: "Failed to fetch pricing table products",
+        code: "failed_to_fetch_pricing_table_products"
+      });
+    }
+  };
+  const { data, error, mutate } = (0, import_swr.default)(
+    "pricing-table",
+    fetcher
+  );
+  return {
+    products: mergeProductDetails(data || [], params?.productDetails),
+    // products: data || [],
+    isLoading: !error && !data,
+    error,
+    refetch: mutate
+  };
+};
+
+// src/libraries/react/hooks/useAutumnBase.tsx
+var useAutumnBase = ({
+  AutumnContext: AutumnContext2
+}) => {
+  const context = useAutumnContext({ AutumnContext: AutumnContext2, name: "useAutumn" });
+  const { attachDialog, paywallDialog } = context;
+  const client = context.client;
+  const { refetch: refetchPricingTable } = usePricingTableBase({
+    AutumnContext: AutumnContext2
+  });
   let {
-    setProps: setProdChangeDialogProps,
-    setOpen: setProdChangeDialogOpen,
-    setComponent: setProdChangeComponent
-  } = prodChangeDialog;
+    open: attachOpen,
+    setProps: setAttachProps,
+    setOpen: setAttachOpen,
+    setComponent: setAttachComponent
+  } = attachDialog;
   let {
-    setProps: setPaywallDialogProps,
-    setOpen: setPaywallDialogOpen,
+    setProps: setCheckProps,
+    setOpen: setCheckOpen,
     setComponent: setPaywallComponent
   } = paywallDialog;
+  const attachWithoutDialog = async (params) => {
+    const result = await client.attach(params);
+    if (result.error) {
+      return result;
+    }
+    let data = result.data;
+    if (data?.checkout_url && typeof window !== "undefined") {
+      if (params.openInNewTab) {
+        window.open(data.checkout_url, "_blank");
+      } else {
+        window.location.href = data.checkout_url;
+      }
+    }
+    await refetchPricingTable();
+    if (setAttachOpen) {
+      setAttachOpen(false);
+    }
+    return result;
+  };
   const attachWithDialog = async (params) => {
-    const attachWithoutDialog = async (options) => {
-      let { dialog, ...rest } = params;
-      return await attach(rest);
-    };
+    let { dialog, ...rest } = params;
     const { productId, entityId, entityData } = params;
     const checkRes = await client.check({
       productId,
       entityId,
       entityData,
-      withPreview: "formatted"
+      withPreview: true
     });
     if (checkRes.error) {
       return checkRes;
     }
     let preview = checkRes.data.preview;
     if (!preview) {
-      return await attachWithoutDialog();
+      return await attachWithoutDialog(rest);
     } else {
-      setProdChangeDialogProps({
-        preview
-      });
-      setProdChangeDialogOpen(true);
+      setAttachProps({ preview });
+      setAttachOpen(true);
     }
     return checkRes;
   };
   const attach = async (params) => {
-    const { dialog, callback, openInNewTab } = params;
-    if (dialog) {
-      setProdChangeComponent(dialog);
+    const { dialog, openInNewTab } = params;
+    let finalDialog = dialog;
+    if (finalDialog && !attachOpen) {
+      setAttachComponent(finalDialog);
       return await attachWithDialog(params);
     }
-    const result = await client.attach(params);
-    if (result.error) {
-      return result;
-    }
-    let data = result.data;
-    if (data?.checkout_url && typeof window !== "undefined") {
-      if (openInNewTab) {
-        window.open(data.checkout_url, "_blank");
-      } else {
-        window.location.href = data.checkout_url;
-      }
-    }
-    try {
-      await callback?.();
-    } catch (error) {
-      return result;
-    }
-    await Promise.all([
-      pricingTableProvider.pricingTableProducts ? pricingTableProvider.refetch().catch((error) => {
-        console.warn("Failed to refetch pricing table data");
-        console.warn(error);
-      }) : Promise.resolve(),
-      customerProvider.refetchFirstTwo()
-    ]);
-    if (setProdChangeDialogOpen) {
-      setProdChangeDialogOpen(false);
-    }
-    return result;
+    return await attachWithoutDialog(params);
   };
   const cancel = async (params) => {
     const res = await client.cancel(params);
@@ -769,7 +1005,7 @@ var useAutumn = () => {
     }
     const res = await client.check({
       ...params,
-      withPreview: withPreview || dialog ? "formatted" : void 0
+      withPreview: withPreview || dialog ? true : false
     });
     if (res.error) {
       return res;
@@ -777,10 +1013,8 @@ var useAutumn = () => {
     let data = res.data;
     if (data && data.preview && dialog) {
       let preview = data.preview;
-      setPaywallDialogProps({
-        preview
-      });
-      setPaywallDialogOpen(true);
+      setCheckProps({ preview });
+      setCheckOpen(true);
     }
     return res;
   };
@@ -792,13 +1026,24 @@ var useAutumn = () => {
     return res;
   };
   const openBillingPortal = async (params) => {
-    const res = await client.openBillingPortal(params);
+    let defaultParams = {
+      openInNewTab: false
+    };
+    let finalParams = {
+      ...defaultParams,
+      ...params
+    };
+    const res = await client.openBillingPortal(finalParams);
     if (res.error) {
       return res;
     }
     let data = res.data;
     if (data?.url && typeof window !== "undefined") {
-      window.open(data.url, "_blank");
+      if (finalParams.openInNewTab) {
+        window.open(data.url, "_blank");
+      } else {
+        window.open(data.url, "_self");
+      }
       return res;
     } else {
       return res;
@@ -812,6 +1057,11 @@ var useAutumn = () => {
     openBillingPortal
   };
 };
+
+// src/libraries/react/hooks/useAutumn.tsx
+var useAutumn = () => {
+  return useAutumnBase({ AutumnContext });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useAutumn