autumn-js 0.0.81 → 0.0.83

package/dist/libraries/react/components/pricing-table/pricing-table-synced.js

@@ -42,7 +42,7 @@ __export(pricing_table_synced_exports, {
   usePricingTableContext: () => usePricingTableContext
 });
 module.exports = __toCommonJS(pricing_table_synced_exports);
-var import_react11 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // src/libraries/react/BaseAutumnProvider.tsx
 var import_react3 = require("react");
@@ -53,6 +53,22 @@ var import_react = require("react");
 // src/libraries/react/hooks/useCustomerBase.tsx
 var import_swr2 = __toESM(require("swr"));
 
+// src/libraries/react/errorUtils/logAuthError.ts
+var logAuthError = async (response) => {
+  if (response.status === 401) {
+    let clonedResponse = response.clone();
+    let data = await clonedResponse.json();
+    if (data.message.includes("Missing authorization header")) {
+      console.error(`[Autumn] Missing authorization header.
+
+Use the getBearerToken prop in <AutumnProvider /> to set the authorization header.
+https://docs.useautumn.com/quickstart/quickstart#5-set-up-autumnprovider`);
+      return true;
+    }
+  }
+  return false;
+};
+
 // src/sdk/error.ts
 var AutumnError = class _AutumnError extends Error {
   message;
@@ -305,12 +321,18 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async ({ response, logger: logger2 }) => {
+var toContainerResult = async ({
+  response,
+  logger: logger2,
+  logError = true
+}) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
-      logger2.error(`[Autumn] ${error.message}`);
+      if (logError) {
+        logger2.error(`[Autumn] ${error.message}`);
+      }
     } catch (error2) {
       throw error2;
       return {
@@ -656,7 +678,8 @@ var AutumnClient = class {
   getBearerToken;
   customerData;
   includeCredentials;
-  // protected readonly pathPrefix?: string;
+  corsDetected;
+  corsSupportsCredentials;
   constructor({
     backendUrl,
     getBearerToken,
@@ -668,6 +691,55 @@ var AutumnClient = class {
     this.customerData = customerData;
     this.includeCredentials = includeCredentials;
   }
+  /**
+   * Detects if the backend supports CORS credentials by making an OPTIONS request
+   */
+  async detectCors() {
+    const testEndpoint = `${this.backendUrl}/api/autumn/cors`;
+    try {
+      await fetch(testEndpoint, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      return { valid: true, includeCredentials: true };
+    } catch (error) {
+      try {
+        await fetch(testEndpoint, {
+          method: "POST",
+          credentials: "omit",
+          headers: { "Content-Type": "application/json" }
+        });
+        return { valid: true, includeCredentials: false };
+      } catch (error2) {
+        return { valid: false, includeCredentials: void 0 };
+      }
+    }
+  }
+  /**
+   * Automatically determines whether to include credentials based on CORS detection
+   */
+  async shouldIncludeCredentials() {
+    if (this.includeCredentials !== void 0) {
+      return this.includeCredentials;
+    }
+    try {
+      const corsResult = await this.detectCors();
+      if (corsResult.valid) {
+        console.warn(
+          `[Autumn] Detected CORS credentials: ${corsResult.includeCredentials}`
+        );
+        console.warn(
+          `[Autumn] To disable this warning, you can set includeCredentials={${corsResult.includeCredentials ? "true" : "false"}} in <AutumnProvider />`
+        );
+        this.includeCredentials = corsResult.includeCredentials;
+      }
+      return corsResult.includeCredentials || false;
+    } catch (error) {
+      console.error(`[Autumn] Error detecting CORS: ${error.message}`);
+      return false;
+    }
+  }
   async getHeaders() {
     let headers = {
       "Content-Type": "application/json"
@@ -691,14 +763,20 @@ var AutumnClient = class {
       ...body,
       customer_data: this.customerData || void 0
     }) : void 0;
+    const includeCredentials = await this.shouldIncludeCredentials();
     try {
       const response = await fetch(`${this.backendUrl}${path}`, {
         method,
         body,
         headers: await this.getHeaders(),
-        credentials: this.includeCredentials ? "include" : void 0
+        credentials: includeCredentials ? "include" : "omit"
+      });
+      const loggedError = await logAuthError(response);
+      return await toContainerResult({
+        response,
+        logger: console,
+        logError: !loggedError
       });
-      return await toContainerResult({ response, logger: console });
     } catch (error) {
       logFetchError({
         method,
@@ -1247,7 +1325,6 @@ var useCustomerBase = ({
 var import_jsx_runtime = require("react/jsx-runtime");
 
 // src/libraries/react/ReactAutumnProvider.tsx
-var import_react4 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 
 // src/libraries/react/hooks/useCustomer.tsx
@@ -1268,10 +1345,10 @@ var usePricingTable = (params) => {
 
 // src/libraries/react/hooks/useEntityBase.tsx
 var import_swr3 = __toESM(require("swr"));
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -4012,7 +4089,7 @@ var Button = React3.forwardRef(
 Button.displayName = "Button";
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -4036,7 +4113,7 @@ var hasA11yProp = (props) => {
 };
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
@@ -4052,7 +4129,7 @@ var defaultAttributes = {
 };
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react6.forwardRef)(
+var Icon = (0, import_react5.forwardRef)(
   ({
     color = "currentColor",
     size = 24,
@@ -4062,7 +4139,7 @@ var Icon = (0, import_react6.forwardRef)(
     children,
     iconNode,
     ...rest
-  }, ref) => (0, import_react6.createElement)(
+  }, ref) => (0, import_react5.createElement)(
     "svg",
     {
       ref,
@@ -4076,7 +4153,7 @@ var Icon = (0, import_react6.forwardRef)(
       ...rest
     },
     [
-      ...iconNode.map(([tag, attrs]) => (0, import_react6.createElement)(tag, attrs)),
+      ...iconNode.map(([tag, attrs]) => (0, import_react5.createElement)(tag, attrs)),
       ...Array.isArray(children) ? children : [children]
     ]
   )
@@ -4084,8 +4161,8 @@ var Icon = (0, import_react6.forwardRef)(
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react7.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react7.createElement)(Icon, {
+  const Component = (0, import_react6.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react6.createElement)(Icon, {
       ref,
       iconNode,
       className: mergeClasses(
@@ -4996,9 +5073,9 @@ function assignRef(ref, value) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.14_react@18.3.1/node_modules/use-callback-ref/dist/es2015/useRef.js
-var import_react8 = require("react");
+var import_react7 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = (0, import_react8.useState)(function() {
+  var ref = (0, import_react7.useState)(function() {
     return {
       // value
       value: initialValue,
@@ -6296,8 +6373,8 @@ var getAttachContent = (preview) => {
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function AttachDialog(params) {
   const { attach } = useCustomer();
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const [optionsInput, setOptionsInput] = (0, import_react9.useState)(
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [optionsInput, setOptionsInput] = (0, import_react8.useState)(
     params?.preview?.options || []
   );
   const getTotalPrice = () => {
@@ -6309,7 +6386,7 @@ function AttachDialog(params) {
     });
     return sum;
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setOptionsInput(params?.preview?.options || []);
   }, [params?.preview?.options]);
   if (!params || !params.preview) {
@@ -6483,11 +6560,11 @@ var TotalPrice = ({ children }) => {
 };
 
 // src/libraries/react/components/check-dialog/check-dialog-synced.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/libraries/react/components/pricing-table/pricing-table-synced.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 
 // src/libraries/react/components/ui/switch.tsx
 var React31 = __toESM(require("react"));
@@ -6784,7 +6861,7 @@ function PricingTable({
   productDetails
 }) {
   const { attach } = useCustomer();
-  const [isAnnual, setIsAnnual] = (0, import_react12.useState)(false);
+  const [isAnnual, setIsAnnual] = (0, import_react11.useState)(false);
   const { products, isLoading, error } = usePricingTable({ productDetails });
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: loadingStyles, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LoaderCircle, { style: spinnerStyles }) });
@@ -6841,7 +6918,7 @@ function PricingTable({
     }
   ) });
 }
-var PricingTableContext = (0, import_react12.createContext)({
+var PricingTableContext = (0, import_react11.createContext)({
   isAnnualToggle: false,
   setIsAnnualToggle: () => {
   },
@@ -6849,7 +6926,7 @@ var PricingTableContext = (0, import_react12.createContext)({
   showFeatures: true
 });
 var usePricingTableContext = (componentName) => {
-  const context = (0, import_react12.useContext)(PricingTableContext);
+  const context = (0, import_react11.useContext)(PricingTableContext);
   if (context === void 0) {
     throw new Error(`${componentName} must be used within <PricingTable />`);
   }
@@ -7019,8 +7096,8 @@ var PricingFeatureList = ({
     )) })
   ] });
 };
-var PricingCardButton = import_react11.default.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
-  const [loading, setLoading] = (0, import_react12.useState)(false);
+var PricingCardButton = import_react10.default.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
+  const [loading, setLoading] = (0, import_react11.useState)(false);
   const handleClick = async (e) => {
     setLoading(true);
     try {

package/dist/libraries/react/components/pricing-table/pricing-table-synced.mjs

@@ -9,41 +9,41 @@ import {
   PricingTableContainer,
   RecommendedBadge,
   usePricingTableContext
-} from "../../chunk-EI2TXOE2.mjs";
-import "../../chunk-CMO5LYYU.mjs";
+} from "../../chunk-Z7MRLSU3.mjs";
 import "../../chunk-BCMBFJ7E.mjs";
 import "../../chunk-QBBE72EF.mjs";
 import "../../chunk-27OTS3Q5.mjs";
 import "../../chunk-MY2ODATB.mjs";
 import "../../chunk-P2O4LZFD.mjs";
 import "../../chunk-5FZ7IV6P.mjs";
+import "../../chunk-CMO5LYYU.mjs";
 import "../../chunk-FPI3PLEL.mjs";
 import "../../chunk-FEFGYFXQ.mjs";
-import "../../chunk-4J6OC4ZQ.mjs";
 import "../../chunk-OWFX3JFF.mjs";
-import "../../chunk-6XKT4CR3.mjs";
-import "../../chunk-QEYI3IGZ.mjs";
-import "../../chunk-DSHLYZWS.mjs";
-import "../../chunk-LLOLCHBX.mjs";
-import "../../chunk-I2TAKPWB.mjs";
-import "../../chunk-ZLYUPJN5.mjs";
-import "../../chunk-ELPGPLUJ.mjs";
+import "../../chunk-SCT4E6YW.mjs";
+import "../../chunk-L55GLFAX.mjs";
+import "../../chunk-S4VDT54B.mjs";
+import "../../chunk-4J6OC4ZQ.mjs";
+import "../../chunk-EWMKQDQ6.mjs";
+import "../../chunk-6ULRUGQO.mjs";
+import "../../chunk-UO2PX7P3.mjs";
+import "../../chunk-KVGD37VB.mjs";
 import "../../chunk-4QPHNIQ7.mjs";
+import "../../chunk-GEIECHWI.mjs";
 import "../../chunk-JFXBUWKA.mjs";
-import "../../chunk-KOX2RKIK.mjs";
-import "../../chunk-4DZUJMZF.mjs";
-import "../../chunk-XNJDRLWX.mjs";
-import "../../chunk-DFKCNRXM.mjs";
-import "../../chunk-ET534E5H.mjs";
-import "../../chunk-V5PKOA5A.mjs";
-import "../../chunk-JNM4BLTM.mjs";
+import "../../chunk-CQMTU2M4.mjs";
+import "../../chunk-JOY6LN3M.mjs";
+import "../../chunk-MH2YTNJL.mjs";
+import "../../chunk-UDRQNZZS.mjs";
 import "../../chunk-YUV2Y2RW.mjs";
 import "../../chunk-3EYF7OI5.mjs";
-import "../../chunk-KQT5G3HT.mjs";
+import "../../chunk-JVCOY7ZL.mjs";
+import "../../chunk-CIBQ4BJU.mjs";
 import "../../chunk-NZ5PEXT2.mjs";
 import "../../chunk-TGX6UKKS.mjs";
-import "../../chunk-RRXCG32N.mjs";
-import "../../chunk-CIBQ4BJU.mjs";
+import "../../chunk-V5PKOA5A.mjs";
+import "../../chunk-JNM4BLTM.mjs";
+import "../../chunk-KQT5G3HT.mjs";
 export {
   AnnualSwitch,
   PricingCard,

package/dist/libraries/react/{cusTypes-JFEvVZLp.d.ts → cusTypes-CO4FwQ_s.d.mts}

@@ -224,4 +224,4 @@ interface CustomerInvoice {
     created_at: number;
 }
 
-export type { BillingPortalResult as B, CustomerData as C, Product as P, CustomerExpandOption as a, Customer as b, CreateCustomerParams as c, CustomerProduct as d, CustomerFeature as e, CustomerInvoice as f, CheckProductPreview as g, ProductItem as h, CheckFeaturePreview as i, CheckFeatureResult as j, CheckProductResult as k, ProductScenario as l };
+export type { BillingPortalResult as B, CustomerData as C, Product as P, CreateCustomerParams as a, Customer as b, CustomerExpandOption as c, CustomerProduct as d, CustomerFeature as e, CustomerInvoice as f, CheckProductPreview as g, CheckFeaturePreview as h, ProductItem as i, CheckFeatureResult as j, CheckProductResult as k, ProductScenario as l };

package/dist/libraries/react/{cusTypes-JFEvVZLp.d.mts → cusTypes-CO4FwQ_s.d.ts}

@@ -224,4 +224,4 @@ interface CustomerInvoice {
     created_at: number;
 }
 
-export type { BillingPortalResult as B, CustomerData as C, Product as P, CustomerExpandOption as a, Customer as b, CreateCustomerParams as c, CustomerProduct as d, CustomerFeature as e, CustomerInvoice as f, CheckProductPreview as g, ProductItem as h, CheckFeaturePreview as i, CheckFeatureResult as j, CheckProductResult as k, ProductScenario as l };
+export type { BillingPortalResult as B, CustomerData as C, Product as P, CreateCustomerParams as a, Customer as b, CustomerExpandOption as c, CustomerProduct as d, CustomerFeature as e, CustomerInvoice as f, CheckProductPreview as g, CheckFeaturePreview as h, ProductItem as i, CheckFeatureResult as j, CheckProductResult as k, ProductScenario as l };

package/dist/libraries/react/{entTypes-CIemXnyX.d.mts → entTypes-DPTZOorv.d.mts}

@@ -1,4 +1,4 @@
-import { d as CustomerProduct, e as CustomerFeature, f as CustomerInvoice } from './cusTypes-JFEvVZLp.mjs';
+import { d as CustomerProduct, e as CustomerFeature, f as CustomerInvoice } from './cusTypes-CO4FwQ_s.mjs';
 
 interface DeleteEntityResult {
     success: boolean;

package/dist/libraries/react/{entTypes-CJ3jqOWR.d.ts → entTypes-UxZ5bRqE.d.ts}

@@ -1,4 +1,4 @@
-import { d as CustomerProduct, e as CustomerFeature, f as CustomerInvoice } from './cusTypes-JFEvVZLp.js';
+import { d as CustomerProduct, e as CustomerFeature, f as CustomerInvoice } from './cusTypes-CO4FwQ_s.js';
 
 interface DeleteEntityResult {
     success: boolean;

package/dist/libraries/react/errorUtils/logAuthError.d.mts

@@ -1,8 +1,3 @@
-import { A as AutumnError } from '../error-DHbclCVh.mjs';
-
-declare const logAuthError: (response: Response) => Promise<{
-    data: null;
-    error: AutumnError;
-}>;
+declare const logAuthError: (response: Response) => Promise<boolean>;
 
 export { logAuthError };

package/dist/libraries/react/errorUtils/logAuthError.d.ts

@@ -1,8 +1,3 @@
-import { A as AutumnError } from '../error-DHbclCVh.js';
-
-declare const logAuthError: (response: Response) => Promise<{
-    data: null;
-    error: AutumnError;
-}>;
+declare const logAuthError: (response: Response) => Promise<boolean>;
 
 export { logAuthError };