microboard-ui-temp 0.1.52 → 0.1.53

package/dist/index.js

@@ -332635,16 +332635,16 @@ Upgrade to Plus to increase the limit and keep working`,
     upgradePlan: "Upgrade Plan",
     currentPlanFree: {
       part1: "The ",
-      part2: " plan is active. Tokens balance: {{tokensBalance}}."
+      part2: " plan is active."
     },
     limits: "Limits",
     currentPlanPending: {
       part1: "The ",
-      part2: " plan is paid until {{cancellationDate}}. Tokens balance: {{tokensBalance}}."
+      part2: " plan is paid until {{cancellationDate}}."
     },
     currentPlanActive: {
       part1: "The current ",
-      part2: " plan is paid until {{cancellationDate}}. Tokens balance: {{tokensBalance}}. Auto-payment is enabled."
+      part2: " plan is paid until {{cancellationDate}}. Auto-payment is enabled."
     },
     nextPayment: "Next payment: {{paymentDate}}",
     pendingBtn: "The plan will be effective as of {{activationDate}}",
@@ -332699,8 +332699,6 @@ Upgrade to Plus to increase the limit and keep working`,
         name: "Basic",
         description: "GPT-4o mini",
         features: [
-          "GPT-4o mini",
-          "DeepSeek-R1",
           "Unlimited boards and figures",
           "Media storage — up to 100 MB"
         ],
