recur-tw 0.5.0 → 0.6.1

package/README.md

@@ -9,7 +9,7 @@ Taiwan-specific subscription checkout SDK with embedded payment forms powered by
 ## 🚀 Features
 
 - ✅ **Hosted Checkout** - Zero-backend integration with `<recur-checkout>` Web Component
-- ✅ **React SDK** - Full React integration with hooks (`usePlans`, `useRecur`)
+- ✅ **React SDK** - Full React integration with hooks (`useProducts`, `useRecur`)
 - ✅ **Vanilla JS** - Use with plain HTML/JavaScript (no framework required)
 - ✅ **Embedded Checkout** - Native payment forms with PAYUNi credit card fields
 - ✅ **Web Components** - Modern, encapsulated UI components
@@ -53,7 +53,7 @@ Full framework integration with React hooks and embedded checkout:
 ```tsx
 'use client';
 
-import { RecurProvider, usePlans, useRecur } from 'recur-tw';
+import { RecurProvider, useProducts, useRecur } from 'recur-tw';
 
 // 1. Wrap your app with RecurProvider
 export default function App() {
@@ -64,31 +64,33 @@ export default function App() {
         containerElementId: 'recur-payment-container' // For embedded checkout
       }}
     >
-      <SubscriptionPage />
+      <ProductsPage />
     </RecurProvider>
   );
 }
 
-// 2. Fetch plans and checkout
-function SubscriptionPage() {
-  const { data: plans, isLoading } = usePlans();
+// 2. Fetch products and checkout
+function ProductsPage() {
+  // Fetch all products (or filter by type: 'SUBSCRIPTION', 'ONE_TIME', etc.)
+  const { data: products, isLoading } = useProducts();
   const { checkout, isCheckingOut } = useRecur();
 
-  if (isLoading) return <div>Loading plans...</div>;
+  if (isLoading) return <div>Loading products...</div>;
 
   return (
     <div>
-      {plans?.map((plan) => (
+      {products?.map((product) => (
         <button
-          key={plan.id}
+          key={product.id}
           onClick={() => checkout({
-            planId: plan.id,
+            planId: product.id,
             customerEmail: 'user@example.com',
             customerName: 'John Doe',
           })}
           disabled={isCheckingOut}
         >
-          Subscribe to {plan.name} - NT${plan.price}
+          {/* product.type: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION' */}
+          {product.type === 'SUBSCRIPTION' ? 'Subscribe to' : 'Buy'} {product.name} - NT${product.price}
         </button>
       ))}
 
@@ -301,26 +303,34 @@ document.querySelector('recur-checkout').addEventListener('checkout-error', (e)
 
 ### React Hooks
 
-#### `usePlans()`
+#### `useProducts()`
 
-Fetch available subscription plans:
+Fetch available products with optional type filtering:
 
 ```tsx
-import { usePlans } from 'recur-tw';
+import { useProducts } from 'recur-tw';
 
