@arbidocs/blocks 0.4.108 → 0.4.110

package/dist/settings/index.cjs

@@ -1,19 +1,19 @@
 "use client";
 'use strict';
 
-var chunk5YXG342J_cjs = require('../chunk-5YXG342J.cjs');
+var chunkW7ZDBPJ3_cjs = require('../chunk-W7ZDBPJ3.cjs');
 var chunk223D4727_cjs = require('../chunk-223D4727.cjs');
 var chunk46IU3UPF_cjs = require('../chunk-46IU3UPF.cjs');
 var chunkS5HZBXZA_cjs = require('../chunk-S5HZBXZA.cjs');
 var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
-var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
 var chunkDVUZTGVL_cjs = require('../chunk-DVUZTGVL.cjs');
 var chunk32HW2Q33_cjs = require('../chunk-32HW2Q33.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 require('../chunk-ADOKTJHV.cjs');
+var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
 require('../chunk-PPCATBOY.cjs');
-var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
-var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
+var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 require('../chunk-DES3K4SD.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -2110,6 +2110,100 @@ function RenameDialog({
     ] })
   ] }) });
 }
+var DEFAULT_FIRM_POOL_SECTION_LABELS = {
+  title: "Firm AI usage",
+  used: "This month",
+  premiumOnly: "Standard AI is unlimited; the allowance applies to Premium AI.",
+  resets: (date) => `resets ${date}`,
+  usageUnknown: "Usage is being calculated.",
+  autoAddons: (count) => `Auto add-ons (${count})`,
+  topUpLabel: "Add-ons to buy",
+  topUp: "Add AI usage",
+  toppingUp: "Adding\u2026",
+  topUpHelp: (perAddon) => `Each add-on adds ${perAddon} of AI usage a month, pooled across the firm.`
+};
+var FIRM_POOL_MAX_TOP_UP = 100;
+var defaultFormat = (gbp) => `\xA3${gbp.toLocaleString("en-GB", { maximumFractionDigits: 2 })}`;
+function FirmPoolSection({
+  view,
+  formatAmount = defaultFormat,
+  onTopUp,
+  isToppingUp = false,
+  labels,
+  testId = "firm-pool"
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_FIRM_POOL_SECTION_LABELS, ...labels }), [labels]);
+  const [count, setCount] = react.useState(1);
+  const valid = Number.isInteger(count) && count >= 1 && count <= FIRM_POOL_MAX_TOP_UP;
+  const used = view.usedGbp;
+  const pct = used != null && view.totalGbp > 0 ? used / view.totalGbp * 100 : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "px-1 text-sm font-semibold text-foreground", children: l.title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 px-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunk46IU3UPF_cjs.UsageMeter,
+        {
+          label: l.used,
+          hint: view.resetsAt ? l.resets(view.resetsAt) : void 0,
+          value: `${used != null ? formatAmount(used) : "\u2014"} / ${formatAmount(view.totalGbp)}`,
+          pct,
+          testId: `${testId}-usage`
+        }
+      ),
+      used == null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.usageUnknown }),
+      view.autoAddons && /* @__PURE__ */ jsxRuntime.jsx(
+        chunk46IU3UPF_cjs.UsageMeter,
+        {
+          label: l.autoAddons(view.autoAddons.count),
+          value: `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
+          pct: view.autoAddons.pct,
+          testId: `${testId}-auto-addons`
+        }
+      ),
+      view.premiumOnly && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-premium-only`, children: l.premiumOnly }),
+      onTopUp && /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "flex flex-wrap items-end gap-2",
+          "data-testid": `${testId}-top-up`,
+          onSubmit: (event) => {
+            event.preventDefault();
+            if (valid && !isToppingUp) onTopUp(count);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
+              l.topUpLabel,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  type: "number",
+                  min: 1,
+                  max: FIRM_POOL_MAX_TOP_UP,
+                  step: 1,
+                  value: Number.isNaN(count) ? "" : count,
+                  onChange: (event) => setCount(event.target.valueAsNumber),
+                  className: "h-8 w-24",
+                  "data-testid": `${testId}-top-up-count`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: !valid || isToppingUp,
+                "data-testid": `${testId}-top-up-button`,
+                children: isToppingUp ? l.toppingUp : l.topUp
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "w-full text-xs text-muted-foreground", children: l.topUpHelp(formatAmount(view.addonGbp ?? 10)) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
 var DEFAULT_SUPPORT_PANEL_LABELS = {
   support: "Support",
   userGuide: "User Guide"
@@ -3481,135 +3575,135 @@ function ErrorDialogView({
 
 Object.defineProperty(exports, "ActiveSessionsDialog", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.ActiveSessionsDialog; }
+  get: function () { return chunkW7ZDBPJ3_cjs.ActiveSessionsDialog; }
 });
 Object.defineProperty(exports, "AvatarPicker", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.AvatarPicker; }
+  get: function () { return chunkW7ZDBPJ3_cjs.AvatarPicker; }
 });
 Object.defineProperty(exports, "DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_AVATAR_PICKER_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_AVATAR_PICKER_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_AVATAR_PICKER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_IDENTITY_VERIFICATION_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_IDENTITY_VERIFICATION_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_IDENTITY_VERIFICATION_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_LOGOUT_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_LOGOUT_DIALOG_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_LOGOUT_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PROFILE_CARD_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_PROFILE_CARD_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_PROFILE_CARD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SETTINGS_DANGER_ZONE_LABELS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DEFAULT_SETTINGS_DANGER_ZONE_LABELS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DEFAULT_SETTINGS_DANGER_ZONE_LABELS; }
 });
 Object.defineProperty(exports, "DeleteAccountDialog", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.DeleteAccountDialog; }