@@ -332711,7 +332709,6 @@ Upgrade to Plus to increase the limit and keep working`,
         description: "GPT-4o mini",
         features: [
           "All features of the Basic plan",
-          "All premium board features except extra AI",
           "Media storage — up to 100 GB",
           "Premium support"
         ],
@@ -333873,16 +333870,16 @@ var ru_default = {
     upgradePlan: "Выбрать тариф",
     currentPlanFree: {
       part1: "Тариф ",
-      part2: " активен. Баланс токенов: {{tokensBalance}}."
+      part2: " активен."
     },
     limits: "Лимиты",
     currentPlanPending: {
       part1: "Тариф ",
-      part2: " оплачен до {{cancellationDate}}. Баланс токенов: {{tokensBalance}}."
+      part2: " оплачен до {{cancellationDate}}."
     },
     currentPlanActive: {
       part1: "Тариф ",
-      part2: " оплачен до {{cancellationDate}}. Баланс токенов: {{tokensBalance}}. Подключен автоплатеж."
+      part2: " оплачен до {{cancellationDate}}. Подключен автоплатеж."
     },
     nextPayment: "Следующее списание: {{paymentDate}}",
     pendingBtn: "Будет действовать с {{activationDate}}",
@@ -333964,8 +333961,6 @@ var ru_default = {
         name: "Базовый",
         description: "GPT-4o mini",
         features: [
-          "GPT-4o mini",
-          "DeepSeek-R1",
           "Доски, фигуры — без ограничений",
           "Добавление медиа - до 100 МБ"
         ],
@@ -333976,7 +333971,6 @@ var ru_default = {
         description: "GPT-4o mini",
         features: [
           "Все возможности тарифа Базовый",
-          "Все премиум возможности доски за исключением ИИ",
           "Добавление медиа - до 100 ГБ",
           "Премиум поддержка"
         ],
@@ -343228,29 +343222,7 @@ function PlanCard({
     pattern: "tertiary"
   }, getButtonLabel())), description && /* @__PURE__ */ import_react165.default.createElement("div", {
     className: PlanCard_module_default.models
-  }, description)), state26 !== "downgrade" && /* @__PURE__ */ import_react165.default.createElement(import_react165.default.Fragment, null, /* @__PURE__ */ import_react165.default.createElement(Button, {
-    onClick: getHandler(),
-    className: PlanCard_module_default.button,
-    disabled: state26 === "current" && !buttonText || state26 === "pending",
-    pattern: state26 === "pending" ? "tertiary" : "primary"
-  }, getButtonLabel())), additionalFeature && /* @__PURE__ */ import_react165.default.createElement("div", {
-    className: clsx_default(PlanCard_module_default.feature, PlanCard_module_default.tokenFeature)
-  }, /* @__PURE__ */ import_react165.default.createElement("span", null, additionalFeature), additionalFeatureTooltip && /* @__PURE__ */ import_react165.default.createElement("div", {
-    className: PlanCard_module_default.tooltipContainer
-  }, /* @__PURE__ */ import_react165.default.createElement(Icon, {
-    iconName: "InformationLine",
-    width: 24,
-    height: 24,
-    className: PlanCard_module_default.tooltipIcon
-  }), /* @__PURE__ */ import_react165.default.createElement(Tooltip, {
-    id: `${name2}-${additionalFeature}-tooltip`,
-    tooltip: additionalFeatureTooltip,
-    tooltipPosition: "right",
-    tooltipAlign: "left",
-    className: PlanCard_module_default.tooltip,
-    allowTextWrap: true,
-    width: "232px"
-  }))), /* @__PURE__ */ import_react165.default.createElement(UiSeparator, null), /* @__PURE__ */ import_react165.default.createElement("ul", {
+  }, description)), /* @__PURE__ */ import_react165.default.createElement(UiSeparator, null), /* @__PURE__ */ import_react165.default.createElement("ul", {
     className: PlanCard_module_default.features
   }, features.map((feature) => /* @__PURE__ */ import_react165.default.createElement("li", {
     className: PlanCard_module_default.feature,
@@ -343834,11 +343806,9 @@ function PlusAIPlanCard() {
   const { openModal: openModal2 } = useUiModalContext();
   const { openModalConfirm } = useConfirmModalContext();
   const [plan, setPlan] = import_react167.useState(null);
-  const [plans, setPlans] = import_react167.useState([]);
   const [isLoading, setIsLoading] = import_react167.useState(true);
   import_react167.useEffect(() => {
     exports_billing.getPlans().then(({ data }) => {
-      setPlans(data ?? []);
       const plusAIPlan = data?.find(({ id: id3 }) => id3 === "plusAI");
       setPlan(plusAIPlan ?? null);
     }).finally(() => setIsLoading(false));
@@ -343908,32 +343878,20 @@ function PlusAIPlanCard() {
     return;
   };
   const isPlusAIPlan = account.billingInfo?.plan.name === plan?.name;
-  const isPlusActive = account.billingInfo?.plan.name === "plus";
-  const plusPlan = plans.find((p4) => p4.id === "plus");
-  const plusAIPrice = plan?.price ? Number(plan.price) : 0;
-  const plusPrice = plusPlan?.price ? Number(plusPlan.price) : 0;
-  const discountedPrice = isPlusActive ? Math.max(plusAIPrice - plusPrice, 0) : plusAIPrice;
-  const handleUpgradeWithDiscount = async (ev) => {
-    ev.preventDefault();
-    ev.stopPropagation();
-    await exports_billing.createCheckout({
-      planId: plan?.id || "plusAI",
-      successUrl: window.location.href,
-      cancelUrl: window.location.href
-    });
-  };
   const planState = getPlusSubState();
   return /* @__PURE__ */ import_react167.default.createElement(PlanCard, {
     name: t10("userPlan.plans.plusAI.name"),
-    features: t10("userPlan.plans.plusAI.features", { returnObjects: true }),
+    features: t10("userPlan.plans.plusAI.features", {
+      returnObjects: true
+    }),
     additionalFeature: t10("userPlan.plans.plusAI.tokensFeature"),
     additionalFeatureTooltip: t10("userPlan.tokensTooltip"),
     variant: "plus",
-    price: discountedPrice,
+    price: isPlusAIPlan ? 8 : account.getIsAnnualPayment() ? annualToMonthlyPrice(plan?.annualPrice) : plan?.price,
     isTokenPrice: isPlusAIPlan,
     oldPrice: !isPlusAIPlan && account.getIsAnnualPayment() ? typeof plan?.price === "number" ? plan.price : null : null,
     state: planState,
-    onSubscribe: isPlusActive ? handleUpgradeWithDiscount : handleOpenPaymentModal,
+    onSubscribe: isPlusAIPlan ? handleBuyTokens : handleOpenPaymentModal,
     onDowngrade,
     isLoading,
     buttonText: isPlusAIPlan ? t10("userPlan.buyTokens") : undefined
@@ -344017,29 +343975,21 @@ function PlusPlanCard() {
     return;
   };
   const isPlusPlan = account.billingInfo?.plan.name === plan?.name;
-  const isPlusAIActive = account.billingInfo?.plan.name === "plusAI";
   const planState = getPlusSubState();
-  const handleDowngradeFromPlusAI = async () => {
-    await changePlan("plus");
-    notify2({
-      header: "Тариф обновлен",
-      body: t10("userPlan.downgradeModal.description", {
-        planName: conf.planNames["plus"]
-      })
-    });
-  };
   return /* @__PURE__ */ import_react167.default.createElement(PlanCard, {
     name: t10("userPlan.plans.plus.name"),
-    features: t10("userPlan.plans.plus.features", { returnObjects: true }),
+    features: t10("userPlan.plans.plus.features", {
+      returnObjects: true
+    }),
     variant: "basic",
-    price: isPlusPlan ? 6 : account.getIsAnnualPayment() ? annualToMonthlyPrice(plan?.annualPrice) : plan?.price ?? 0,
+    price: isPlusPlan ? 6 : account.getIsAnnualPayment() ? annualToMonthlyPrice(plan?.annualPrice) : plan?.price,
     additionalFeature: t10("userPlan.plans.plus.tokensFeature"),
     additionalFeatureTooltip: t10("userPlan.tokensTooltip"),
     isTokenPrice: isPlusPlan,
     oldPrice: !isPlusPlan && account.getIsAnnualPayment() ? typeof plan?.price === "number" ? plan.price : null : null,
-    state: isPlusAIActive ? "downgrade" : planState,
+    state: planState,
     onSubscribe: handleOpenPaymentModal,
-    onDowngrade: isPlusAIActive ? handleDowngradeFromPlusAI : onDowngrade,
+    onDowngrade,
     isLoading,
     buttonText: isPlusPlan ? t10("userPlan.buyTokens") : undefined
   });
@@ -344176,24 +344126,46 @@ function ModelRow({
   }, formatDate(startDate), " - ", formatDate(endDate))), /* @__PURE__ */ import_react168.default.createElement("td", null, formatDate(startDate)), /* @__PURE__ */ import_react168.default.createElement("td", null, paymentType === "card" ? `$${centToUsd2(price)}` : `${price} ${symbol}`), /* @__PURE__ */ import_react168.default.createElement("td", null, PAYMENT_TYPE_DISPLAYNAME[paymentType]));
 }
 
+// src/features/UserPlan/HistoryModal.tsx
+var import_react169 = __toESM(require_react(), 1);
+var HISTORY_MODAL_ID = Symbol("historyModal");
+function HistoryModal() {
+  const { t: t10 } = useTranslation();
+  const { openModal: openModal2 } = useUiModalContext();
+  const handleBackButton = () => openModal2(USER_PLAN_MODAL_ID);
+  return /* @__PURE__ */ import_react169.default.createElement(UiModal, {
+    modalId: HISTORY_MODAL_ID,
+    closeByBgClick: false
+  }, /* @__PURE__ */ import_react169.default.createElement("div", {
+    className: UserPlanModal_module_default.wrapper
+  }, /* @__PURE__ */ import_react169.default.createElement("h1", {
+    className: UserPlanModal_module_default.heading
+  }, t10("userPlan.paymentHistoryHeading")), /* @__PURE__ */ import_react169.default.createElement(HistoryTable, null), /* @__PURE__ */ import_react169.default.createElement("button", {
+    className: UserPlanModal_module_default.plansBtn,
+    onClick: handleBackButton
+  }, /* @__PURE__ */ import_react169.default.createElement(Icon, {
+    iconName: "ArrowLeft1"
+  }), t10("userPlan.backToPlans"))));
+}
+
 // src/features/UserPlan/LimitsModal.tsx
-var import_react172 = __toESM(require_react(), 1);
+var import_react173 = __toESM(require_react(), 1);
 
 // src/features/UserPlan/LimitsTable.tsx
-var import_react171 = __toESM(require_react(), 1);
+var import_react172 = __toESM(require_react(), 1);
 var import_react_dom7 = __toESM(require_react_dom(), 1);
 
 // src/shared/lib/useClientRect.ts
-var import_react169 = __toESM(require_react(), 1);
+var import_react170 = __toESM(require_react(), 1);
 function useBoundingClientRect() {
-  const elementRef = import_react169.useRef(null);
-  const [rect, setRect] = import_react169.useState(null);
-  const updateRect = import_react169.useCallback(() => {
+  const elementRef = import_react170.useRef(null);
+  const [rect, setRect] = import_react170.useState(null);
+  const updateRect = import_react170.useCallback(() => {
     if (elementRef.current) {
       setRect(elementRef.current.getBoundingClientRect());
     }
   }, []);
-  import_react169.useLayoutEffect(() => {
+  import_react170.useLayoutEffect(() => {
     updateRect();
     const observer = new MutationObserver(() => updateRect());
     if (elementRef.current) {
@@ -344213,9 +344185,9 @@ function useBoundingClientRect() {
 }
 
 // src/shared/lib/useHoverState.ts
-var import_react170 = __toESM(require_react(), 1);
+var import_react171 = __toESM(require_react(), 1);
 function useHoverState() {
-  const [isHover, setIsHover] = import_react170.useState(false);
+  const [isHover, setIsHover] = import_react171.useState(false);
   const handlePointerEnter = () => setIsHover(true);
   const handlePointerLeave = () => setIsHover(false);
   return {
@@ -344251,17 +344223,17 @@ function LimitsTable() {
   const currentPlanName = account.billingInfo?.plan.name || "basic";
   const isPlusAI = currentPlanName.toLowerCase() === "plusai";
   const sortedModels = models?.filter(({ id: id3 }) => MODELS_ORDER.includes(id3)).sort((model1, model2) => MODELS_ORDER.indexOf(model1.id) - MODELS_ORDER.indexOf(model2.id));
-  return /* @__PURE__ */ import_react171.default.createElement("table", {
+  return /* @__PURE__ */ import_react172.default.createElement("table", {
     className: LimitsTable_module_default.table
-  }, /* @__PURE__ */ import_react171.default.createElement("thead", null, /* @__PURE__ */ import_react171.default.createElement("tr", {
+  }, /* @__PURE__ */ import_react172.default.createElement("thead", null, /* @__PURE__ */ import_react172.default.createElement("tr", {
     className: LimitsTable_module_default.header
-  }, /* @__PURE__ */ import_react171.default.createElement("th", {
+  }, /* @__PURE__ */ import_react172.default.createElement("th", {
     className: LimitsTable_module_default.modelsHeading
-  }, t10("userPlan.limitsTable.modelName")), /* @__PURE__ */ import_react171.default.createElement("th", {
+  }, t10("userPlan.limitsTable.modelName")), /* @__PURE__ */ import_react172.default.createElement("th", {
     className: clsx_default(!isPlusAI && LimitsTable_module_default.currentTariff)
-  }, t10("userPlan.plans.basic.name") + "/" + t10("userPlan.plans.plus.name"), /* @__PURE__ */ import_react171.default.createElement("div", null, t10("userPlan.limitsTable.costPerRequest"))), /* @__PURE__ */ import_react171.default.createElement("th", {
+  }, t10("userPlan.plans.basic.name") + "/" + t10("userPlan.plans.plus.name"), /* @__PURE__ */ import_react172.default.createElement("div", null, t10("userPlan.limitsTable.costPerRequest"))), /* @__PURE__ */ import_react172.default.createElement("th", {
     className: clsx_default(isPlusAI && LimitsTable_module_default.currentTariff)
-  }, t10("userPlan.plans.plusAI.name"), /* @__PURE__ */ import_react171.default.createElement("div", null, t10("userPlan.limitsTable.costPerRequest"))))), /* @__PURE__ */ import_react171.default.createElement("tbody", null, sortedModels?.map((model) => /* @__PURE__ */ import_react171.default.createElement(ModelRow2, {
+  }, t10("userPlan.plans.plusAI.name"), /* @__PURE__ */ import_react172.default.createElement("div", null, t10("userPlan.limitsTable.costPerRequest"))))), /* @__PURE__ */ import_react172.default.createElement("tbody", null, sortedModels?.map((model) => /* @__PURE__ */ import_react172.default.createElement(ModelRow2, {
     key: model.id,
     name: DISPLAYNAME_MAP[model.id] || model.displayName,
     description: t10(`models.descriptions.${model.id}`, ""),
@@ -344278,22 +344250,22 @@ function ModelRow2({ description, name: name2, tokenCost, id: id3, isPlus }) {
   console.log(id3, isAvailableInBasic);
   const isAvailableInPlus = tokenCost > 0;
   const basicCost = isAvailableInBasic ? tokenCost : null;
-  return /* @__PURE__ */ import_react171.default.createElement("tr", {
+  return /* @__PURE__ */ import_react172.default.createElement("tr", {
     className: LimitsTable_module_default.row
-  }, /* @__PURE__ */ import_react171.default.createElement("td", {
+  }, /* @__PURE__ */ import_react172.default.createElement("td", {
     className: LimitsTable_module_default.model
-  }, /* @__PURE__ */ import_react171.default.createElement("p", {
+  }, /* @__PURE__ */ import_react172.default.createElement("p", {
     className: LimitsTable_module_default.modelName
-  }, name2), /* @__PURE__ */ import_react171.default.createElement("p", {
+  }, name2), /* @__PURE__ */ import_react172.default.createElement("p", {
     className: LimitsTable_module_default.modelDescription
-  }, description)), /* @__PURE__ */ import_react171.default.createElement("td", {
+  }, description)), /* @__PURE__ */ import_react172.default.createElement("td", {
     className: clsx_default(LimitsTable_module_default.limit, !isAvailableInBasic && LimitsTable_module_default.modelDisabled, !isPlus && LimitsTable_module_default.currentTariff)
-  }, isAvailableInBasic ? basicCost : t10("userPlan.limitsTable.unavailable")), /* @__PURE__ */ import_react171.default.createElement("td", {
+  }, isAvailableInBasic ? basicCost : t10("userPlan.limitsTable.unavailable")), /* @__PURE__ */ import_react172.default.createElement("td", {
     onPointerEnter: !isAvailableInPlus ? handlePointerEnter : undefined,
     onPointerLeave: !isAvailableInPlus ? handlePointerLeave : undefined,
     ref: elementRef,
     className: clsx_default(LimitsTable_module_default.limit, isPlus && LimitsTable_module_default.currentTariff)
-  }, isAvailableInPlus ? tokenCost : /* @__PURE__ */ import_react171.default.createElement(import_react171.default.Fragment, null, t10("userPlan.limitsTable.unavailable"), /* @__PURE__ */ import_react171.default.createElement(Tooltip2, {
+  }, isAvailableInPlus ? tokenCost : /* @__PURE__ */ import_react172.default.createElement(import_react172.default.Fragment, null, t10("userPlan.limitsTable.unavailable"), /* @__PURE__ */ import_react172.default.createElement(Tooltip2, {
     text: t10("userPlan.limitsTable.availableOnPlus"),
     x: (rect?.left ?? 0) + (rect?.width ?? 0) - 55,
     y: (rect?.top ?? 0) + (rect?.height ?? 0) + 12,
@@ -344301,12 +344273,12 @@ function ModelRow2({ description, name: name2, tokenCost, id: id3, isPlus }) {
   }))));
 }
 function Tooltip2({ text: text5, x: x9, y: y14, visible }) {
-  return import_react_dom7.createPortal(/* @__PURE__ */ import_react171.default.createElement("div", {
+  return import_react_dom7.createPortal(/* @__PURE__ */ import_react172.default.createElement("div", {
     className: clsx_default(LimitsTable_module_default.tipContainer, LimitsTable_module_default.bottomRight, visible && LimitsTable_module_default.visible),
     style: { left: x9, top: y14 }
-  }, /* @__PURE__ */ import_react171.default.createElement("div", {
+  }, /* @__PURE__ */ import_react172.default.createElement("div", {
     className: clsx_default(LimitsTable_module_default.tip)
-  }, /* @__PURE__ */ import_react171.default.createElement("span", {
+  }, /* @__PURE__ */ import_react172.default.createElement("span", {
     className: clsx_default(LimitsTable_module_default.tipText, LimitsTable_module_default.center)
   }, text5))), document.getElementById("tooltip"));
 }
@@ -344320,11 +344292,11 @@ function LimitsModal() {
   const handleBackButton = () => openModal2(USER_PLAN_MODAL_ID);
   const { openModalConfirm } = useConfirmModalContext();
   const onDowngrade = () => {
-    openModalConfirm(/* @__PURE__ */ import_react172.default.createElement("h2", {
+    openModalConfirm(/* @__PURE__ */ import_react173.default.createElement("h2", {
       className: UserPlanModal_module_default.downgradeHeading
     }, t10("userPlan.downgradeModal.heading", {
       planName: conf.planNames[account.billingInfo?.plan.name ?? "basic"]
-    })), /* @__PURE__ */ import_react172.default.createElement("p", {
+    })), /* @__PURE__ */ import_react173.default.createElement("p", {
       className: UserPlanModal_module_default.downgradeDesc
     }, t10("userPlan.downgradeModal.description", {
       planName: conf.planNames[account.billingInfo?.plan.name ?? "basic"],
@@ -344344,14 +344316,14 @@ function LimitsModal() {
       planName: conf.planNames[account.billingInfo?.plan.name ?? "basic"]
     }), t10("userPlan.downgradeModal.cancel"), UserPlanModal_module_default.downgradeConfirmation);
   };
-  return /* @__PURE__ */ import_react172.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react173.default.createElement(UiModal, {
     modalId: LIMITS_MODAL_ID,
     closeByBgClick: false
-  }, /* @__PURE__ */ import_react172.default.createElement("div", {
+  }, /* @__PURE__ */ import_react173.default.createElement("div", {
     className: UserPlanModal_module_default.wrapper
-  }, /* @__PURE__ */ import_react172.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react173.default.createElement("h1", {
     className: UserPlanModal_module_default.heading
-  }, t10("userPlan.currentPlanHeading")), /* @__PURE__ */ import_react172.default.createElement(UserPlanUsage, {
+  }, t10("userPlan.currentPlanHeading")), /* @__PURE__ */ import_react173.default.createElement(UserPlanUsage, {
     cancellationDate: account.billingInfo?.plan.endDate,
     planName: conf.planNames[account.billingInfo?.plan.name ?? "basic"],
     isFree: account.billingInfo?.plan.name === "basic",
@@ -344359,36 +344331,14 @@ function LimitsModal() {
     hasHistory: account.billingHistory.filter((entry) => entry.planId !== "basic").length > 0,
     onCancel: account.billingInfo?.plan.name !== "basic" ? onDowngrade : undefined,
     status: account.billingInfo?.plan.status ?? "active"
-  }), /* @__PURE__ */ import_react172.default.createElement("main", {
+  }), /* @__PURE__ */ import_react173.default.createElement("main", {
     className: UserPlanModal_module_default.tables
-  }, /* @__PURE__ */ import_react172.default.createElement(LimitsTable, null)), /* @__PURE__ */ import_react172.default.createElement("button", {
-    className: UserPlanModal_module_default.plansBtn,
-    onClick: handleBackButton
-  }, /* @__PURE__ */ import_react172.default.createElement(Icon, {
-    iconName: "ArrowLeft1"
-  }), t10("userPlan.backToPlans"))));
-}
-
-// src/features/UserPlan/HistoryModal.tsx
-var import_react173 = __toESM(require_react(), 1);
-var HISTORY_MODAL_ID = Symbol("historyModal");
-function HistoryModal() {
-  const { t: t10 } = useTranslation();
-  const { openModal: openModal2 } = useUiModalContext();
-  const handleBackButton = () => openModal2(LIMITS_MODAL_ID);
-  return /* @__PURE__ */ import_react173.default.createElement(UiModal, {
-    modalId: HISTORY_MODAL_ID,
-    closeByBgClick: false
-  }, /* @__PURE__ */ import_react173.default.createElement("div", {
-    className: UserPlanModal_module_default.wrapper
-  }, /* @__PURE__ */ import_react173.default.createElement("h1", {
-    className: UserPlanModal_module_default.heading
-  }, t10("userPlan.paymentHistoryHeading")), /* @__PURE__ */ import_react173.default.createElement(HistoryTable, null), /* @__PURE__ */ import_react173.default.createElement("button", {
+  }, /* @__PURE__ */ import_react173.default.createElement(LimitsTable, null)), /* @__PURE__ */ import_react173.default.createElement("button", {
     className: UserPlanModal_module_default.plansBtn,
     onClick: handleBackButton
   }, /* @__PURE__ */ import_react173.default.createElement(Icon, {
     iconName: "ArrowLeft1"
-  }), t10("userPlan.backToCurrentPlan"))));
+  }), t10("userPlan.backToPlans"))));
 }
 
 // src/features/UserPlan/UserPlanUsage.tsx
@@ -344443,9 +344393,7 @@ function UserPlanUsage({
     className: UserPlanUsage_module_default.planUsage
   }, isFree ? /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, t10("userPlan.currentPlanFree.part1"), /* @__PURE__ */ import_react174.default.createElement("span", {
     className: clsx_default(UserPlanUsage_module_default.planHighlight, UserPlanUsage_module_default.basicPlan)
-  }, t10("userPlan.plans.basic.name")), t10("userPlan.currentPlanFree.part2", {
-    tokensBalance
-  }), " ", !history2 && /* @__PURE__ */ import_react174.default.createElement("span", {
+  }, t10("userPlan.plans.basic.name")), t10("userPlan.currentPlanFree.part2"), " ", !history2 && /* @__PURE__ */ import_react174.default.createElement("span", {
     className: UserPlanUsage_module_default.limitsBtn,
     onClick: handleOpenLimitsModal
   }, " ", t10("userPlan.limits"), " ", /* @__PURE__ */ import_react174.default.createElement(Icon, {
@@ -344458,25 +344406,23 @@ function UserPlanUsage({
       [UserPlanUsage_module_default.proPlan]: planName === "Pro"
     })
   }, planName), t10("userPlan.currentPlanPending.part2", {
-    cancellationDate: formattedCancellationDate,
-    tokensBalance
+    cancellationDate: formattedCancellationDate
   })) : /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, t10("userPlan.currentPlanActive.part1"), /* @__PURE__ */ import_react174.default.createElement("span", {
     className: clsx_default(UserPlanUsage_module_default.planHighlight, {
       [UserPlanUsage_module_default.plusPlan]: planName === "Plus",
       [UserPlanUsage_module_default.proPlan]: planName === "Pro"
     })
   }, planName), t10("userPlan.currentPlanActive.part2", {
-    cancellationDate: formattedPreviousCancellationDate,
-    tokensBalance
+    cancellationDate: formattedPreviousCancellationDate
   }))), " ", history2 ? hasHistory && /* @__PURE__ */ import_react174.default.createElement("span", {
     onClick: handleOpenHistoryModal,
     className: UserPlanUsage_module_default.limitsBtn
   }, t10("userPlan.paymentHistoryHeading"), !isFree && ".") : !isFree && /* @__PURE__ */ import_react174.default.createElement("span", {
     className: UserPlanUsage_module_default.limitsBtn,
-    onClick: handleOpenLimitsModal
+    onClick: handleOpenHistoryModal
   }, status2 === "active" ? t10("userPlan.nextPayment", {
     paymentDate: formattedCancellationDate
-  }) : t10("userPlan.limits"), /* @__PURE__ */ import_react174.default.createElement(Icon, {
+  }) : t10("userPlan.paymentHistoryHeading"), /* @__PURE__ */ import_react174.default.createElement(Icon, {
     width: 24,
     height: 24,
     iconName: "ArrowRightSm"
@@ -344547,7 +344493,7 @@ function UserPlanModal() {
     className: UserPlanModal_module_default.cardsScroll
   }, /* @__PURE__ */ import_react175.default.createElement("div", {
     className: UserPlanModal_module_default.cards
-  }, /* @__PURE__ */ import_react175.default.createElement(BasicPlanCard, null), /* @__PURE__ */ import_react175.default.createElement(PlusPlanCard, null), /* @__PURE__ */ import_react175.default.createElement(PlusAIPlanCard, null), /* @__PURE__ */ import_react175.default.createElement(ProPlanCard, null))), /* @__PURE__ */ import_react175.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react175.default.createElement(BasicPlanCard, null), /* @__PURE__ */ import_react175.default.createElement(PlusPlanCard, null), window.enableAI && /* @__PURE__ */ import_react175.default.createElement(PlusAIPlanCard, null), /* @__PURE__ */ import_react175.default.createElement(ProPlanCard, null))), /* @__PURE__ */ import_react175.default.createElement(UiButton, {
     variant: "ghostFilled",
     className: UserPlanModal_module_default.back,
     onClick: handleOpenProfileSettings,
@@ -426872,7 +426818,7 @@ function AppView() {
   }), /* @__PURE__ */ import_react414.default.createElement(ContextMenu, null), /* @__PURE__ */ import_react414.default.createElement(ItemTooltip, null), /* @__PURE__ */ import_react414.default.createElement(ViewModeGuard, {
     mode: "edit"
   }, (interfaceType) => {
-    if (interfaceType === "edit") {
+    if (interfaceType === "edit" && window.enableAI) {
       return /* @__PURE__ */ import_react414.default.createElement(AIInput, null);
     }
     return null;

package/dist/types/features/UserPlan/PlanCards.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
 export declare function BasicPlanCard(): import("react/jsx-runtime").JSX.Element;
-export declare function PlusAIPlanCard(): React.JSX.Element;
-export declare function PlusPlanCard(): React.JSX.Element;
+export declare function PlusAIPlanCard(): JSX.Element;
+export declare function PlusPlanCard(): JSX.Element;
 export declare function ProPlanCard(): import("react/jsx-runtime").JSX.Element;

package/dist/types/global.d.ts

@@ -17,6 +17,7 @@ declare global {
     enableTemplateCreating: boolean;
     enableVideos: boolean;
     enableGames: boolean;
+    enableAI: boolean;
     enableDiagrams: boolean;
     enableLogger: () => void;
     disableLogger: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.52",
+  "version": "0.1.53",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",