@busiverse/ui 0.1.0 → 0.2.1

package/README.md

@@ -144,5 +144,76 @@ npm run typecheck
 npm run build
 npm audit --audit-level=low
 npm pack --dry-run
-npm publish --access restricted
+npm publish --access public
 ```
+
+## Version 0.2.0 additions
+
+This release adds the BUSIVERSE standardized service pricing system used by `busiverse-landing` and reusable by every separately deployed Vercel frontend.
+
+### Added
+
+- `busiverseServicePricingCatalog` with 257 Account-rated operation rows.
+- `ServicePricingExplorer` for external pricing, internal Busiverse chargeback, estimated direct cost, margin, and standardized equivalents.
+- `RegionSelector` and supported pricing regions.
+- Country/region/currency/time-zone aware pricing display helpers.
+- Time-series aware service metadata for services that surface metrics, decision history, request metering, blockchain events, model jobs, and market data.
+
+### Vercel frontend usage
+
+Install from public npm after publishing this version:
+
+```bash
+npm install @busiverse/ui@^0.2.0
+```
+
+Import shared styles once in each Vite frontend entrypoint:
+
+```tsx
+import "@busiverse/ui/styles.css";
+```
+
+Wrap the frontend with the i18n provider:
+
+```tsx
+import { BusiverseI18nProvider } from "@busiverse/ui";
+
+<BusiverseI18nProvider
+  initialRegion={{
+    locale: import.meta.env.VITE_DEFAULT_LOCALE ?? "en-NG",
+    countryCode: import.meta.env.VITE_DEFAULT_COUNTRY ?? "NG",
+    regionCode: import.meta.env.VITE_DEFAULT_REGION ?? "NG-LA",
+    currencyCode: import.meta.env.VITE_DEFAULT_CURRENCY ?? "NGN",
+    timeZone: import.meta.env.VITE_DEFAULT_TIME_ZONE ?? "Africa/Lagos",
+  }}
+>
+  <App />
+</BusiverseI18nProvider>
+```
+
+Use the standardized pricing explorer anywhere pricing must be shown:
+
+```tsx
+import { ServicePricingExplorer } from "@busiverse/ui";
+
+<ServicePricingExplorer />
+```
+
+The current currency conversion rates are display fallbacks only. Final production charging still belongs to Account, with Location and Mint resolving region, currency, taxes, pass-through cost, and local pricing rules.
+
+
+## v0.2.1 network-neutral security patch
+
+`@busiverse/ui` no longer performs direct network access from inside the package. The previous `createGatewayClient` implementation used the browser `fetch` global directly, which can be flagged by npm/package scanners as “network access”. The package now requires the consuming frontend to inject a transport function.
+
+```ts
+import { createGatewayClient } from "@busiverse/ui";
+
+export const gateway = createGatewayClient({
+  baseUrl: import.meta.env.VITE_GATEWAY_API_URL,
+  transport: window.fetch.bind(window),
+  getAccessToken: async () => accessToken,
+});
+```
+
+Font loading is also app-owned. The shared CSS does not import Google Fonts or any remote stylesheet. Each separately deployed Vercel frontend should self-host the BUSIVERSE fonts or load them explicitly at the app level.

package/dist/api/createGatewayClient.d.ts

@@ -1,6 +1,15 @@
 import type { BusiverseRegionContext } from "../i18n/types";
+export type GatewayTransport = (url: string, init: RequestInit) => Promise<Response>;
 export interface GatewayClientOptions {
     baseUrl: string;
+    /**
+     * Transport is intentionally injected by the consuming frontend.
+     *
+     * The shared UI package must remain network-neutral so package scanners do not
+     * classify @busiverse/ui itself as a network-capable module. Browser/Vercel
+     * apps should pass `window.fetch.bind(window)` or their own audited wrapper.
+     */
+    transport: GatewayTransport;
     getAccessToken?: () => Promise<string | null | undefined> | string | null | undefined;
     region?: BusiverseRegionContext;
     defaultHeaders?: HeadersInit;

package/dist/api/createGatewayClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createGatewayClient.d.ts","sourceRoot":"","sources":["../../src/api/createGatewayClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtF,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,qBAAa,eAAgB,SAAQ,KAAK;IACxC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;gBACX,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,SAA0C;CAM7F;AAQD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB;cACxC,CAAC,QAAQ,MAAM,SAAQ,qBAAqB,KAAQ,OAAO,CAAC,CAAC,CAAC;UAqB7E,CAAC,QAAQ,MAAM,SAAS,qBAAqB;WAC5C,CAAC,QAAQ,MAAM,SAAS,OAAO,SAAS,qBAAqB;UAC9D,CAAC,QAAQ,MAAM,SAAS,OAAO,SAAS,qBAAqB;YAC3D,CAAC,QAAQ,MAAM,SAAS,OAAO,SAAS,qBAAqB;aAC5D,CAAC,QAAQ,MAAM,SAAS,qBAAqB;EAEzD"}
+{"version":3,"file":"createGatewayClient.d.ts","sourceRoot":"","sources":["../../src/api/createGatewayClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAErF,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,SAAS,EAAE,gBAAgB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtF,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,qBAAa,eAAgB,SAAQ,KAAK;IACxC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;gBACX,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,SAA0C;CAM7F;AAQD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB;cACxC,CAAC,QAAQ,MAAM,SAAQ,qBAAqB,KAAQ,OAAO,CAAC,CAAC,CAAC;UAqB7E,CAAC,QAAQ,MAAM,SAAS,qBAAqB;WAC5C,CAAC,QAAQ,MAAM,SAAS,OAAO,SAAS,qBAAqB;UAC9D,CAAC,QAAQ,MAAM,SAAS,OAAO,SAAS,qBAAqB;YAC3D,CAAC,QAAQ,MAAM,SAAS,OAAO,SAAS,qBAAqB;aAC5D,CAAC,QAAQ,MAAM,SAAS,qBAAqB;EAEzD"}

package/dist/{chunk-BEOTRCGO.js → chunk-SXD6EH2C.js}

@@ -102,4 +102,3 @@ export {
   busiverseContainers,
   busiverseRadius
 };
-//# sourceMappingURL=chunk-BEOTRCGO.js.map

package/dist/components/billing/ServicePricingExplorer.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type BusiversePricingRow, type PricingAudience } from "../../pricing/servicePricingCatalog";
+export interface ServicePricingExplorerProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    rows?: BusiversePricingRow[];
+    defaultAudience?: PricingAudience;
+    showRegionSelector?: boolean;
+    maxInitialRows?: number;
+}
+export declare function ServicePricingExplorer({ className, title, description, rows, defaultAudience, showRegionSelector, maxInitialRows, }: ServicePricingExplorerProps): React.JSX.Element;
+//# sourceMappingURL=ServicePricingExplorer.d.ts.map

package/dist/components/billing/ServicePricingExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicePricingExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/billing/ServicePricingExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAGL,KAAK,mBAAmB,EAExB,KAAK,eAAe,EACrB,MAAM,qCAAqC,CAAC;AAG7C,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAgCD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,KAAsC,EACtC,WAA0N,EAC1N,IAAqC,EACrC,eAA4B,EAC5B,kBAAyB,EACzB,cAAmB,GACpB,EAAE,2BAA2B,qBAyF7B"}

package/dist/components/billing/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./CurrencyAmount";
 export * from "./UsageQuotaBar";
+export * from "./ServicePricingExplorer";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/billing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/billing/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/billing/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}

package/dist/i18n/RegionSelector.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type BusiverseSupportedRegion } from "../pricing/regions";
+export interface RegionSelectorProps {
+    regions?: BusiverseSupportedRegion[];
+    label?: string;
+    className?: string;
+}
+export declare function RegionSelector({ regions, label, className }: RegionSelectorProps): React.JSX.Element;
+//# sourceMappingURL=RegionSelector.d.ts.map

package/dist/i18n/RegionSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionSelector.d.ts","sourceRoot":"","sources":["../../src/i18n/RegionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAI9F,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAmC,EAAE,KAAwB,EAAE,SAAS,EAAE,EAAE,mBAAmB,qBAqB/H"}

package/dist/i18n/index.d.ts

@@ -1,4 +1,5 @@
-export * from "./types";
 export * from "./BusiverseI18nProvider";
 export * from "./format";
+export * from "./types";
+export * from "./RegionSelector";
 //# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from "./tokens";
 export * from "./assets/assets";
 export * from "./components";
 export * from "./registry/services";
+export * from "./pricing";
 export * from "./api";
 export * from "./auth";
 export * from "./i18n";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}