+  get: function () { return chunkW7ZDBPJ3_cjs.DeleteAccountDialog; }
 });
 Object.defineProperty(exports, "EMAIL_NOTIFICATION_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.EMAIL_NOTIFICATION_CATEGORIES; }
+  get: function () { return chunkW7ZDBPJ3_cjs.EMAIL_NOTIFICATION_CATEGORIES; }
 });
 Object.defineProperty(exports, "EMAIL_NOTIFICATION_KEYS", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.EMAIL_NOTIFICATION_KEYS; }
+  get: function () { return chunkW7ZDBPJ3_cjs.EMAIL_NOTIFICATION_KEYS; }
 });
 Object.defineProperty(exports, "IdentityVerificationCard", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.IdentityVerificationCard; }
+  get: function () { return chunkW7ZDBPJ3_cjs.IdentityVerificationCard; }
 });
 Object.defineProperty(exports, "IdentityVerificationDialog", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.IdentityVerificationDialog; }
+  get: function () { return chunkW7ZDBPJ3_cjs.IdentityVerificationDialog; }
 });
 Object.defineProperty(exports, "LogoutDialog", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.LogoutDialog; }
+  get: function () { return chunkW7ZDBPJ3_cjs.LogoutDialog; }
 });
 Object.defineProperty(exports, "NotificationCategoryList", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.NotificationCategoryList; }
+  get: function () { return chunkW7ZDBPJ3_cjs.NotificationCategoryList; }
 });
 Object.defineProperty(exports, "PasswordChangeDialog", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.PasswordChangeDialog; }
+  get: function () { return chunkW7ZDBPJ3_cjs.PasswordChangeDialog; }
 });
 Object.defineProperty(exports, "ProfileCard", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.ProfileCard; }
+  get: function () { return chunkW7ZDBPJ3_cjs.ProfileCard; }
 });
 Object.defineProperty(exports, "RequireVerified", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.RequireVerified; }
