@ternkit/tern 1.9.0 → 1.11.0

package/dist/ui/TeamSwitcher.svelte.d.ts

@@ -0,0 +1,23 @@
+type Membership = {
+    team: {
+        id: number;
+        name: string;
+    };
+    role: string;
+};
+type Props = {
+    /** From acc.Teams. */
+    teams: Membership[];
+    /** The current team's ID, from accounts.CurrentTeam. */
+    current: number;
+    /** The action that calls acc.SwitchTeam with the posted id. */
+    action: string;
+    /** A link to make a new team, such as "/teams/new". */
+    newHref?: string;
+    /** Opens to the start or end edge of the button. */
+    align?: 'start' | 'end';
+    class?: string;
+};
+declare const TeamSwitcher: import("svelte").Component<Props, {}, "">;
+type TeamSwitcher = ReturnType<typeof TeamSwitcher>;
+export default TeamSwitcher;

package/dist/ui/billing.d.ts

@@ -0,0 +1,31 @@
+export type Interval = 'month' | 'year';
+/** A plan, as billing.Plan marshals it. */
+export type BillingPlan = {
+    id: string;
+    name: string;
+    description: string;
+    paid: boolean;
+    intervals: string[];
+    amounts?: Record<string, number> | null;
+    currency?: string;
+    limits?: Record<string, number> | null;
+    features?: string[] | null;
+    trialDays?: number;
+    perSeat?: boolean;
+    highlight?: boolean;
+};
+/** A subscription, as billing.Subscription marshals it. */
+export type BillingSubscription = {
+    plan: string;
+    status: string;
+    interval: string;
+    seats: number;
+    currentPeriodEnd: string;
+    cancelAtPeriodEnd: boolean;
+    trialEnd: string | null;
+};
+/** An amount in the currency's smallest unit, as the user's locale writes it. */
+export declare function money(amount: number, currency?: string): string;
+/** A date, as the user's locale writes it. */
+export declare function day(iso: string | null | undefined): string;
+export declare function per(interval: string): string;

package/dist/ui/billing.js

@@ -0,0 +1,33 @@
+// Shared by the billing screens. Internal: not exported.
+import { i18n, tb } from '../runtime/i18n.svelte.js';
+/** An amount in the currency's smallest unit, as the user's locale writes it. */
+export function money(amount, currency = 'usd') {
+    const code = currency.toUpperCase();
+    try {
+        const f = new Intl.NumberFormat(i18n.locale || undefined, { style: 'currency', currency: code });
+        const digits = f.resolvedOptions().maximumFractionDigits ?? 2;
+        const value = amount / 10 ** digits;
+        // Whole amounts without the cents: $19, not $19.00.
+        return new Intl.NumberFormat(i18n.locale || undefined, { style: 'currency', currency: code, maximumFractionDigits: Number.isInteger(value) ? 0 : digits }).format(value);
+    }
+    catch {
+        return `${(amount / 100).toFixed(2)} ${code}`;
+    }
+}
+/** A date, as the user's locale writes it. */
+export function day(iso) {
+    if (!iso)
+        return '';
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return '';
+    try {
+        return new Intl.DateTimeFormat(i18n.locale || undefined, { dateStyle: 'medium' }).format(d);
+    }
+    catch {
+        return d.toISOString().slice(0, 10);
+    }
+}
+export function per(interval) {
+    return tb(interval === 'year' ? 'tern.ui.billing.perYear' : 'tern.ui.billing.perMonth');
+}

package/dist/ui/index.d.ts

@@ -58,6 +58,15 @@ export { default as Passkeys } from './Passkeys.svelte';
 export { default as LinkedAccounts } from './LinkedAccounts.svelte';
 export { default as TwoStep } from './TwoStep.svelte';
 export { default as TwoStepCode } from './TwoStepCode.svelte';
+export { default as TeamMembers } from './TeamMembers.svelte';
+export { default as TeamInvitations } from './TeamInvitations.svelte';
+export { default as TeamSettings } from './TeamSettings.svelte';
+export { default as TeamSwitcher } from './TeamSwitcher.svelte';
+export { default as NewTeam } from './NewTeam.svelte';
+export { default as AcceptInvitation } from './AcceptInvitation.svelte';
+export { default as ActivityLog } from './ActivityLog.svelte';
+export { default as PricingTable } from './PricingTable.svelte';
+export { default as BillingSettings } from './BillingSettings.svelte';
 export { default as Skeleton } from './Skeleton.svelte';
 export { default as Slider } from './Slider.svelte';
 export { default as Sparkline } from './Sparkline.svelte';

