@streamoid/settings 0.6.1 → 0.6.2

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import react__default, { SVGProps, ReactNode } from 'react';
+import { WorkspaceUsage } from '@streamoid/ui';
 
 /**
  * Settings tab identifiers and URL mapping helpers.
@@ -141,6 +142,13 @@ interface SettingsWorkspaceCurrent {
     /** Optional reactive credit summary if the host tracks it. */
     availableCredits?: number | null;
     totalCredits?: number | null;
+    /**
+     * Storage & bandwidth against the plan allowance, as the HOST has already
+     * fetched and evaluated it (`evaluateWorkspaceUsage` from `@streamoid/ui`).
+     * This package never requests it. When present, the Billing tab renders a
+     * usage meter for each kind; absent or null renders none.
+     */
+    usage?: WorkspaceUsage | null;
     /** ISO country code for the workspace; drives plan currency selection. */
     country?: string;
     /**
@@ -512,6 +520,8 @@ interface MemberPermissionsPayload {
     serviceIds: string[];
     storeIds: string[];
 }
+/** `SettingsWorkspaceCurrent.usage`; re-exported from `@streamoid/ui`. */
+type WorkspaceUsageResponse = WorkspaceUsage;
 interface AvailableCreditsResponse {
     availableCredits: number;
 }
@@ -1384,4 +1394,4 @@ declare function SettingsAdaptersProvider({ adapters, children, }: {
  */
 declare function useSettingsAdapters(): SettingsAdapters;
 
-export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };
+export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, type WorkspaceUsageResponse, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import react__default, { SVGProps, ReactNode } from 'react';
+import { WorkspaceUsage } from '@streamoid/ui';
 
 /**
  * Settings tab identifiers and URL mapping helpers.
@@ -141,6 +142,13 @@ interface SettingsWorkspaceCurrent {
     /** Optional reactive credit summary if the host tracks it. */
     availableCredits?: number | null;
     totalCredits?: number | null;
+    /**
+     * Storage & bandwidth against the plan allowance, as the HOST has already
+     * fetched and evaluated it (`evaluateWorkspaceUsage` from `@streamoid/ui`).
+     * This package never requests it. When present, the Billing tab renders a
+     * usage meter for each kind; absent or null renders none.
+     */
+    usage?: WorkspaceUsage | null;
     /** ISO country code for the workspace; drives plan currency selection. */
     country?: string;
     /**
@@ -512,6 +520,8 @@ interface MemberPermissionsPayload {
     serviceIds: string[];
     storeIds: string[];
 }
+/** `SettingsWorkspaceCurrent.usage`; re-exported from `@streamoid/ui`. */
+type WorkspaceUsageResponse = WorkspaceUsage;
 interface AvailableCreditsResponse {
     availableCredits: number;
 }
@@ -1384,4 +1394,4 @@ declare function SettingsAdaptersProvider({ adapters, children, }: {
  */
 declare function useSettingsAdapters(): SettingsAdapters;
 
-export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };
+export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, type WorkspaceUsageResponse, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };

package/dist/index.js

@@ -9175,6 +9175,7 @@ function BillingContent({
     fetchBillingOverview();
     fetchUserMap();
   }, [fetchBillingOverview, fetchUserMap]);
+  const usage = workspace.current?.usage ?? null;
   (0, import_react14.useEffect)(() => {
     void logBillingEvent("billing_page_viewed", "Billing page viewed", {
       action: "view"
@@ -9482,6 +9483,28 @@ function BillingContent({
         ]
       }
     ),
+    usage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "div",
+      {
+        className: "grid shrink-0 w-full",
+        style: {
+          gap: "var(--spacing-6xl)",
+          gridTemplateColumns: "repeat(auto-fit, minmax(18rem, 1fr))"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_ui9.ScUsageMeterCard, { kind: "storage", plan: usage.plan, status: usage.storage }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            import_ui9.ScUsageMeterCard,
+            {
+              kind: "bandwidth",
+              plan: usage.plan,
+              status: usage.bandwidth,
+              footnote: `This billing month \xB7 resets ${new Date(usage.period.to).toLocaleDateString(void 0, { day: "numeric", month: "short" })}`
+            }
+          )
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BillingTabBar, { activeTab, onTabChange: setActiveTab }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(

package/dist/index.mjs

@@ -6956,7 +6956,8 @@ import {
   ScBillingHistoryTableList,
   ScHeader,
   ScPlanCard,
-  ScPlanComparison
+  ScPlanComparison,
+  ScUsageMeterCard
 } from "@streamoid/ui";
 import {
   SiconDownload,
@@ -9177,6 +9178,7 @@ function BillingContent({
     fetchBillingOverview();
     fetchUserMap();
   }, [fetchBillingOverview, fetchUserMap]);
+  const usage = workspace.current?.usage ?? null;
   useEffect10(() => {
     void logBillingEvent("billing_page_viewed", "Billing page viewed", {
       action: "view"
@@ -9484,6 +9486,28 @@ function BillingContent({
         ]
       }
     ),
+    usage ? /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        className: "grid shrink-0 w-full",
+        style: {
+          gap: "var(--spacing-6xl)",
+          gridTemplateColumns: "repeat(auto-fit, minmax(18rem, 1fr))"
+        },
+        children: [
+          /* @__PURE__ */ jsx18(ScUsageMeterCard, { kind: "storage", plan: usage.plan, status: usage.storage }),
+          /* @__PURE__ */ jsx18(
+            ScUsageMeterCard,
+            {
+              kind: "bandwidth",
+              plan: usage.plan,
+              status: usage.bandwidth,
+              footnote: `This billing month \xB7 resets ${new Date(usage.period.to).toLocaleDateString(void 0, { day: "numeric", month: "short" })}`
+            }
+          )
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
       /* @__PURE__ */ jsx18(BillingTabBar, { activeTab, onTabChange: setActiveTab }),
       /* @__PURE__ */ jsxs16(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",