+  get: function () { return chunkW7ZDBPJ3_cjs.RequireVerified; }
 });
 Object.defineProperty(exports, "SettingsActionRow", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsActionRow; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsActionRow; }
 });
 Object.defineProperty(exports, "SettingsCard", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsCard; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsCard; }
 });
 Object.defineProperty(exports, "SettingsDangerZone", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsDangerZone; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsDangerZone; }
 });
 Object.defineProperty(exports, "SettingsPanel", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsPanel; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsPanel; }
 });
 Object.defineProperty(exports, "SettingsRow", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsRow; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsRow; }
 });
 Object.defineProperty(exports, "SettingsSection", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsSection; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsSection; }
 });
 Object.defineProperty(exports, "SettingsSwitchGroup", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsSwitchGroup; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsSwitchGroup; }
 });
 Object.defineProperty(exports, "SettingsSwitchRow", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.SettingsSwitchRow; }
+  get: function () { return chunkW7ZDBPJ3_cjs.SettingsSwitchRow; }
 });
 Object.defineProperty(exports, "formatSessionTtl", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.formatSessionTtl; }
+  get: function () { return chunkW7ZDBPJ3_cjs.formatSessionTtl; }
 });
 Object.defineProperty(exports, "toActiveSessionViews", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.toActiveSessionViews; }
+  get: function () { return chunkW7ZDBPJ3_cjs.toActiveSessionViews; }
 });
 Object.defineProperty(exports, "toDeleteBlockerViews", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.toDeleteBlockerViews; }
+  get: function () { return chunkW7ZDBPJ3_cjs.toDeleteBlockerViews; }
 });
 Object.defineProperty(exports, "toLogoutSessionViews", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.toLogoutSessionViews; }
+  get: function () { return chunkW7ZDBPJ3_cjs.toLogoutSessionViews; }
 });
 Object.defineProperty(exports, "toNotificationCategories", {
   enumerable: true,
-  get: function () { return chunk5YXG342J_cjs.toNotificationCategories; }
+  get: function () { return chunkW7ZDBPJ3_cjs.toNotificationCategories; }
 });
 Object.defineProperty(exports, "ModalBreadcrumbHeader", {
   enumerable: true,
@@ -3676,6 +3770,7 @@ exports.DEFAULT_CONVERSATION_TITLE_SECTION_LABELS = DEFAULT_CONVERSATION_TITLE_S
 exports.DEFAULT_DAILY_CAP_FIELD_LABELS = DEFAULT_DAILY_CAP_FIELD_LABELS;
 exports.DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS = DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS;
 exports.DEFAULT_ERROR_DIALOG_LABELS = DEFAULT_ERROR_DIALOG_LABELS;
+exports.DEFAULT_FIRM_POOL_SECTION_LABELS = DEFAULT_FIRM_POOL_SECTION_LABELS;
 exports.DEFAULT_INLINE_NAME_EDITOR_LABELS = DEFAULT_INLINE_NAME_EDITOR_LABELS;
 exports.DEFAULT_INVITE_CONTACTS_DIALOG_LABELS = DEFAULT_INVITE_CONTACTS_DIALOG_LABELS;
 exports.DEFAULT_INVOICES_DIALOG_LABELS = DEFAULT_INVOICES_DIALOG_LABELS;
@@ -3703,6 +3798,8 @@ exports.DEFAULT_WORK_OFFLINE_LABELS = DEFAULT_WORK_OFFLINE_LABELS;
 exports.DailyCapField = DailyCapField;
 exports.EmailWorkspaceDialogView = EmailWorkspaceDialogView;
 exports.ErrorDialogView = ErrorDialogView;
+exports.FIRM_POOL_MAX_TOP_UP = FIRM_POOL_MAX_TOP_UP;
+exports.FirmPoolSection = FirmPoolSection;
 exports.FloatingPanel = FloatingPanel;
 exports.InlineNameEditor = InlineNameEditor;
 exports.InviteContactsDialog = InviteContactsDialog;