-function PlansPage() {
-  const { data: plans, isLoading, error } = usePlans();
+function ProductsPage() {
+  // Fetch all products
+  const { data: products, isLoading, error } = useProducts();
+
+  // Or filter by type
+  // const { data: subscriptions } = useProducts({ type: 'SUBSCRIPTION' });
+  // const { data: oneTimeProducts } = useProducts({ type: 'ONE_TIME' });
 
   if (isLoading) return <div>Loading...</div>;
   if (error) return <div>Error: {error.message}</div>;
 
   return (
     <div>
-      {plans?.map((plan) => (
-        <div key={plan.id}>
-          <h3>{plan.name}</h3>
-          <p>NT${plan.price} / {plan.billingPeriod}</p>
-          {plan.trialDays > 0 && <p>🎉 {plan.trialDays} days free trial</p>}
+      {products?.map((product) => (
+        <div key={product.id}>
+          <span className="badge">
+            {product.type === 'SUBSCRIPTION' ? '訂閱' : '一次性'}
+          </span>
+          <h3>{product.name}</h3>
+          <p>NT${product.price} {product.billingPeriod && `/ ${product.billingPeriod}`}</p>
+          {product.trialDays && product.trialDays > 0 && <p>🎉 {product.trialDays} days free trial</p>}
         </div>
       ))}
     </div>
@@ -328,6 +338,12 @@ function PlansPage() {
 }
 ```
 
+**Product Types:**
+- `SUBSCRIPTION` - Recurring subscription products
+- `ONE_TIME` - One-time purchase products
+- `CREDITS` - Credit/token packages
+- `DONATION` - Donation products
+
 #### `useRecur()`
 
 Access checkout functionality:
@@ -354,7 +370,8 @@ function CheckoutButton({ planId }: { planId: string }) {
 - `isCheckingOut` - Boolean indicating if checkout is in progress
 - `config` - Current SDK configuration
 - `updateConfig(newConfig)` - Update configuration dynamically
-- `fetchPlans()` - Manually fetch plans
+- `fetchProducts(options)` - Manually fetch products (optionally filter by type)
+- `fetchPlans()` - Fetch subscription products only (backward compat)
 
 ---
 
@@ -581,24 +598,25 @@ export function CheckoutForm({ planId }: { planId: string }) {
 }
 ```
 
-#### Dynamic Plan Selection
+#### Dynamic Product Selection
 
 ```tsx
 'use client';
 
 import { useState } from 'react';
-import { usePlans, useRecur } from 'recur-tw';
+import { useProducts, useRecur } from 'recur-tw';
 
 export function PricingTable() {
-  const { data: plans } = usePlans();
+  // Filter to show only subscription products
+  const { data: products } = useProducts({ type: 'SUBSCRIPTION' });
   const { checkout, isCheckingOut } = useRecur();
-  const [selectedPlan, setSelectedPlan] = useState<string | null>(null);
+  const [selectedProduct, setSelectedProduct] = useState<string | null>(null);
 
-  const handleSelectPlan = async (planId: string) => {
-    setSelectedPlan(planId);
+  const handleSelectProduct = async (productId: string) => {
+    setSelectedProduct(productId);
 
     await checkout({
-      planId,
+      planId: productId,
       customerEmail: 'user@example.com',
       customerName: 'John Doe',
     });
@@ -606,18 +624,18 @@ export function PricingTable() {
 
   return (
     <div>
-      {!selectedPlan ? (
-        // Plan selection
-        <div className="plans-grid">
-          {plans?.map((plan) => (
-            <div key={plan.id} className="plan-card">
-              <h3>{plan.name}</h3>
-              <p className="price">NT${plan.price} / {plan.billingPeriod}</p>
-              {plan.trialDays > 0 && (
-                <p className="trial">🎉 {plan.trialDays} day free trial</p>
+      {!selectedProduct ? (
+        // Product selection
+        <div className="products-grid">
+          {products?.map((product) => (
+            <div key={product.id} className="product-card">
+              <h3>{product.name}</h3>
+              <p className="price">NT${product.price} / {product.billingPeriod}</p>
+              {product.trialDays && product.trialDays > 0 && (
+                <p className="trial">🎉 {product.trialDays} day free trial</p>
               )}
-              <button onClick={() => handleSelectPlan(plan.id)}>
-                Select Plan
+              <button onClick={() => handleSelectProduct(product.id)}>
+                Select Product
               </button>
             </div>
           ))}
@@ -625,7 +643,7 @@ export function PricingTable() {
       ) : (
         // Payment form
         <div>
-          <button onClick={() => setSelectedPlan(null)}>← Back to plans</button>
+          <button onClick={() => setSelectedProduct(null)}>← Back to products</button>
           <div id="recur-payment-container"></div>
         </div>
       )}
@@ -700,26 +718,43 @@ import type {
   CheckoutOptions,
   CheckoutResult,
   CheckoutError,
-  Plan,
-  PlansResult,
+  Product,
+  ProductsResult,
+  FetchProductsOptions,
   Subscription,
   SubscriptionResult,
+  // Backward compatibility aliases
+  Plan,        // = Product
+  PlansResult, // = ProductsResult
 } from 'recur-tw';
 ```
 
 ### Type Definitions
 
 ```tsx
-interface Plan {
+interface Product {
   id: string;
   name: string;
+  slug: string;
+  description: string | null;
+  // Product type distinguishes between recurring and one-time purchases
+  type: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
+  billingPeriod: 'WEEKLY' | 'MONTHLY' | 'YEARLY' | 'ONE_TIME' | 'CUSTOM' | null;
   price: number;
-  billingPeriod: 'WEEKLY' | 'MONTHLY' | 'YEARLY' | 'CUSTOM';
-  trialDays: number;
-  description?: string;
-  features?: Record<string, any>;
+  currency: string;
+  trialDays: number | null;
+  metadata: ProductMetadata | null;
+  productFamily?: string | null;
+  displayOrder: number;
 }
 
+interface FetchProductsOptions {
+  type?: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
+}
+
+// Backward compatibility
+type Plan = Product;
+
 interface Subscription {
   id: string;
   status: string;
@@ -819,7 +854,7 @@ POST   /v1/checkouts/:id/pay  → 執行付款
 **Breaking Changes:**
 - `organizationId` → `publishableKey` in config
 - Checkout now uses Web Components instead of innerHTML
-- New `usePlans()` hook for fetching plans
+- New `useProducts()` hook for fetching products (replaces `usePlans()`)
 - Embedded mode is now the default when `containerElementId` is set
 
 **Migration:**

package/dist/index.cjs

@@ -2695,13 +2695,17 @@ function RecurProvider({ children, config: initialConfig = {} }) {
     },
     [config]
   );
-  const fetchPlans = React.useCallback(
-    async () => {
+  const fetchProducts = React.useCallback(
+    async (options) => {
       if (!config.publishableKey) {
         throw new Error("publishableKey is required");
       }
       const baseUrl = config.baseUrl || "https://api.recur.tw";
-      const response = await fetch(`${baseUrl}/v1/plans`, {
+      const url = new URL(`${baseUrl}/v1/products`);
+      if (options?.type) {
+        url.searchParams.set("type", options.type);
+      }
+      const response = await fetch(url.toString(), {
         method: "GET",
         headers: {
           "Content-Type": "application/json",
@@ -2710,21 +2714,29 @@ function RecurProvider({ children, config: initialConfig = {} }) {
       });
       if (!response.ok) {
         const errorData = await response.json().catch(() => ({}));
-        throw new Error(errorData.error || "Failed to fetch plans");
+        throw new Error(errorData.error || "Failed to fetch products");
       }
       return await response.json();
     },
     [config]
   );
+  const fetchPlans = React.useCallback(
+    async () => {
+      const result = await fetchProducts({ type: "SUBSCRIPTION" });
+      return { plans: result.products };
+    },
+    [fetchProducts]
+  );
   const value = React.useMemo(
     () => ({
       config,
       checkout,
+      fetchProducts,
       fetchPlans,
       isCheckingOut,
       updateConfig
     }),
-    [config, checkout, fetchPlans, isCheckingOut, updateConfig]
+    [config, checkout, fetchProducts, fetchPlans, isCheckingOut, updateConfig]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(RecurContext.Provider, { value, children });
 }
@@ -2735,9 +2747,9 @@ function useRecur() {
   }
   return context;
 }
-function usePlans(options = {}) {
-  const { enabled = true, onSuccess, onError } = options;
-  const { fetchPlans } = useRecur();
+function useProducts(options = {}) {
+  const { enabled = true, type, onSuccess, onError } = options;
+  const { fetchProducts } = useRecur();
   const [data, setData] = React.useState(void 0);
   const [isLoading2, setIsLoading] = React.useState(false);
   const [error, setError] = React.useState(null);
@@ -2746,17 +2758,17 @@ function usePlans(options = {}) {
     setIsLoading(true);
     setError(null);
     try {
-      const result = await fetchPlans();
-      setData(result.plans);
-      onSuccess?.(result.plans);
+      const result = await fetchProducts({ type });
+      setData(result.products);
+      onSuccess?.(result.products);
     } catch (err) {
-      const error2 = err instanceof Error ? err : new Error("Failed to fetch plans");
+      const error2 = err instanceof Error ? err : new Error("Failed to fetch products");
       setError(error2);
       onError?.(error2);
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, fetchPlans, onSuccess, onError]);
+  }, [enabled, type, fetchProducts, onSuccess, onError]);
   React.useEffect(() => {
     fetchData();
   }, [fetchData]);
@@ -2815,6 +2827,7 @@ function useSubscribe(options = {}) {
 }
 
 exports.RecurProvider = RecurProvider;
-exports.usePlans = usePlans;
+exports.usePlans = useProducts;
+exports.useProducts = useProducts;
 exports.useRecur = useRecur;
 exports.useSubscribe = useSubscribe;

package/dist/index.d.cts

@@ -325,24 +325,34 @@ interface ProductMetadata {
     /** Whether this is the primary/default variant */
     isMainVariant?: boolean;
 }
-interface Plan {
+interface Product {
     id: string;
     name: string;
     slug: string;
     description: string | null;
-    billingPeriod: 'WEEKLY' | 'MONTHLY' | 'YEARLY' | 'CUSTOM';
+    type: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
+    billingPeriod: 'WEEKLY' | 'MONTHLY' | 'YEARLY' | 'ONE_TIME' | 'CUSTOM' | null;
     price: number;
-    trialDays: number;
-    /** Customer-facing features (e.g., storage limits, support level) */
-    features: Record<string, unknown> | null;
+    currency: string;
+    trialDays: number | null;
     /** System metadata for grouping and organization */
     metadata: ProductMetadata | null;
     /** Convenience field: extracted from metadata.productFamily for easier access */
     productFamily?: string | null;
     displayOrder: number;
 }
+interface ProductsResult {
+    products: Product[];
+}
+type Plan = Product;
 interface PlansResult {
-    plans: Plan[];
+    plans: Product[];
+}
+interface FetchProductsOptions {
+    /**
+     * Filter by product type
+     */
+    type?: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
 }
 interface RecurContextValue {
     /**
@@ -354,7 +364,12 @@ interface RecurContextValue {
      */
     checkout: (options: CheckoutOptions) => Promise<void>;
     /**
-     * Fetch available subscription plans
+     * Fetch available products
+     */
+    fetchProducts: (options?: FetchProductsOptions) => Promise<ProductsResult>;
+    /**
+     * @deprecated Use fetchProducts instead
+     * Fetch available subscription plans (backward compatibility)
      */
     fetchPlans: () => Promise<PlansResult>;
     /**
@@ -558,28 +573,32 @@ declare function RecurProvider({ children, config: initialConfig }: RecurProvide
  */
 declare function useRecur(): RecurContextValue;
 
-interface UsePlansOptions {
+interface UseProductsOptions {
     /**
-     * Whether to fetch plans immediately on mount
+     * Whether to fetch products immediately on mount
      * @default true
      */
     enabled?: boolean;
     /**
-     * Callback when plans are fetched successfully
+     * Filter by product type
      */
-    onSuccess?: (plans: Plan[]) => void;
+    type?: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
+    /**
+     * Callback when products are fetched successfully
+     */
+    onSuccess?: (products: Product[]) => void;
     /**
      * Callback when an error occurs
      */
     onError?: (error: Error) => void;
 }
-interface UsePlansResult {
+interface UseProductsResult {
     /**
-     * The fetched plans data
+     * The fetched products data
      */
-    data: Plan[] | undefined;
+    data: Product[] | undefined;
     /**
-     * Whether the plans are currently being fetched
+     * Whether the products are currently being fetched
      */
     isLoading: boolean;
     /**
@@ -592,29 +611,38 @@ interface UsePlansResult {
     refetch: () => Promise<void>;
 }
 /**
- * usePlans Hook
+ * useProducts Hook
  *
- * Fetch available subscription plans with automatic state management
+ * Fetch available products with automatic state management
  *
  * @example
  * ```tsx
- * function PlansPage() {
- *   const { data: plans, isLoading, error } = usePlans();
+ * function ProductsPage() {
+ *   const { data: products, isLoading, error } = useProducts();
  *
- *   if (isLoading) return <PlansSkeletonLoader />;
+ *   if (isLoading) return <ProductsSkeletonLoader />;
  *   if (error) return <ErrorMessage error={error} />;
  *
  *   return (
  *     <div>
- *       {plans?.map(plan => (
- *         <PlanCard key={plan.id} plan={plan} />
+ *       {products?.map(product => (
+ *         <ProductCard key={product.id} product={product} />
  *       ))}
  *     </div>
  *   );
  * }
  * ```
+ *
+ * @example Filter by type
+ * ```tsx
+ * // Only fetch subscription products
+ * const { data: subscriptions } = useProducts({ type: 'SUBSCRIPTION' });
+ *
+ * // Only fetch one-time products
+ * const { data: oneTimeProducts } = useProducts({ type: 'ONE_TIME' });
+ * ```
  */
-declare function usePlans(options?: UsePlansOptions): UsePlansResult;
+declare function useProducts(options?: UseProductsOptions): UseProductsResult;
 
 interface UseSubscribeOptions {
     /**
@@ -696,4 +724,4 @@ interface UseSubscribeResult {
  */
 declare function useSubscribe(options?: UseSubscribeOptions): UseSubscribeResult;
 
-export { type CheckoutError, type CheckoutOptions, type CheckoutResult, type Plan, type PlansResult, type ProductMetadata, type RecurConfig, type RecurContextValue, RecurProvider, type RecurProviderProps, type SubscriptionResult, type UsePlansOptions, type UsePlansResult, type UseSubscribeOptions, type UseSubscribeResult, usePlans, useRecur, useSubscribe };
+export { type CheckoutError, type CheckoutOptions, type CheckoutResult, type Plan, type PlansResult, type Product, type ProductMetadata, type ProductsResult, type RecurConfig, type RecurContextValue, RecurProvider, type RecurProviderProps, type SubscriptionResult, type UseProductsOptions as UsePlansOptions, type UseProductsResult as UsePlansResult, type UseProductsOptions, type UseProductsResult, type UseSubscribeOptions, type UseSubscribeResult, useProducts as usePlans, useProducts, useRecur, useSubscribe };

package/dist/index.d.ts

@@ -325,24 +325,34 @@ interface ProductMetadata {
     /** Whether this is the primary/default variant */
     isMainVariant?: boolean;
 }
-interface Plan {
+interface Product {
     id: string;
     name: string;
     slug: string;
     description: string | null;
-    billingPeriod: 'WEEKLY' | 'MONTHLY' | 'YEARLY' | 'CUSTOM';
+    type: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
+    billingPeriod: 'WEEKLY' | 'MONTHLY' | 'YEARLY' | 'ONE_TIME' | 'CUSTOM' | null;
     price: number;
-    trialDays: number;
-    /** Customer-facing features (e.g., storage limits, support level) */
-    features: Record<string, unknown> | null;
+    currency: string;
+    trialDays: number | null;
     /** System metadata for grouping and organization */
     metadata: ProductMetadata | null;
     /** Convenience field: extracted from metadata.productFamily for easier access */
     productFamily?: string | null;
     displayOrder: number;
 }
+interface ProductsResult {
+    products: Product[];
+}
+type Plan = Product;
 interface PlansResult {
-    plans: Plan[];
+    plans: Product[];
+}
+interface FetchProductsOptions {
+    /**
+     * Filter by product type
+     */
+    type?: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
 }
 interface RecurContextValue {
     /**
@@ -354,7 +364,12 @@ interface RecurContextValue {
      */
     checkout: (options: CheckoutOptions) => Promise<void>;
     /**
-     * Fetch available subscription plans
+     * Fetch available products
+     */
+    fetchProducts: (options?: FetchProductsOptions) => Promise<ProductsResult>;
+    /**
+     * @deprecated Use fetchProducts instead
+     * Fetch available subscription plans (backward compatibility)
      */
     fetchPlans: () => Promise<PlansResult>;
     /**
@@ -558,28 +573,32 @@ declare function RecurProvider({ children, config: initialConfig }: RecurProvide
  */
 declare function useRecur(): RecurContextValue;
 
-interface UsePlansOptions {
+interface UseProductsOptions {
     /**
-     * Whether to fetch plans immediately on mount
+     * Whether to fetch products immediately on mount
      * @default true
      */
     enabled?: boolean;
     /**
-     * Callback when plans are fetched successfully
+     * Filter by product type
      */
-    onSuccess?: (plans: Plan[]) => void;
+    type?: 'SUBSCRIPTION' | 'ONE_TIME' | 'CREDITS' | 'DONATION';
+    /**
+     * Callback when products are fetched successfully
+     */
+    onSuccess?: (products: Product[]) => void;
     /**
      * Callback when an error occurs
      */
     onError?: (error: Error) => void;
 }
-interface UsePlansResult {
+interface UseProductsResult {
     /**
-     * The fetched plans data
+     * The fetched products data
      */
-    data: Plan[] | undefined;
+    data: Product[] | undefined;
     /**
-     * Whether the plans are currently being fetched
+     * Whether the products are currently being fetched
      */
     isLoading: boolean;
     /**
@@ -592,29 +611,38 @@ interface UsePlansResult {
     refetch: () => Promise<void>;
 }
 /**
- * usePlans Hook
+ * useProducts Hook
  *
- * Fetch available subscription plans with automatic state management
+ * Fetch available products with automatic state management
  *
  * @example
  * ```tsx
- * function PlansPage() {
- *   const { data: plans, isLoading, error } = usePlans();
+ * function ProductsPage() {
+ *   const { data: products, isLoading, error } = useProducts();
  *
- *   if (isLoading) return <PlansSkeletonLoader />;
+ *   if (isLoading) return <ProductsSkeletonLoader />;
  *   if (error) return <ErrorMessage error={error} />;
  *
  *   return (
  *     <div>
- *       {plans?.map(plan => (
- *         <PlanCard key={plan.id} plan={plan} />
+ *       {products?.map(product => (
+ *         <ProductCard key={product.id} product={product} />
  *       ))}
  *     </div>
  *   );
  * }
  * ```
+ *
+ * @example Filter by type
+ * ```tsx
+ * // Only fetch subscription products
+ * const { data: subscriptions } = useProducts({ type: 'SUBSCRIPTION' });
+ *
+ * // Only fetch one-time products
+ * const { data: oneTimeProducts } = useProducts({ type: 'ONE_TIME' });
+ * ```
  */
-declare function usePlans(options?: UsePlansOptions): UsePlansResult;
+declare function useProducts(options?: UseProductsOptions): UseProductsResult;
 
 interface UseSubscribeOptions {
     /**
@@ -696,4 +724,4 @@ interface UseSubscribeResult {
  */
 declare function useSubscribe(options?: UseSubscribeOptions): UseSubscribeResult;
 
-export { type CheckoutError, type CheckoutOptions, type CheckoutResult, type Plan, type PlansResult, type ProductMetadata, type RecurConfig, type RecurContextValue, RecurProvider, type RecurProviderProps, type SubscriptionResult, type UsePlansOptions, type UsePlansResult, type UseSubscribeOptions, type UseSubscribeResult, usePlans, useRecur, useSubscribe };
+export { type CheckoutError, type CheckoutOptions, type CheckoutResult, type Plan, type PlansResult, type Product, type ProductMetadata, type ProductsResult, type RecurConfig, type RecurContextValue, RecurProvider, type RecurProviderProps, type SubscriptionResult, type UseProductsOptions as UsePlansOptions, type UseProductsResult as UsePlansResult, type UseProductsOptions, type UseProductsResult, type UseSubscribeOptions, type UseSubscribeResult, useProducts as usePlans, useProducts, useRecur, useSubscribe };

package/dist/index.js

@@ -2689,13 +2689,17 @@ function RecurProvider({ children, config: initialConfig = {} }) {
     },
     [config]
   );
-  const fetchPlans = useCallback(
-    async () => {
+  const fetchProducts = useCallback(
+    async (options) => {
       if (!config.publishableKey) {
         throw new Error("publishableKey is required");
       }
       const baseUrl = config.baseUrl || "https://api.recur.tw";
-      const response = await fetch(`${baseUrl}/v1/plans`, {
+      const url = new URL(`${baseUrl}/v1/products`);
+      if (options?.type) {
+        url.searchParams.set("type", options.type);
+      }
+      const response = await fetch(url.toString(), {
         method: "GET",
         headers: {
           "Content-Type": "application/json",
@@ -2704,21 +2708,29 @@ function RecurProvider({ children, config: initialConfig = {} }) {
       });
       if (!response.ok) {
         const errorData = await response.json().catch(() => ({}));
-        throw new Error(errorData.error || "Failed to fetch plans");
+        throw new Error(errorData.error || "Failed to fetch products");
       }
       return await response.json();
     },
     [config]
   );
+  const fetchPlans = useCallback(
+    async () => {
+      const result = await fetchProducts({ type: "SUBSCRIPTION" });
+      return { plans: result.products };
+    },
+    [fetchProducts]
+  );
   const value = useMemo(
     () => ({
       config,
       checkout,
+      fetchProducts,
       fetchPlans,
       isCheckingOut,
       updateConfig
     }),
-    [config, checkout, fetchPlans, isCheckingOut, updateConfig]
+    [config, checkout, fetchProducts, fetchPlans, isCheckingOut, updateConfig]
   );
   return /* @__PURE__ */ jsx(RecurContext.Provider, { value, children });
 }
@@ -2729,9 +2741,9 @@ function useRecur() {
   }
   return context;
 }
-function usePlans(options = {}) {
-  const { enabled = true, onSuccess, onError } = options;
-  const { fetchPlans } = useRecur();
+function useProducts(options = {}) {
+  const { enabled = true, type, onSuccess, onError } = options;
+  const { fetchProducts } = useRecur();
   const [data, setData] = useState(void 0);
   const [isLoading2, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -2740,17 +2752,17 @@ function usePlans(options = {}) {
     setIsLoading(true);
     setError(null);
     try {
-      const result = await fetchPlans();
-      setData(result.plans);
-      onSuccess?.(result.plans);
+      const result = await fetchProducts({ type });
+      setData(result.products);
+      onSuccess?.(result.products);
     } catch (err) {
-      const error2 = err instanceof Error ? err : new Error("Failed to fetch plans");
+      const error2 = err instanceof Error ? err : new Error("Failed to fetch products");
       setError(error2);
       onError?.(error2);
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, fetchPlans, onSuccess, onError]);
+  }, [enabled, type, fetchProducts, onSuccess, onError]);
   useEffect(() => {
     fetchData();
   }, [fetchData]);
@@ -2808,4 +2820,4 @@ function useSubscribe(options = {}) {
   };
 }
 
-export { RecurProvider, usePlans, useRecur, useSubscribe };
+export { RecurProvider, useProducts as usePlans, useProducts, useRecur, useSubscribe };

package/dist/recur.umd.js

@@ -377,7 +377,7 @@
       </style>
 
       ${e}
-    `}};typeof window<"u"&&!customElements.get("recur-skeleton-loader")&&customElements.define("recur-skeleton-loader",R)});var J={};h(J,{RecurPaymentFormSkeleton:()=>M});var M,Z=b(()=>{"use strict";M=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render()}render(){this.shadowRoot.innerHTML=`
+    `}};typeof window<"u"&&!customElements.get("recur-skeleton-loader")&&customElements.define("recur-skeleton-loader",R)});var J={};h(J,{RecurPaymentFormSkeleton:()=>P});var P,Z=b(()=>{"use strict";P=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render()}render(){this.shadowRoot.innerHTML=`
       <style>
         :host {
           display: block;
@@ -644,7 +644,7 @@
           <p class="security-text">\u60A8\u7684\u4ED8\u6B3E\u8CC7\u8A0A\u7D93\u904E\u52A0\u5BC6\u4FDD\u8B77</p>
         </div>
       </div>
-    `}};typeof window<"u"&&!customElements.get("recur-payment-form-skeleton")&&customElements.define("recur-payment-form-skeleton",M)});var G={};h(G,{RecurToast:()=>P,RecurToastContainer:()=>x});var P,f,x,Q=b(()=>{"use strict";P=class extends HTMLElement{static get observedAttributes(){return["message","type","duration"]}constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.setupAutoDismiss()}get message(){return this.getAttribute("message")||"Notification"}get type(){let e=this.getAttribute("type");return e==="success"||e==="error"?e:"info"}get duration(){let e=this.getAttribute("duration");return e?parseInt(e,10):5e3}setupAutoDismiss(){let e=this.duration;e>0&&setTimeout(()=>this.dismiss(),e)}dismiss(){this.style.animation="recur-toast-slide-out 0.3s ease-in-out",setTimeout(()=>this.remove(),300)}getTypeIcon(){switch(this.type){case"success":return`<svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    `}};typeof window<"u"&&!customElements.get("recur-payment-form-skeleton")&&customElements.define("recur-payment-form-skeleton",P)});var G={};h(G,{RecurToast:()=>M,RecurToastContainer:()=>x});var M,f,x,Q=b(()=>{"use strict";M=class extends HTMLElement{static get observedAttributes(){return["message","type","duration"]}constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.setupAutoDismiss()}get message(){return this.getAttribute("message")||"Notification"}get type(){let e=this.getAttribute("type");return e==="success"||e==="error"?e:"info"}get duration(){let e=this.getAttribute("duration");return e?parseInt(e,10):5e3}setupAutoDismiss(){let e=this.duration;e>0&&setTimeout(()=>this.dismiss(),e)}dismiss(){this.style.animation="recur-toast-slide-out 0.3s ease-in-out",setTimeout(()=>this.remove(),300)}getTypeIcon(){switch(this.type){case"success":return`<svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
         </svg>`;case"error":return`<svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
@@ -791,7 +791,7 @@
       </style>
 
       <slot></slot>
-    `}static getInstance(){return f.instance||(f.instance=document.querySelector("recur-toast-container"),f.instance||(f.instance=document.createElement("recur-toast-container"),document.body.appendChild(f.instance))),f.instance}};a(f,"instance",null);x=f;typeof window<"u"&&!customElements.get("recur-toast")&&customElements.define("recur-toast",P);typeof window<"u"&&!customElements.get("recur-toast-container")&&customElements.define("recur-toast-container",x)});var ee={};h(ee,{RecurPaymentForm:()=>L});var L,te=b(()=>{"use strict";L=class extends HTMLElement{constructor(){super();a(this,"containerId");a(this,"customStyles");a(this,"_isInitializing",!1);a(this,"_initializationAborted",!1);this.containerId=this.getAttribute("container-id")||`recur-${Date.now()}`,this.customStyles=this.getAttribute("custom-styles")||"",this.attachShadow({mode:"open"})}connectedCallback(){this.render()}disconnectedCallback(){console.log("[PaymentForm] Component disconnected, cleaning up..."),this._initializationAborted=!0,this._paymentSession=null;let t=document.getElementById(`${this.containerId}-submit-btn`);if(t){let r=t.cloneNode(!0);t.parentNode?.replaceChild(r,t)}}static get observedAttributes(){return["custom-styles","customer-name","customer-email","plan-name","amount","billing-period"]}attributeChangedCallback(t,r,i){t==="custom-styles"&&r!==i?(this.customStyles=i||"",this.updateCustomStyles()):r!==i&&this.updateCustomerInfoSection()}render(){this.shadowRoot.innerHTML=`
+    `}static getInstance(){return f.instance||(f.instance=document.querySelector("recur-toast-container"),f.instance||(f.instance=document.createElement("recur-toast-container"),document.body.appendChild(f.instance))),f.instance}};a(f,"instance",null);x=f;typeof window<"u"&&!customElements.get("recur-toast")&&customElements.define("recur-toast",M);typeof window<"u"&&!customElements.get("recur-toast-container")&&customElements.define("recur-toast-container",x)});var ee={};h(ee,{RecurPaymentForm:()=>L});var L,te=b(()=>{"use strict";L=class extends HTMLElement{constructor(){super();a(this,"containerId");a(this,"customStyles");a(this,"_isInitializing",!1);a(this,"_initializationAborted",!1);this.containerId=this.getAttribute("container-id")||`recur-${Date.now()}`,this.customStyles=this.getAttribute("custom-styles")||"",this.attachShadow({mode:"open"})}connectedCallback(){this.render()}disconnectedCallback(){console.log("[PaymentForm] Component disconnected, cleaning up..."),this._initializationAborted=!0,this._paymentSession=null;let t=document.getElementById(`${this.containerId}-submit-btn`);if(t){let r=t.cloneNode(!0);t.parentNode?.replaceChild(r,t)}}static get observedAttributes(){return["custom-styles","customer-name","customer-email","plan-name","amount","billing-period"]}attributeChangedCallback(t,r,i){t==="custom-styles"&&r!==i?(this.customStyles=i||"",this.updateCustomStyles()):r!==i&&this.updateCustomerInfoSection()}render(){this.shadowRoot.innerHTML=`
       <style>
         /* \u9019\u4E9B\u6A23\u5F0F\u88AB\u9694\u96E2\u5728 Shadow DOM \u5167\uFF0C\u4E0D\u6703\u5F71\u97FF\u5916\u90E8 */
         :host {
@@ -1319,7 +1319,7 @@
         ${this._isLoading?'<span class="spinner"></span>':""}
         <span>${this._isLoading?"\u8655\u7406\u4E2D...":t}</span>
       </button>
-    `}setupEventListeners(){let t=this.shadowRoot?.querySelector("button");t&&t.addEventListener("click",this.handleClick)}async createCheckoutSession(t){let r=this.getApiBaseUrl(),i={productId:t.productId,successUrl:t.successUrl,cancelUrl:t.cancelUrl};t.mode&&(i.mode=t.mode),t.customerEmail&&(i.customerEmail=t.customerEmail);let s=await fetch(`${r}/v1/checkout/sessions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},body:JSON.stringify(i)});if(!s.ok){let n=await s.json().catch(()=>({}));throw new Error(n.error?.message||`HTTP ${s.status}: Failed to create checkout session`)}return s.json()}getApiBaseUrl(){let t=this.getAttribute("api-base-url");if(t)return t;if(typeof window<"u"){let r=window.location.hostname;if(r==="localhost"||r.includes(".test")||r.includes(".local")||r==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"}resolveUrl(t){return t.startsWith("/")?`${window.location.origin}${t}`:t}dispatchError(t){console.error("[recur-checkout]",t),this.dispatchEvent(new CustomEvent("checkout-error",{detail:{message:t},bubbles:!0,composed:!0}))}};typeof window<"u"&&!customElements.get("recur-checkout")&&customElements.define("recur-checkout",U)});var ye={};h(ye,{RecurCheckout:()=>E,RecurElements:()=>y,createElements:()=>B,default:()=>ge,init:()=>ne});async function he(){if(typeof window>"u"){console.warn("[Recur SDK] Cannot register Web Components: window is not defined");return}await Promise.all([Promise.resolve().then(()=>(F(),O)),Promise.resolve().then(()=>(Y(),j)),Promise.resolve().then(()=>(V(),q)),Promise.resolve().then(()=>(W(),X)),Promise.resolve().then(()=>(Z(),J)),Promise.resolve().then(()=>(Q(),G)),Promise.resolve().then(()=>(te(),ee)),Promise.resolve().then(()=>(ie(),re))]);let e=["recur-loading-spinner","recur-success-message","recur-error-display","recur-skeleton-loader","recur-payment-form-skeleton","recur-toast","recur-toast-container","recur-payment-form","recur-checkout"].filter(t=>!customElements.get(t));e.length>0&&console.warn("[Recur SDK] The following components are not registered:",e)}typeof window<"u"&&he();var D=class{constructor(e){a(this,"config");if(!e.publishableKey)throw new Error("publishableKey is required");this.config={baseUrl:"https://api.recur.tw",...e}}async createSubscription(e){let{planId:t,customerName:r,customerEmail:i}=e;if(!t)throw new Error("planId is required");let s=await fetch(`${this.config.baseUrl}/v1/subscriptions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.config.publishableKey},body:JSON.stringify({planId:t,customerName:r,customerEmail:i})});if(!s.ok){let n=await s.json().catch(()=>({}));throw{code:n.error||"CHECKOUT_FAILED",message:n.message||"Failed to initiate checkout",details:n}}return await s.json()}async fetchPlans(){let e=await fetch(`${this.config.baseUrl}/v1/plans`,{method:"GET",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.config.publishableKey}});if(!e.ok){let t=await e.json().catch(()=>({}));throw{code:t.error||"FETCH_PLANS_FAILED",message:t.message||"Failed to fetch plans",details:t}}return await e.json()}getConfig(){return{...this.config}}};var _=class{constructor(e,t){a(this,"config");a(this,"options");a(this,"container");a(this,"checkoutId",null);a(this,"sdkToken",null);a(this,"sdkEnv","S");a(this,"payuniSDK",null);a(this,"isFormValid",!1);if(this.config=e,this.options=t,typeof t.container=="string"){let r=document.querySelector(t.container);if(!r)throw new Error(`Container not found: ${t.container}`);this.container=r}else this.container=t.container}async render(){try{await this.initCheckout(),this.renderHTML(),await this.loadPayUniSDK(),await this.initPayUniSDK(),this.setupFormSubmit()}catch(e){this.handleError(e)}}getBaseUrl(){if(this.config.baseUrl)return this.config.baseUrl;if(typeof window<"u"){let e=window.location.hostname;if(e==="localhost"||e.includes(".test")||e.includes(".local")||e==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"}async initCheckout(){let e=this.getBaseUrl(),t=await fetch(`${e}/v1/checkouts`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.config.publishableKey},body:JSON.stringify({productId:this.options.planId,customerEmail:this.options.customerEmail,customerName:this.options.customerName})});if(!t.ok){let i=await t.json().catch(()=>({}));throw new Error(i.error||"Failed to initialize checkout")}let r=await t.json();this.checkoutId=r.checkout.id,this.sdkToken=r.sdkToken,this.sdkEnv=this.config.publishableKey.startsWith("pk_test_")?"S":"P"}renderHTML(){this.container.innerHTML=`
+    `}setupEventListeners(){let t=this.shadowRoot?.querySelector("button");t&&t.addEventListener("click",this.handleClick)}async createCheckoutSession(t){let r=this.getApiBaseUrl(),i={productId:t.productId,successUrl:t.successUrl,cancelUrl:t.cancelUrl};t.mode&&(i.mode=t.mode),t.customerEmail&&(i.customerEmail=t.customerEmail);let s=await fetch(`${r}/v1/checkout/sessions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},body:JSON.stringify(i)});if(!s.ok){let n=await s.json().catch(()=>({}));throw new Error(n.error?.message||`HTTP ${s.status}: Failed to create checkout session`)}return s.json()}getApiBaseUrl(){let t=this.getAttribute("api-base-url");if(t)return t;if(typeof window<"u"){let r=window.location.hostname;if(r==="localhost"||r.includes(".test")||r.includes(".local")||r==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"}resolveUrl(t){return t.startsWith("/")?`${window.location.origin}${t}`:t}dispatchError(t){console.error("[recur-checkout]",t),this.dispatchEvent(new CustomEvent("checkout-error",{detail:{message:t},bubbles:!0,composed:!0}))}};typeof window<"u"&&!customElements.get("recur-checkout")&&customElements.define("recur-checkout",U)});var ye={};h(ye,{RecurCheckout:()=>E,RecurElements:()=>y,createElements:()=>N,default:()=>ge,init:()=>ne});async function he(){if(typeof window>"u"){console.warn("[Recur SDK] Cannot register Web Components: window is not defined");return}await Promise.all([Promise.resolve().then(()=>(F(),O)),Promise.resolve().then(()=>(Y(),j)),Promise.resolve().then(()=>(V(),q)),Promise.resolve().then(()=>(W(),X)),Promise.resolve().then(()=>(Z(),J)),Promise.resolve().then(()=>(Q(),G)),Promise.resolve().then(()=>(te(),ee)),Promise.resolve().then(()=>(ie(),re))]);let e=["recur-loading-spinner","recur-success-message","recur-error-display","recur-skeleton-loader","recur-payment-form-skeleton","recur-toast","recur-toast-container","recur-payment-form","recur-checkout"].filter(t=>!customElements.get(t));e.length>0&&console.warn("[Recur SDK] The following components are not registered:",e)}typeof window<"u"&&he();var D=class{constructor(e){a(this,"config");if(!e.publishableKey)throw new Error("publishableKey is required");this.config={baseUrl:"https://api.recur.tw",...e}}async createSubscription(e){let{planId:t,customerName:r,customerEmail:i}=e;if(!t)throw new Error("planId is required");let s=await fetch(`${this.config.baseUrl}/v1/subscriptions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.config.publishableKey},body:JSON.stringify({planId:t,customerName:r,customerEmail:i})});if(!s.ok){let n=await s.json().catch(()=>({}));throw{code:n.error||"CHECKOUT_FAILED",message:n.message||"Failed to initiate checkout",details:n}}return await s.json()}async fetchProducts(e){let t=new URL(`${this.config.baseUrl}/v1/products`);e?.type&&t.searchParams.set("type",e.type);let r=await fetch(t.toString(),{method:"GET",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.config.publishableKey}});if(!r.ok){let i=await r.json().catch(()=>({}));throw{code:i.error||"FETCH_PRODUCTS_FAILED",message:i.message||"Failed to fetch products",details:i}}return await r.json()}async fetchPlans(){return{plans:(await this.fetchProducts({type:"SUBSCRIPTION"})).products}}getConfig(){return{...this.config}}};var _=class{constructor(e,t){a(this,"config");a(this,"options");a(this,"container");a(this,"checkoutId",null);a(this,"sdkToken",null);a(this,"sdkEnv","S");a(this,"payuniSDK",null);a(this,"isFormValid",!1);if(this.config=e,this.options=t,typeof t.container=="string"){let r=document.querySelector(t.container);if(!r)throw new Error(`Container not found: ${t.container}`);this.container=r}else this.container=t.container}async render(){try{await this.initCheckout(),this.renderHTML(),await this.loadPayUniSDK(),await this.initPayUniSDK(),this.setupFormSubmit()}catch(e){this.handleError(e)}}getBaseUrl(){if(this.config.baseUrl)return this.config.baseUrl;if(typeof window<"u"){let e=window.location.hostname;if(e==="localhost"||e.includes(".test")||e.includes(".local")||e==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"}async initCheckout(){let e=this.getBaseUrl(),t=await fetch(`${e}/v1/checkouts`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.config.publishableKey},body:JSON.stringify({productId:this.options.planId,customerEmail:this.options.customerEmail,customerName:this.options.customerName})});if(!t.ok){let i=await t.json().catch(()=>({}));throw new Error(i.error||"Failed to initialize checkout")}let r=await t.json();this.checkoutId=r.checkout.id,this.sdkToken=r.sdkToken,this.sdkEnv=this.config.publishableKey.startsWith("pk_test_")?"S":"P"}renderHTML(){this.container.innerHTML=`
       <div class="recur-embedded-checkout" style="max-width: 400px; margin: 0 auto; padding: 20px; font-family: system-ui, -apple-system, sans-serif;">
         <div class="recur-checkout-header" style="margin-bottom: 24px;">
           <h2 style="margin: 0 0 8px 0; font-size: 20px; font-weight: 600; color: #111;">Subscribe</h2>
@@ -1396,14 +1396,14 @@
       display: block;
       user-select: none;
       transition: height 0.35s ease, opacity 0.4s ease 0.1s;
-    `.replace(/\s+/g," ").trim(),this.iframe.allow="payment *",this.iframe.setAttribute("title","Secure payment input frame"),this.iframe.setAttribute("role","presentation"),this.iframe.setAttribute("scrolling","no"),this.iframe.setAttribute("frameBorder","0"),this.container.innerHTML="",this.container.appendChild(this.iframe),new Promise((r,i)=>{let s=setTimeout(()=>{i(new Error("Elements initialization timeout"))},3e4),n=()=>{clearTimeout(s),this.off("ready",n),r()},o=d=>{clearTimeout(s),this.off("error",o),i(new Error(d.message||"Elements initialization failed"))};this.on("ready",n),this.on("error",o)})}on(e,t){this.eventHandlers.has(e)||this.eventHandlers.set(e,new Set),this.eventHandlers.get(e).add(t)}off(e,t){let r=this.eventHandlers.get(e);r&&r.delete(t)}emit(e,t){let r=this.eventHandlers.get(e);r&&r.forEach(i=>i(t))}handleMessage(e){if(!this.isValidOrigin(e.origin))return;let{type:t,data:r}=e.data||{};switch(t){case"RECUR_ELEMENTS_READY":this.sessionId=r.sessionId,this.timestamp=r.timestamp,this.creditToken=r.creditToken,this.emit("ready",r);break;case"RECUR_CARD_VALID":this.emit("change",{valid:r.valid});break;case"RECUR_CARD_TOKENIZED":this.cardToken=r.cardToken,this.cardTimestamp=r.timestamp,this.emit("tokenized",r);break;case"RECUR_PAYMENT_ERROR":this.emit("error",r);break;case"RECUR_RESIZE":this.iframe&&r?.height&&(this.iframe.style.height=`${r.height}px`);break}}isValidOrigin(e){try{let t=new URL(this.embedUrl).origin;return e===t}catch{return!1}}async tokenize(){if(!this.iframe||!this.iframe.contentWindow)throw new Error("Elements not mounted");let e=new URL(this.embedUrl).origin;return this.iframe.contentWindow.postMessage({type:"RECUR_TOKENIZE"},e),new Promise((t,r)=>{let i=setTimeout(()=>{r(new Error("Tokenization timeout"))},6e4),s=o=>{clearTimeout(i),this.off("tokenized",s),t(o)},n=o=>{clearTimeout(i),this.off("error",n),r(new Error(o.message||"Tokenization failed"))};this.on("tokenized",s),this.on("error",n)})}async confirmPayment(e){if(!this.sessionId||!this.cardToken)throw new Error("Card not tokenized. Call tokenize() first.");let t=await fetch(`${this.baseUrl}/api/v1/elements/confirm`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.publishableKey},body:JSON.stringify({sessionId:this.sessionId,sdkToken:this.cardToken,timestamp:this.cardTimestamp,creditToken:this.creditToken,productId:e.productId,email:e.email,name:e.name,metadata:e.metadata})}),r=await t.json();return t.ok?r:{status:"failed",message:r.error||r.message||"Payment failed",canRetry:r.canRetry??!0}}getDefaultBaseUrl(){if(typeof window>"u")return"https://app.recur.tw";let e=window.location.hostname;return e==="localhost"||e.includes(".test")||e.includes(".local")||e==="127.0.0.1"?`${window.location.protocol}//${e}:3000`:"https://app.recur.tw"}getDefaultEmbedUrl(){if(typeof window>"u")return"https://embed.recur.tw";let e=window.location.hostname;return e==="localhost"||e.includes(".test")||e.includes(".local")||e==="127.0.0.1"?`${window.location.protocol}//${e}:3002`:"https://embed.recur.tw"}destroy(){this.iframe&&this.iframe.parentNode&&this.iframe.parentNode.removeChild(this.iframe),this.iframe=null,this.container=null,this.sessionId=null,this.timestamp=null,this.creditToken=null,this.cardToken=null,this.cardTimestamp=null,this.eventHandlers.clear(),window.removeEventListener("message",this.handleMessage.bind(this))}};function B(c){return new y(c)}var fe="https://vendor.payuni.com.tw/sdk/uni-payment.js",be="https://sandbox-vendor.payuni.com.tw/sdk/uni-payment.js",se=!1,z=!1,w=null;async function oe(c=!1){return se&&window.UniPayment?Promise.resolve():(z&&w||(z=!0,w=new Promise((e,t)=>{let r=document.createElement("script");r.src=c?be:fe,r.async=!0,r.onload=()=>{se=!0,z=!1,e()},r.onerror=()=>{z=!1,w=null,t(new Error("Failed to load PAYUNi SDK"))},document.head.appendChild(r)})),w)}var E=class{constructor(e){a(this,"core");a(this,"currentModal",null);a(this,"currentIframe",null);a(this,"currentModalOverlay",null);this.core=new D(e)}async fetchPlans(){return await this.core.fetchPlans()}async createEmbeddedCheckout(e){let t=this.core.getConfig();await new _(t,e).render()}async redirectToCheckout(e){let t=this.core.getConfig(),r=()=>{if(typeof window<"u"){let d=window.location.hostname;if(d==="localhost"||d.includes(".test")||d.includes(".local")||d==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"},i=t.baseUrl||r(),s={productId:e.productId,successUrl:e.successUrl,cancelUrl:e.cancelUrl};e.mode&&(s.mode=e.mode),e.customerEmail&&(s.customerEmail=e.customerEmail),e.externalCustomerId&&(s.externalCustomerId=e.externalCustomerId);let n=await fetch(`${i}/v1/checkout/sessions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},body:JSON.stringify(s)});if(!n.ok){let d=await n.json().catch(()=>({}));throw new Error(d.error?.message||"Failed to create checkout session")}let o=await n.json();window.location.href=o.url}async createCheckoutSession(e){let t=this.core.getConfig(),r=()=>{if(typeof window<"u"){let o=window.location.hostname;if(o==="localhost"||o.includes(".test")||o.includes(".local")||o==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"},i=t.baseUrl||r(),s={productId:e.productId,successUrl:e.successUrl,cancelUrl:e.cancelUrl};e.mode&&(s.mode=e.mode),e.customerEmail&&(s.customerEmail=e.customerEmail),e.externalCustomerId&&(s.externalCustomerId=e.externalCustomerId);let n=await fetch(`${i}/v1/checkout/sessions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},body:JSON.stringify(s)});if(!n.ok){let o=await n.json().catch(()=>({}));throw new Error(o.error?.message||"Failed to create checkout session")}return n.json()}async checkout(e){let t=this.core.getConfig(),r=null;try{if(console.log("[Recur SDK] Starting checkout flow...",{planId:e.planId,mode:e.mode}),!e.planId)throw new Error("planId is required");if(!t.publishableKey)throw new Error("publishableKey is required");if(!e.customerName)throw new Error("customerName is required");if(!e.customerEmail)throw new Error("customerEmail is required");let i=this.getBaseUrl();console.log("[Recur SDK] Base URL:",i);let s={"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},n=e.mode||"modal",o=null;if(n==="modal"){let u=this.createModalWithSkeleton(e.onClose);r=u.overlay,o=u.container}else if(n==="iframe"){if(o=this.getEmbeddedContainer(e.container),!o)throw new Error("Container is required for iframe mode");o.innerHTML="";let u=document.createElement("recur-payment-form-skeleton");o.appendChild(u)}console.log("[Recur SDK] Step 1: Creating checkout session...");let d=await fetch(`${i}/v1/checkouts`,{method:"POST",headers:s,body:JSON.stringify({productId:e.planId,customerName:e.customerName,customerEmail:e.customerEmail,externalCustomerId:e.externalCustomerId})});if(!d.ok){let u=await d.json().catch(()=>({}));console.error("[Recur SDK] Failed to create checkout:",u);let A=u.details||u.error||"Failed to create checkout";throw new Error(A)}let l=await d.json();if(console.log("[Recur SDK] Checkout created successfully:",l),e.onSuccess?.(l),n==="redirect"){let u=`https://checkout.recur.tw/${l.checkout.id}`;console.log("[Recur SDK] Redirecting to hosted checkout:",u),window.location.href=u;return}if(console.log("[Recur SDK] Step 2: Extracting SDK token..."),!l.sdkToken)throw new Error("SDK token missing from checkout response");console.log("[Recur SDK] Step 3: Loading PAYUNi SDK...");let v=!0;if(await oe(v),console.log("[Recur SDK] PAYUNi SDK loaded successfully"),!window.UniPayment)throw new Error("PAYUNi SDK failed to load");if(console.log("[Recur SDK] Step 4: Rendering payment form..."),!o)throw new Error("Payment container not available");o.innerHTML="";let m=document.createElement("recur-payment-form");if(m.setAttribute("container-id",o.id||"recur-payment-container"),e.customerName&&m.setAttribute("customer-name",e.customerName),e.customerEmail&&m.setAttribute("customer-email",e.customerEmail),l.plan?.name&&m.setAttribute("plan-name",l.plan.name),l.checkout?.amount&&m.setAttribute("amount",l.checkout.amount.toString()),l.plan?.billingPeriod&&m.setAttribute("billing-period",l.plan.billingPeriod),m.setAttribute("custom-styles",`
+    `.replace(/\s+/g," ").trim(),this.iframe.allow="payment *",this.iframe.setAttribute("title","Secure payment input frame"),this.iframe.setAttribute("role","presentation"),this.iframe.setAttribute("scrolling","no"),this.iframe.setAttribute("frameBorder","0"),this.container.innerHTML="",this.container.appendChild(this.iframe),new Promise((r,i)=>{let s=setTimeout(()=>{i(new Error("Elements initialization timeout"))},3e4),n=()=>{clearTimeout(s),this.off("ready",n),r()},o=d=>{clearTimeout(s),this.off("error",o),i(new Error(d.message||"Elements initialization failed"))};this.on("ready",n),this.on("error",o)})}on(e,t){this.eventHandlers.has(e)||this.eventHandlers.set(e,new Set),this.eventHandlers.get(e).add(t)}off(e,t){let r=this.eventHandlers.get(e);r&&r.delete(t)}emit(e,t){let r=this.eventHandlers.get(e);r&&r.forEach(i=>i(t))}handleMessage(e){if(!this.isValidOrigin(e.origin))return;let{type:t,data:r}=e.data||{};switch(t){case"RECUR_ELEMENTS_READY":this.sessionId=r.sessionId,this.timestamp=r.timestamp,this.creditToken=r.creditToken,this.emit("ready",r);break;case"RECUR_CARD_VALID":this.emit("change",{valid:r.valid});break;case"RECUR_CARD_TOKENIZED":this.cardToken=r.cardToken,this.cardTimestamp=r.timestamp,this.emit("tokenized",r);break;case"RECUR_PAYMENT_ERROR":this.emit("error",r);break;case"RECUR_RESIZE":this.iframe&&r?.height&&(this.iframe.style.height=`${r.height}px`);break}}isValidOrigin(e){try{let t=new URL(this.embedUrl).origin;return e===t}catch{return!1}}async tokenize(){if(!this.iframe||!this.iframe.contentWindow)throw new Error("Elements not mounted");let e=new URL(this.embedUrl).origin;return this.iframe.contentWindow.postMessage({type:"RECUR_TOKENIZE"},e),new Promise((t,r)=>{let i=setTimeout(()=>{r(new Error("Tokenization timeout"))},6e4),s=o=>{clearTimeout(i),this.off("tokenized",s),t(o)},n=o=>{clearTimeout(i),this.off("error",n),r(new Error(o.message||"Tokenization failed"))};this.on("tokenized",s),this.on("error",n)})}async confirmPayment(e){if(!this.sessionId||!this.cardToken)throw new Error("Card not tokenized. Call tokenize() first.");let t=await fetch(`${this.baseUrl}/api/v1/elements/confirm`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":this.publishableKey},body:JSON.stringify({sessionId:this.sessionId,sdkToken:this.cardToken,timestamp:this.cardTimestamp,creditToken:this.creditToken,productId:e.productId,email:e.email,name:e.name,metadata:e.metadata})}),r=await t.json();return t.ok?r:{status:"failed",message:r.error||r.message||"Payment failed",canRetry:r.canRetry??!0}}getDefaultBaseUrl(){if(typeof window>"u")return"https://app.recur.tw";let e=window.location.hostname;return e==="localhost"||e.includes(".test")||e.includes(".local")||e==="127.0.0.1"?`${window.location.protocol}//${e}:3000`:"https://app.recur.tw"}getDefaultEmbedUrl(){if(typeof window>"u")return"https://embed.recur.tw";let e=window.location.hostname;return e==="localhost"||e.includes(".test")||e.includes(".local")||e==="127.0.0.1"?`${window.location.protocol}//${e}:3002`:"https://embed.recur.tw"}destroy(){this.iframe&&this.iframe.parentNode&&this.iframe.parentNode.removeChild(this.iframe),this.iframe=null,this.container=null,this.sessionId=null,this.timestamp=null,this.creditToken=null,this.cardToken=null,this.cardTimestamp=null,this.eventHandlers.clear(),window.removeEventListener("message",this.handleMessage.bind(this))}};function N(c){return new y(c)}var fe="https://vendor.payuni.com.tw/sdk/uni-payment.js",be="https://sandbox-vendor.payuni.com.tw/sdk/uni-payment.js",se=!1,z=!1,w=null;async function oe(c=!1){return se&&window.UniPayment?Promise.resolve():(z&&w||(z=!0,w=new Promise((e,t)=>{let r=document.createElement("script");r.src=c?be:fe,r.async=!0,r.onload=()=>{se=!0,z=!1,e()},r.onerror=()=>{z=!1,w=null,t(new Error("Failed to load PAYUNi SDK"))},document.head.appendChild(r)})),w)}var E=class{constructor(e){a(this,"core");a(this,"currentModal",null);a(this,"currentIframe",null);a(this,"currentModalOverlay",null);this.core=new D(e)}async fetchProducts(e){return await this.core.fetchProducts(e)}async fetchPlans(){return await this.core.fetchPlans()}async createEmbeddedCheckout(e){let t=this.core.getConfig();await new _(t,e).render()}async redirectToCheckout(e){let t=this.core.getConfig(),r=()=>{if(typeof window<"u"){let d=window.location.hostname;if(d==="localhost"||d.includes(".test")||d.includes(".local")||d==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"},i=t.baseUrl||r(),s={productId:e.productId,successUrl:e.successUrl,cancelUrl:e.cancelUrl};e.mode&&(s.mode=e.mode),e.customerEmail&&(s.customerEmail=e.customerEmail),e.externalCustomerId&&(s.externalCustomerId=e.externalCustomerId);let n=await fetch(`${i}/v1/checkout/sessions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},body:JSON.stringify(s)});if(!n.ok){let d=await n.json().catch(()=>({}));throw new Error(d.error?.message||"Failed to create checkout session")}let o=await n.json();window.location.href=o.url}async createCheckoutSession(e){let t=this.core.getConfig(),r=()=>{if(typeof window<"u"){let o=window.location.hostname;if(o==="localhost"||o.includes(".test")||o.includes(".local")||o==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"},i=t.baseUrl||r(),s={productId:e.productId,successUrl:e.successUrl,cancelUrl:e.cancelUrl};e.mode&&(s.mode=e.mode),e.customerEmail&&(s.customerEmail=e.customerEmail),e.externalCustomerId&&(s.externalCustomerId=e.externalCustomerId);let n=await fetch(`${i}/v1/checkout/sessions`,{method:"POST",headers:{"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},body:JSON.stringify(s)});if(!n.ok){let o=await n.json().catch(()=>({}));throw new Error(o.error?.message||"Failed to create checkout session")}return n.json()}async checkout(e){let t=this.core.getConfig(),r=null;try{if(console.log("[Recur SDK] Starting checkout flow...",{planId:e.planId,mode:e.mode}),!e.planId)throw new Error("planId is required");if(!t.publishableKey)throw new Error("publishableKey is required");if(!e.customerName)throw new Error("customerName is required");if(!e.customerEmail)throw new Error("customerEmail is required");let i=this.getBaseUrl();console.log("[Recur SDK] Base URL:",i);let s={"Content-Type":"application/json","X-Recur-Publishable-Key":t.publishableKey},n=e.mode||"modal",o=null;if(n==="modal"){let u=this.createModalWithSkeleton(e.onClose);r=u.overlay,o=u.container}else if(n==="iframe"){if(o=this.getEmbeddedContainer(e.container),!o)throw new Error("Container is required for iframe mode");o.innerHTML="";let u=document.createElement("recur-payment-form-skeleton");o.appendChild(u)}console.log("[Recur SDK] Step 1: Creating checkout session...");let d=await fetch(`${i}/v1/checkouts`,{method:"POST",headers:s,body:JSON.stringify({productId:e.planId,customerName:e.customerName,customerEmail:e.customerEmail,externalCustomerId:e.externalCustomerId})});if(!d.ok){let u=await d.json().catch(()=>({}));console.error("[Recur SDK] Failed to create checkout:",u);let A=u.details||u.error||"Failed to create checkout";throw new Error(A)}let l=await d.json();if(console.log("[Recur SDK] Checkout created successfully:",l),e.onSuccess?.(l),n==="redirect"){let u=`https://checkout.recur.tw/${l.checkout.id}`;console.log("[Recur SDK] Redirecting to hosted checkout:",u),window.location.href=u;return}if(console.log("[Recur SDK] Step 2: Extracting SDK token..."),!l.sdkToken)throw new Error("SDK token missing from checkout response");console.log("[Recur SDK] Step 3: Loading PAYUNi SDK...");let v=!0;if(await oe(v),console.log("[Recur SDK] PAYUNi SDK loaded successfully"),!window.UniPayment)throw new Error("PAYUNi SDK failed to load");if(console.log("[Recur SDK] Step 4: Rendering payment form..."),!o)throw new Error("Payment container not available");o.innerHTML="";let m=document.createElement("recur-payment-form");if(m.setAttribute("container-id",o.id||"recur-payment-container"),e.customerName&&m.setAttribute("customer-name",e.customerName),e.customerEmail&&m.setAttribute("customer-email",e.customerEmail),l.plan?.name&&m.setAttribute("plan-name",l.plan.name),l.checkout?.amount&&m.setAttribute("amount",l.checkout.amount.toString()),l.plan?.billingPeriod&&m.setAttribute("billing-period",l.plan.billingPeriod),m.setAttribute("custom-styles",`
         .form-input-focus {
           border-color: var(--ring, hsl(215 16% 47%)) !important;
           outline: 0 !important;
           box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring, hsl(215 16% 47%)) 50%, transparent) !important;
           transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
         }
-      `),o.appendChild(m),await new Promise(u=>setTimeout(u,100)),console.log("[Recur SDK] Step 5: Initializing PAYUNi SDK..."),await m.initializePayment(l.sdkToken,v?"SANDBOX":"PRODUCTION")===null){console.log("[Recur SDK] Initialization aborted");return}console.log("[Recur SDK] PAYUNi SDK initialized successfully"),console.log("[Recur SDK] Step 6: Setting up submit handler..."),m.addEventListener("submit",(async u=>{console.log("[Recur SDK] Form submitted");let A=u,{paymentSession:ae}=A.detail;try{let g=await ae.getTradeResult();console.log("[Recur SDK] Trade result received"),console.log("[Recur SDK] Executing payment...");let H=g.HashTimestamp||g.timestamp,N={};if(l.checkout.productType==="SUBSCRIPTION"){let k=l.creditToken,K=l.sdkTimestamp;if(!k)throw console.error("[Recur SDK] Missing creditToken from checkout for subscription"),new Error("Missing creditToken for subscription payment");N={creditToken:k,timestamp:K||H},console.log("[Recur SDK] Using creditToken from checkout:",k.substring(0,30)+"..."),console.log("[Recur SDK] Using timestamp:",K?"from checkout (sdkTimestamp)":"from tradeResult")}let $=await fetch(`${i}/v1/checkouts/${l.checkout.id}/pay`,{method:"POST",headers:s,body:JSON.stringify(N)});if(!$.ok){let k=await $.json().catch(()=>({}));throw new Error(k.error||"Failed to execute payment")}let p=await $.json();if(console.log("[Recur SDK] Payment executed:",p),p.requires3D&&p.redirectUrl){console.log("[Recur SDK] 3D verification required"),window.location.href=p.redirectUrl;return}e.onPaymentComplete&&(p.subscription?e.onPaymentComplete({id:p.subscription.id,status:p.subscription.status,planId:l.checkout.productId,amount:l.checkout.amount,billingPeriod:p.subscription.billingPeriod,currentPeriodStart:p.subscription.currentPeriodStart,currentPeriodEnd:p.subscription.currentPeriodEnd}):e.onPaymentComplete({id:p.checkout.id,status:p.checkout.status,planId:l.checkout.productId,amount:l.checkout.amount,billingPeriod:l.checkout.productType})),console.log("[Recur SDK] Checkout flow completed successfully!"),m.resetButton?.(),r&&r.remove()}catch(g){console.error("[Recur SDK] Payment error:",g);let H={code:"PAYMENT_FAILED",message:g instanceof Error?g.message:"Payment failed"};e.onError?.(H),m.resetButton?.()}})),console.log("[Recur SDK] Checkout flow initialized, waiting for user input...")}catch(i){console.error("[Recur SDK] Checkout error:",i),r&&r.remove();let s={code:"CHECKOUT_ERROR",message:i instanceof Error?i.message:"An unknown error occurred"};throw e.onError?.(s),i}}getBaseUrl(){let e=this.core.getConfig();if(e.baseUrl)return e.baseUrl;if(typeof window<"u"){let t=window.location.hostname;if(t==="localhost"||t.includes(".test")||t.includes(".local")||t==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"}createModalWithSkeleton(e){this.closeModal();let t=document.createElement("div");t.id="recur-modal-overlay",t.style.cssText=`
+      `),o.appendChild(m),await new Promise(u=>setTimeout(u,100)),console.log("[Recur SDK] Step 5: Initializing PAYUNi SDK..."),await m.initializePayment(l.sdkToken,v?"SANDBOX":"PRODUCTION")===null){console.log("[Recur SDK] Initialization aborted");return}console.log("[Recur SDK] PAYUNi SDK initialized successfully"),console.log("[Recur SDK] Step 6: Setting up submit handler..."),m.addEventListener("submit",(async u=>{console.log("[Recur SDK] Form submitted");let A=u,{paymentSession:ae}=A.detail;try{let g=await ae.getTradeResult();console.log("[Recur SDK] Trade result received"),console.log("[Recur SDK] Executing payment...");let H=g.HashTimestamp||g.timestamp,B={};if(l.checkout.productType==="SUBSCRIPTION"){let k=l.creditToken,K=l.sdkTimestamp;if(!k)throw console.error("[Recur SDK] Missing creditToken from checkout for subscription"),new Error("Missing creditToken for subscription payment");B={creditToken:k,timestamp:K||H},console.log("[Recur SDK] Using creditToken from checkout:",k.substring(0,30)+"..."),console.log("[Recur SDK] Using timestamp:",K?"from checkout (sdkTimestamp)":"from tradeResult")}let $=await fetch(`${i}/v1/checkouts/${l.checkout.id}/pay`,{method:"POST",headers:s,body:JSON.stringify(B)});if(!$.ok){let k=await $.json().catch(()=>({}));throw new Error(k.error||"Failed to execute payment")}let p=await $.json();if(console.log("[Recur SDK] Payment executed:",p),p.requires3D&&p.redirectUrl){console.log("[Recur SDK] 3D verification required"),window.location.href=p.redirectUrl;return}e.onPaymentComplete&&(p.subscription?e.onPaymentComplete({id:p.subscription.id,status:p.subscription.status,planId:l.checkout.productId,amount:l.checkout.amount,billingPeriod:p.subscription.billingPeriod,currentPeriodStart:p.subscription.currentPeriodStart,currentPeriodEnd:p.subscription.currentPeriodEnd}):e.onPaymentComplete({id:p.checkout.id,status:p.checkout.status,planId:l.checkout.productId,amount:l.checkout.amount,billingPeriod:l.checkout.productType})),console.log("[Recur SDK] Checkout flow completed successfully!"),m.resetButton?.(),r&&r.remove()}catch(g){console.error("[Recur SDK] Payment error:",g);let H={code:"PAYMENT_FAILED",message:g instanceof Error?g.message:"Payment failed"};e.onError?.(H),m.resetButton?.()}})),console.log("[Recur SDK] Checkout flow initialized, waiting for user input...")}catch(i){console.error("[Recur SDK] Checkout error:",i),r&&r.remove();let s={code:"CHECKOUT_ERROR",message:i instanceof Error?i.message:"An unknown error occurred"};throw e.onError?.(s),i}}getBaseUrl(){let e=this.core.getConfig();if(e.baseUrl)return e.baseUrl;if(typeof window<"u"){let t=window.location.hostname;if(t==="localhost"||t.includes(".test")||t.includes(".local")||t==="127.0.0.1")return`${window.location.protocol}//${window.location.host}/api`}return"https://api.recur.tw"}createModalWithSkeleton(e){this.closeModal();let t=document.createElement("div");t.id="recur-modal-overlay",t.style.cssText=`
       position: fixed;
       top: 0;
       left: 0;
@@ -1442,7 +1442,7 @@
       background: white;
       border-radius: 12px;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    `;let n=document.createElement("recur-payment-form-skeleton");return s.appendChild(n),r.appendChild(i),r.appendChild(s),t.appendChild(r),document.body.appendChild(t),this.currentModalOverlay=t,{overlay:t,container:s}}getEmbeddedContainer(e){return e?typeof e=="string"?document.getElementById(e)||document.querySelector(e):e:null}closeModal(){this.currentModal&&(this.currentModal.close(),this.currentModal=null),this.currentModalOverlay&&(this.currentModalOverlay.remove(),this.currentModalOverlay=null)}removeIframe(){this.currentIframe&&(this.currentIframe.remove(),this.currentIframe=null)}close(){this.closeModal(),this.removeIframe()}};function ne(c){return new E(c)}var ge={init:ne,RecurCheckout:E,RecurElements:y,createElements:B};return pe(ye);})();
+    `;let n=document.createElement("recur-payment-form-skeleton");return s.appendChild(n),r.appendChild(i),r.appendChild(s),t.appendChild(r),document.body.appendChild(t),this.currentModalOverlay=t,{overlay:t,container:s}}getEmbeddedContainer(e){return e?typeof e=="string"?document.getElementById(e)||document.querySelector(e):e:null}closeModal(){this.currentModal&&(this.currentModal.close(),this.currentModal=null),this.currentModalOverlay&&(this.currentModalOverlay.remove(),this.currentModalOverlay=null)}removeIframe(){this.currentIframe&&(this.currentIframe.remove(),this.currentIframe=null)}close(){this.closeModal(),this.removeIframe()}};function ne(c){return new E(c)}var ge={init:ne,RecurCheckout:E,RecurElements:y,createElements:N};return pe(ye);})();
 if (typeof window !== "undefined") {
           window.RecurCheckout = RecurCheckout.default;
           window.RecurElements = RecurCheckout.RecurElements;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "recur-tw",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "React & Vanilla JS SDK for embedding subscription checkout flows (Taiwan / PAYUNi)",
   "type": "module",
   "private": false,