@iblai/iblai-js 1.6.0 → 1.6.1

package/dist/web-containers/source/index.esm.js

@@ -191470,9 +191470,14 @@ function CreditBalance({ tenant, username, mainPlatformKey, currentUserEmail, re
     const billing = billingInfo &&
         billingInfo;
     const balance = parseInt((billing === null || billing === void 0 ? void 0 : billing.available_credits) || '0', 10);
-    const currentPlan = billing === null || billing === void 0 ? void 0 : billing.current_plan;
-    const planLabel = formatPlanLabel(currentPlan);
-    const isFreePlan = planLabel === 'Free';
+    const isFreePlan = formatPlanLabel(billing === null || billing === void 0 ? void 0 : billing.current_plan) === 'Free' ||
+        (Boolean(billing === null || billing === void 0 ? void 0 : billing.free_trial) && (billing === null || billing === void 0 ? void 0 : billing.platform_key) !== mainPlatformKey);
+    const isTrialPlan = Boolean(billing === null || billing === void 0 ? void 0 : billing.free_trial) && (billing === null || billing === void 0 ? void 0 : billing.platform_key) === mainPlatformKey;
+    const planLabel = isFreePlan
+        ? 'Free'
+        : isTrialPlan
+            ? 'Trial'
+            : 'Premium';
     const status = getCreditStatus(balance);
     const palette = STATUS_PALETTE[status];
     const hasPaymentMethod = Boolean(billing === null || billing === void 0 ? void 0 : billing.has_payment_method);
@@ -191487,7 +191492,7 @@ function CreditBalance({ tenant, username, mainPlatformKey, currentUserEmail, re
         setOpen(false);
         setIsAddCreditsModalOpen(true);
     };
-    return (jsxs(DropdownMenu, { open: open, onOpenChange: handleOpenChange, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", size: "icon", className: cn('relative', className), "data-testid": "credit-balance-trigger", "aria-label": billing ? `${balance.toLocaleString('en-US')} credits remaining` : 'Credit balance', children: [jsx(CreditCard, { className: "h-5! w-5!" }), billing && status !== 'healthy' && (jsx("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5 rounded-full ring-2 ring-white", style: { backgroundColor: palette.dot }, "aria-hidden": "true" }))] }) }), jsxs(DropdownMenuContent, { align: "end", className: "w-[320px] p-0 z-9999 border border-gray-100", "data-testid": "credit-balance-panel", children: [isFetching && !billing ? (jsx("div", { className: "px-3 py-3 text-sm text-gray-500", children: "Loading credits..." })) : isError || !billing ? (jsx("div", { className: "px-3 py-3 text-sm text-gray-500", children: "Unable to load credit balance." })) : (jsxs(Fragment$1, { children: [jsxs("div", { className: "space-y-3 p-4", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Remaining" }), jsxs("span", { className: "text-sm font-medium text-[#101828]", children: [balance.toLocaleString('en-US'), " Credits"] })] }), billing.consumed_credits != null && (jsxs("div", { className: "flex items-center justify-between", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Consumed" }), jsxs("span", { className: "text-sm font-medium text-[#101828]", children: [parseInt(billing.consumed_credits || '0', 10).toLocaleString('en-US'), " Credits"] })] })), billing.credits_reset_date && (jsxs("div", { className: "flex items-center justify-between", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Resets on" }), jsx("span", { className: "text-sm font-medium text-[#101828]", children: formatResetDate(billing.credits_reset_date) })] }))] }), hasPaymentMethod && !isFreePlan && (jsxs("div", { className: "border-t border-gray-100 p-4 space-y-3", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Auto Recharge" }), jsx("span", { className: "rounded-full px-2 py-0.5 text-xs font-medium", style: {
+    return (jsxs(DropdownMenu, { open: open, onOpenChange: handleOpenChange, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", size: "icon", className: cn('relative', className), "data-testid": "credit-balance-trigger", "aria-label": billing ? `${balance.toLocaleString('en-US')} credits remaining` : 'Credit balance', children: [jsx(CreditCard, { className: "h-5! w-5!" }), billing && status !== 'healthy' && (jsx("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5 rounded-full ring-2 ring-white", style: { backgroundColor: palette.dot }, "aria-hidden": "true" }))] }) }), jsxs(DropdownMenuContent, { align: "end", className: "w-[320px] p-0 z-9999 border border-gray-100", "data-testid": "credit-balance-panel", children: [isFetching && !billing ? (jsx("div", { className: "px-3 py-3 text-sm text-gray-500", children: "Loading credits..." })) : isError || !billing ? (jsx("div", { className: "px-3 py-3 text-sm text-gray-500", children: "Unable to load credit balance." })) : (jsxs(Fragment$1, { children: [jsxs("div", { className: "space-y-3 p-4", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Remaining" }), jsxs("span", { className: "text-sm font-medium text-[#101828]", children: [balance.toLocaleString('en-US'), " Credits"] })] }), billing.consumed_credits != null && (jsxs("div", { className: "flex items-center justify-between", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Consumed" }), jsxs("span", { className: "text-sm font-medium text-[#101828]", children: [parseInt(billing.consumed_credits || '0', 10).toLocaleString('en-US'), " Credits"] })] })), billing.credits_reset_date && (jsxs("div", { className: "flex items-center justify-between", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Resets on" }), jsx("span", { className: "text-sm font-medium text-[#101828]", children: formatResetDate(billing.credits_reset_date) })] }))] }), !isFreePlan && !isTrialPlan && hasPaymentMethod && (jsxs("div", { className: "border-t border-gray-100 p-4 space-y-3", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsx("span", { className: "text-sm font-normal text-[#717985]", children: "Auto Recharge" }), jsx("span", { className: "rounded-full px-2 py-0.5 text-xs font-medium", style: {
                                                     backgroundColor: isAutoRechargeEnabled ? '#f5f8ff' : '#f3f4f6',
                                                     color: isAutoRechargeEnabled ? '#155dfc' : '#6a7282',
                                                     border: `1px solid ${isAutoRechargeEnabled ? '#d0e0ff' : '#e5e7eb'}`,
@@ -191495,7 +191500,7 @@ function CreditBalance({ tenant, username, mainPlatformKey, currentUserEmail, re
                                     backgroundColor: '#f5f8ff',
                                     color: '#155dfc',
                                     border: '1px solid #d0e0ff',
-                                }, children: formatPlanLabel(currentPlan) })] })), billing && (jsx("div", { className: "border-t border-gray-100 p-3 flex gap-2", children: isFreePlan || billing.free_trial ? (jsxs("button", { type: "button", onClick: () => handleUpgrade('premium'), disabled: isUpgrading, className: "flex h-9 w-full items-center justify-center gap-2 text-sm font-medium text-white transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1447e6] focus-visible:ring-offset-1 disabled:opacity-70", style: {
+                                }, children: planLabel })] })), billing && (jsx("div", { className: "border-t border-gray-100 p-3 flex gap-2", children: isFreePlan || isTrialPlan ? (jsxs("button", { type: "button", onClick: () => handleUpgrade('premium'), disabled: isUpgrading, className: "flex h-9 w-full items-center justify-center gap-2 text-sm font-medium text-white transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1447e6] focus-visible:ring-offset-1 disabled:opacity-70", style: {
                                 background: 'linear-gradient(to right, rgb(56, 161, 229), rgb(114, 132, 255))',
                                 borderRadius: '6px',
                             }, children: [isUpgrading ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Sparkles, { className: "h-4 w-4", "aria-hidden": "true" })), isUpgrading ? 'Redirecting...' : 'Upgrade Plan'] })) : hasPaymentMethod ? (jsxs(Fragment$1, { children: [jsx("button", { type: "button", onClick: handleOpenAutoRechargeModal, className: "flex h-9 flex-1 items-center justify-center text-sm font-medium text-white transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1447e6] focus-visible:ring-offset-1", style: {

package/dist/web-containers/source/next/index.esm.js

@@ -163316,8 +163316,14 @@ function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, c
         return (jsx("div", { className: "container max-w-3xl !mt-0", children: jsxs("div", { className: "space-y-4", children: [jsx(SectionSkeleton, {}), jsx(SectionSkeleton, { withBody: true }), jsx(SectionSkeleton, { withBody: true })] }) }));
     }
     const billing = billingInfo;
-    const planLabel = formatPlanLabel(billing === null || billing === void 0 ? void 0 : billing.current_plan);
-    const isFreePlan = planLabel === 'Free';
+    const isFreePlan = formatPlanLabel(billing === null || billing === void 0 ? void 0 : billing.current_plan) === 'Free' ||
+        (Boolean(billing === null || billing === void 0 ? void 0 : billing.free_trial) && (billing === null || billing === void 0 ? void 0 : billing.platform_key) !== mainPlatformKey);
+    const isTrialPlan = Boolean(billing === null || billing === void 0 ? void 0 : billing.free_trial) && (billing === null || billing === void 0 ? void 0 : billing.platform_key) === mainPlatformKey;
+    const planLabel = isFreePlan
+        ? 'Free'
+        : isTrialPlan
+            ? 'Trial'
+            : 'Premium';
     const availableCredits = (_a = Number(billing === null || billing === void 0 ? void 0 : billing.available_credits)) !== null && _a !== void 0 ? _a : 0;
     const consumedCredits = (billing === null || billing === void 0 ? void 0 : billing.consumed_credits) != null ? parseInt(billing.consumed_credits, 10) : null;
     const hasPaymentMethod = Boolean(billing === null || billing === void 0 ? void 0 : billing.has_payment_method);
@@ -163338,11 +163344,11 @@ function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, c
         }
         return 'Manage your subscription and billing details';
     })();
-    return (jsxs("div", { className: "container mx-auto max-w-3xl !mt-0", children: [jsxs("div", { className: "space-y-4", children: [jsx(Section, { title: "Plan", testId: "billing-plan-section", description: planDescription, action: planLabel !== 'Premium' ? (jsxs(Button$1, { onClick: () => handleUpgrade('premium'), disabled: isUpgrading, className: "h-9 px-4 text-[14px] font-medium text-white bg-gradient-to-r from-[rgb(56,161,229)] to-[rgb(114,132,255)] hover:opacity-90 disabled:opacity-70", children: [isUpgrading ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Sparkles, { className: "h-4 w-4" })), isUpgrading ? 'Redirecting...' : 'Upgrade'] })) : undefined, children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { "data-testid": "billing-plan-label", className: "text-[18px] font-semibold leading-7 text-[#101828] dark:text-gray-100", children: planLabel }), jsx("span", { className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
+    return (jsxs("div", { className: "container mx-auto max-w-3xl !mt-0", children: [jsxs("div", { className: "space-y-4", children: [jsx(Section, { title: "Plan", testId: "billing-plan-section", description: planDescription, action: isFreePlan || isTrialPlan ? (jsxs(Button$1, { onClick: () => handleUpgrade('premium'), disabled: isUpgrading, className: "h-9 px-4 text-[14px] font-medium text-white bg-gradient-to-r from-[rgb(56,161,229)] to-[rgb(114,132,255)] hover:opacity-90 disabled:opacity-70", children: [isUpgrading ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Sparkles, { className: "h-4 w-4" })), isUpgrading ? 'Redirecting...' : 'Upgrade'] })) : undefined, children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { "data-testid": "billing-plan-label", className: "text-[18px] font-semibold leading-7 text-[#101828] dark:text-gray-100", children: planLabel }), jsx("span", { className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
                                         backgroundColor: '#f5f8ff',
                                         color: '#155dfc',
                                         border: '1px solid #d0e0ff',
-                                    }, children: "Current" })] }) }), jsx(Section, { title: "Credits", testId: "billing-credits-section", description: "Track your available credits and usage.", action: isFreePlan ? undefined : hasPaymentMethod ? (jsx(Button$1, { variant: "outline", onClick: () => setIsAddCreditsModalOpen(true), className: "h-9 px-4 text-[14px] font-medium", children: "Add Credits" })) : (jsxs(Button$1, { onClick: handleSetupPaymentMethod, disabled: isRedirectingToPaymentSettings, className: "h-9 px-4 text-[14px] font-medium bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [isRedirectingToPaymentSettings ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Wallet, { className: "h-4 w-4" })), isRedirectingToPaymentSettings ? 'Redirecting...' : 'Manage Billing'] })), children: jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [jsx(Stat, { label: "Available", value: `${formatCredits(availableCredits)} Credits`, hint: "Credits remaining" }), consumedCredits != null && (jsx(Stat, { label: "Consumed", value: `${formatCredits(consumedCredits)} Credits`, hint: "Used this period" })), (billing === null || billing === void 0 ? void 0 : billing.credits_reset_date) && (jsx(Stat, { label: "Resets on", value: formatRenewalDate(billing.credits_reset_date), hint: "Next reset date" }))] }) }), hasPaymentMethod && !isFreePlan && (jsx(Section, { title: "Auto Recharge", testId: "billing-auto-recharge-section", description: "Top up your balance automatically when credits run low.", action: jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { "data-testid": "billing-auto-recharge-status", className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
+                                    }, children: "Current" })] }) }), jsx(Section, { title: "Credits", testId: "billing-credits-section", description: "Track your available credits and usage.", action: isFreePlan || isTrialPlan ? undefined : hasPaymentMethod ? (jsx(Button$1, { variant: "outline", onClick: () => setIsAddCreditsModalOpen(true), className: "h-9 px-4 text-[14px] font-medium", children: "Add Credits" })) : (jsxs(Button$1, { onClick: handleSetupPaymentMethod, disabled: isRedirectingToPaymentSettings, className: "h-9 px-4 text-[14px] font-medium bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [isRedirectingToPaymentSettings ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Wallet, { className: "h-4 w-4" })), isRedirectingToPaymentSettings ? 'Redirecting...' : 'Manage Billing'] })), children: jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [jsx(Stat, { label: "Available", value: `${formatCredits(availableCredits)} Credits`, hint: "Credits remaining" }), consumedCredits != null && (jsx(Stat, { label: "Consumed", value: `${formatCredits(consumedCredits)} Credits`, hint: "Used this period" })), (billing === null || billing === void 0 ? void 0 : billing.credits_reset_date) && (jsx(Stat, { label: "Resets on", value: formatRenewalDate(billing.credits_reset_date), hint: "Next reset date" }))] }) }), !isFreePlan && !isTrialPlan && hasPaymentMethod && (jsx(Section, { title: "Auto Recharge", testId: "billing-auto-recharge-section", description: "Top up your balance automatically when credits run low.", action: jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { "data-testid": "billing-auto-recharge-status", className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
                                         backgroundColor: isAutoRechargeEnabled ? '#f5f8ff' : '#f3f4f6',
                                         color: isAutoRechargeEnabled ? '#155dfc' : '#6a7282',
                                         border: `1px solid ${isAutoRechargeEnabled ? '#d0e0ff' : '#e5e7eb'}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -62,9 +62,9 @@
     "dotenv": "16.6.1",
     "winston": "3.19.0",
     "@iblai/data-layer": "1.4.0",
-    "@iblai/mcp": "1.4.0",
-    "@iblai/web-utils": "1.4.0",
-    "@iblai/web-containers": "1.4.0"
+    "@iblai/web-containers": "1.4.1",
+    "@iblai/mcp": "1.4.1",
+    "@iblai/web-utils": "1.4.0"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",