package/dist/ui/index.js

@@ -61,6 +61,15 @@ export { default as Passkeys } from './Passkeys.svelte';
 export { default as LinkedAccounts } from './LinkedAccounts.svelte';
 export { default as TwoStep } from './TwoStep.svelte';
 export { default as TwoStepCode } from './TwoStepCode.svelte';
+export { default as TeamMembers } from './TeamMembers.svelte';
+export { default as TeamInvitations } from './TeamInvitations.svelte';
+export { default as TeamSettings } from './TeamSettings.svelte';
+export { default as TeamSwitcher } from './TeamSwitcher.svelte';
+export { default as NewTeam } from './NewTeam.svelte';
+export { default as AcceptInvitation } from './AcceptInvitation.svelte';
+export { default as ActivityLog } from './ActivityLog.svelte';
+export { default as PricingTable } from './PricingTable.svelte';
+export { default as BillingSettings } from './BillingSettings.svelte';
 export { default as Skeleton } from './Skeleton.svelte';
 export { default as Slider } from './Slider.svelte';
 export { default as Sparkline } from './Sparkline.svelte';

package/dist/ui/teams.d.ts

@@ -0,0 +1,20 @@
+export type RoleOption = {
+    value: string;
+    label: string;
+};
+/** The built-in roles, labelled in the user's language. */
+export declare function builtinRoles(): RoleOption[];
+/** The label of a role, or the role itself for one of the app's own without a label. */
+export declare function roleLabel(roles: RoleOption[], role: string): string;
+/** Whether a role manages members, as accounts decides it. */
+export declare function manages(role: string | undefined): boolean;
+/** The roles someone with role may give: owners any, admins all but owner. */
+export declare function grantable(roles: RoleOption[], role: string | undefined): RoleOption[];
+/**
+ * The form-wide error of a failed post from one of a block's forms, which
+ * post a hidden tern_form field naming the block: several blocks share the
+ * page's form prop, and each shows only its own.
+ */
+export declare function messageFor(form: unknown, block: string): string | undefined;
+/** The page's form prop for a block's own Form, or null if another block posted. */
+export declare function formFor(form: unknown, block: string): unknown;

package/dist/ui/teams.js

@@ -0,0 +1,40 @@
+// Shared by the team screens. Internal: not exported.
+import { tb } from '../runtime/i18n.svelte.js';
+/** The built-in roles, labelled in the user's language. */
+export function builtinRoles() {
+    return [
+        { value: 'owner', label: tb('tern.ui.team.role.owner') },
+        { value: 'admin', label: tb('tern.ui.team.role.admin') },
+        { value: 'member', label: tb('tern.ui.team.role.member') }
+    ];
+}
+/** The label of a role, or the role itself for one of the app's own without a label. */
+export function roleLabel(roles, role) {
+    return roles.find((r) => r.value === role)?.label ?? role;
+}
+/** Whether a role manages members, as accounts decides it. */
+export function manages(role) {
+    return role === 'owner' || role === 'admin';
+}
+/** The roles someone with role may give: owners any, admins all but owner. */
+export function grantable(roles, role) {
+    if (role === 'owner')
+        return roles;
+    if (role === 'admin')
+        return roles.filter((r) => r.value !== 'owner');
+    return [];
+}
+/**
+ * The form-wide error of a failed post from one of a block's forms, which
+ * post a hidden tern_form field naming the block: several blocks share the
+ * page's form prop, and each shows only its own.
+ */
+export function messageFor(form, block) {
+    const f = form;
+    return f?.values?.tern_form === block ? f.message : undefined;
+}
+/** The page's form prop for a block's own Form, or null if another block posted. */
+export function formFor(form, block) {
+    const f = form;
+    return f?.values?.tern_form === block ? form : null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ternkit/tern",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Client runtime and Vite plugin for Tern: Svelte on the client, Go on the server",
   "license": "MIT",
   "type": "module",