@usethrottle/auth 0.11.0 → 0.12.1

package/dist/localization-SnIAZXJn.d.ts

@@ -0,0 +1,389 @@
+import { ComponentType, ReactNode } from 'react';
+
+type ThrottleThemeName = 'light' | 'dark' | 'auto';
+declare const VARIABLE_PROPERTY: {
+    readonly colorPrimary: "--throttle-color-primary";
+    readonly colorPrimaryForeground: "--throttle-color-primary-foreground";
+    readonly colorBackground: "--throttle-color-background";
+    readonly colorSurface: "--throttle-color-surface";
+    readonly colorForeground: "--throttle-color-foreground";
+    readonly colorMuted: "--throttle-color-muted";
+    readonly colorMutedForeground: "--throttle-color-muted-foreground";
+    readonly colorBorder: "--throttle-color-border";
+    readonly colorBorderControl: "--throttle-color-border-control";
+    readonly colorDanger: "--throttle-color-danger";
+    readonly colorDangerSurface: "--throttle-color-danger-surface";
+    readonly colorDangerBorder: "--throttle-color-danger-border";
+    readonly colorSuccess: "--throttle-color-success";
+    readonly colorSuccessSurface: "--throttle-color-success-surface";
+    readonly colorSuccessBorder: "--throttle-color-success-border";
+    readonly colorWarning: "--throttle-color-warning";
+    readonly colorWarningSurface: "--throttle-color-warning-surface";
+    readonly colorWarningBorder: "--throttle-color-warning-border";
+    readonly fontFamily: "--throttle-font-family";
+    readonly fontSize: "--throttle-font-size";
+    readonly borderRadius: "--throttle-radius";
+    readonly borderWidth: "--throttle-border-width";
+    readonly spacing: "--throttle-spacing";
+    readonly cardWidth: "--throttle-card-width";
+    readonly accountSurface: "--throttle-color-account-surface";
+    readonly accountPadding: "--throttle-account-padding";
+    readonly shadowCard: "--throttle-shadow-card";
+    readonly shadowPopover: "--throttle-shadow-popover";
+    readonly transition: "--throttle-transition";
+    readonly zModal: "--throttle-z-modal";
+    readonly zPopover: "--throttle-z-popover";
+};
+type ThrottleVariables = Partial<Record<keyof typeof VARIABLE_PROPERTY, string>>;
+/**
+ * Every addressable part of every component. A merchant maps any of these to a
+ * className through `appearance.elements`. The list is the API: adding a
+ * rendered element without adding its key here ships something a merchant
+ * cannot restyle, which the drift test in Task 15 catches.
+ */
+declare const THROTTLE_ELEMENT_KEYS: readonly ["card", "card.header", "card.title", "card.description", "card.body", "card.footer", "card.logo", "field", "field.label", "field.input", "field.hint", "field.error", "field.group", "button", "alert", "spinner", "skeleton", "avatar", "badge", "emptyState", "emptyState.title", "emptyState.description", "modal.overlay", "modal.container", "modal.closeButton", "dropdown.trigger", "dropdown.menu", "dropdown.item", "dropdown.separator", "tabs.list", "tabs.tab", "table", "table.head", "table.row", "table.cell", "signIn.root", "signIn.title", "signIn.logo", "signIn.emailField", "signIn.passwordField", "signIn.submitButton", "signIn.forgotLink", "signIn.switchLink", "signUp.root", "signUp.title", "signUp.logo", "signUp.emailField", "signUp.passwordField", "signUp.submitButton", "signUp.switchLink", "forgotPassword.root", "forgotPassword.title", "forgotPassword.logo", "forgotPassword.emailField", "forgotPassword.submitButton", "forgotPassword.backLink", "resetPassword.root", "resetPassword.title", "resetPassword.logo", "resetPassword.passwordField", "resetPassword.submitButton", "verifyEmail.root", "verifyEmail.title", "verifyEmail.logo", "verifyEmail.resendButton", "authFlow.root", "authModal.overlay", "authModal.container", "signInButton.root", "signUpButton.root", "signOutButton.root", "stepUp.root", "stepUp.title", "stepUp.passwordField", "stepUp.submitButton", "stepUp.cancelButton", "signInPage.root", "signInPage.logo", "signInPage.footer", "signUpPage.root", "signUpPage.logo", "signUpPage.footer", "userButton.root", "userButton.trigger", "userButton.menu", "userButton.identity", "userButton.email", "userButton.badge", "userButton.item", "userButton.manageButton", "userButton.signOutButton", "userButton.signOutAllButton", "accountDashboard.root", "accountDashboard.tabs", "accountDashboard.sidebar", "accountDashboard.panel", "accountModal.overlay", "accountModal.container", "accountModal.header", "accountModal.title", "accountModal.body", "verifyBanner.root", "verifyBanner.message", "verifyBanner.resendButton", "verifyBanner.dismissButton", "profilePanel.root", "profilePanel.form", "profilePanel.submitButton", "addressesPanel.root", "addressesPanel.list", "addressesPanel.item", "addressesPanel.addButton", "addressesPanel.form", "addressesPanel.defaultButton", "addressesPanel.editButton", "addressesPanel.deleteButton", "addressesPanel.table", "addressesPanel.row", "paymentMethodsPanel.root", "paymentMethodsPanel.list", "paymentMethodsPanel.item", "paymentMethodsPanel.defaultButton", "paymentMethodsPanel.deleteButton", "paymentMethodsPanel.addButton", "paymentMethodsPanel.addDialog", "orderDetail.addresses", "orderDetail.shippingAddress", "orderDetail.billingAddress", "orderDetail.timeline", "orderDetail.payButton", "orderDetail.trackButton", "orderDetail.reorderButton", "orderDetail.layout", "orderDetail.main", "orderDetail.rail", "orderDetail.cancelButton", "orderDetail.returnButton", "orderDetail.invoiceButton", "orderDetail.subscriptionButton", "orderDetail.actions", "invoiceDetail.layout", "invoiceDetail.main", "invoiceDetail.rail", "invoiceDetail.lineItems", "invoiceDetail.lineItem", "invoiceDetail.orderLink", "invoiceDetail.subscriptionLink", "invoiceDetail.payButton", "invoiceDetail.actions", "fieldRow", "confirm.header", "confirm.title", "confirm.body", "confirm.confirmButton", "confirm.cancelButton", "paymentMethodsPanel.table", "paymentMethodsPanel.row", "ordersPanel.root", "ordersPanel.table", "ordersPanel.row", "ordersPanel.list", "ordersPanel.item", "ordersPanel.viewButton", "orderDetail.root", "orderDetail.backButton", "orderDetail.lineItems", "orderDetail.lineItem", "orderDetail.totals", "invoicesPanel.root", "invoicesPanel.table", "invoicesPanel.row", "invoicesPanel.list", "invoicesPanel.item", "invoicesPanel.viewButton", "invoiceDetail.root", "invoiceDetail.backButton", "invoiceDetail.downloadButton", "invoiceDetail.totals", "subscriptionsPanel.root", "subscriptionsPanel.list", "subscriptionsPanel.item", "subscriptionsPanel.cancelButton", "subscriptionsPanel.cancelNowButton", "subscriptionsPanel.pauseButton", "subscriptionsPanel.resumeButton", "subscriptionsPanel.changeAddressButton", "subscriptionsPanel.addressForm", "subscriptionsPanel.table", "subscriptionsPanel.row", "securityPanel.root", "securityPanel.passwordForm", "securityPanel.passwordButton", "securityPanel.sessionList", "securityPanel.sessionItem", "securityPanel.revokeButton", "securityPanel.revokeAllButton", "securityPanel.table", "securityPanel.row"];
+type ThrottleElementKey = (typeof THROTTLE_ELEMENT_KEYS)[number];
+interface ThrottleSlots {
+    Spinner?: ComponentType<{
+        className?: string;
+    }>;
+    Avatar?: ComponentType<{
+        name: string;
+        email: string;
+        className?: string;
+    }>;
+    Alert?: ComponentType<{
+        tone: 'error' | 'success' | 'info';
+        children: ReactNode;
+        className?: string;
+    }>;
+    EmptyState?: ComponentType<{
+        title: string;
+        description?: string;
+        className?: string;
+    }>;
+    Button?: ComponentType<any>;
+}
+interface ThrottleAppearance {
+    theme?: ThrottleThemeName;
+    variables?: ThrottleVariables;
+    elements?: Partial<Record<ThrottleElementKey, string>>;
+    components?: ThrottleSlots;
+}
+
+declare const enUS: {
+    locale: string;
+    common: {
+        save: string;
+        cancel: string;
+        delete: string;
+        edit: string;
+        back: string;
+        retry: string;
+        loading: string;
+        close: string;
+        confirm: string;
+        keepIt: string;
+        somethingWentWrong: string;
+        actions: string;
+        view: string;
+    };
+    signIn: {
+        title: string;
+        description: string;
+        email: string;
+        password: string;
+        submitButton: string;
+        forgotLink: string;
+        switchPrompt: string;
+        switchLink: string;
+    };
+    signUp: {
+        title: string;
+        description: string;
+        email: string;
+        password: string;
+        submitButton: string;
+        switchPrompt: string;
+        switchLink: string;
+        pendingNotice: string;
+    };
+    forgotPassword: {
+        title: string;
+        description: string;
+        email: string;
+        submitButton: string;
+        sentNotice: string;
+        backLink: string;
+    };
+    resetPassword: {
+        title: string;
+        password: string;
+        submitButton: string;
+        doneNotice: string;
+        missingToken: string;
+    };
+    verifyEmail: {
+        title: string;
+        verifying: string;
+        success: string;
+        resendButton: string;
+        resentNotice: string;
+        instructions: string;
+    };
+    stepUp: {
+        title: string;
+        description: string;
+        password: string;
+        submitButton: string;
+        cancelButton: string;
+    };
+    userButton: {
+        manage: string;
+        signOut: string;
+        signOutAll: string;
+        verified: string;
+        unverified: string;
+        openMenu: string;
+    };
+    verifyBanner: {
+        message: string;
+        resendButton: string;
+        dismissButton: string;
+    };
+    account: {
+        title: string;
+        tabs: {
+            profile: string;
+            addresses: string;
+            paymentMethods: string;
+            orders: string;
+            invoices: string;
+            subscriptions: string;
+            security: string;
+        };
+    };
+    profile: {
+        firstName: string;
+        lastName: string;
+        phone: string;
+        company: string;
+        acceptsMarketing: string;
+        email: string;
+        emailReadOnly: string;
+        saveButton: string;
+        savedNotice: string;
+    };
+    addresses: {
+        addButton: string;
+        defaultBadge: string;
+        makeDefault: string;
+        deleteConfirmAction: string;
+        empty: string;
+        emptyDescription: string;
+        label: string;
+        firstName: string;
+        lastName: string;
+        company: string;
+        addressLine1: string;
+        addressLine2: string;
+        city: string;
+        stateProvince: string;
+        postalCode: string;
+        countryCode: string;
+        phone: string;
+        deleteConfirm: string;
+        columnAddress: string;
+    };
+    paymentMethods: {
+        empty: string;
+        emptyDescription: string;
+        addButton: string;
+        addTitle: string;
+        gatedDescription: string;
+        defaultBadge: string;
+        makeDefault: string;
+        expires: string;
+        deleteConfirm: string;
+        deleteConfirmAction: string;
+        columnCard: string;
+    };
+    orders: {
+        shipTo: string;
+        billTo: string;
+        history: string;
+        placed: string;
+        completed: string;
+        cancelledAt: string;
+        closedAt: string;
+        payNow: string;
+        track: string;
+        reorder: string;
+        cancelOrder: string;
+        cancelOrderConfirm: string;
+        cancelOrderBody: string;
+        cancelOrderAction: string;
+        requestReturn: string;
+        requestReturnConfirm: string;
+        requestReturnBody: string;
+        requestReturnAction: string;
+        returnRequested: string;
+        downloadInvoice: string;
+        summary: string;
+        empty: string;
+        emptyDescription: string;
+        gatedDescription: string;
+        number: string;
+        date: string;
+        status: string;
+        total: string;
+        /**
+         * Display copy for `order.status`. Mirrors ORDER_STATUS_META in
+         * `@commerce/orders`, which is the server's single source of status copy —
+         * copied rather than imported because this package ships with no runtime
+         * dependencies and is a client for the wire API, not for server packages.
+         * If a status is added there, add it here.
+         */
+        statusLabels: {
+            draft: string;
+            pending: string;
+            processing: string;
+            partiallyFulfilled: string;
+            fulfilled: string;
+            cancelled: string;
+            closed: string;
+        };
+        /**
+         * The money half of the label, shown as a second badge beside the
+         * lifecycle one. `captured` is deliberately empty: paid in full is the
+         * assumed happy path, and announcing it on every settled order is noise.
+         */
+        paymentLabels: {
+            pending: string;
+            authorized: string;
+            captured: string;
+            partiallyPaid: string;
+            partiallyRefunded: string;
+            refunded: string;
+            failed: string;
+            voided: string;
+            processing: string;
+            disputed: string;
+            expired: string;
+        };
+        items: string;
+        subtotal: string;
+        discount: string;
+        shipping: string;
+        tax: string;
+        quantity: string;
+        shippingAddress: string;
+        billingAddress: string;
+        viewSubscription: string;
+        viewSubscriptionFor: string;
+    };
+    invoices: {
+        empty: string;
+        emptyDescription: string;
+        gatedDescription: string;
+        number: string;
+        issued: string;
+        due: string;
+        status: string;
+        total: string;
+        refunded: string;
+        period: string;
+        downloadButton: string;
+        items: string;
+        summary: string;
+        viewOrder: string;
+        viewSubscription: string;
+        payButton: string;
+        billedTo: string;
+        /** Shown when an invoice bills less than the order, matching the PDF. */
+        orderTotal: string;
+        amountPaid: string;
+        waived: string;
+        amountDue: string;
+        balanceDue: string;
+        /** Display copy for `invoice.status` — the wire values are paid|open|void. */
+        statusLabels: {
+            paid: string;
+            open: string;
+            void: string;
+        };
+        downloadUnavailable: string;
+    };
+    subscriptions: {
+        cancelConfirmAction: string;
+        pauseConfirm: string;
+        resumeConfirm: string;
+        cancelNowConfirm: string;
+        empty: string;
+        emptyDescription: string;
+        gatedDescription: string;
+        renewsOn: string;
+        endsOn: string;
+        cancelledOn: string;
+        trialEnds: string;
+        installmentProgress: string;
+        installmentTotal: string;
+        installmentNext: string;
+        /** Spec §5: a varied schedule's dated list; dates are estimates, hence "~". */
+        upcomingPayments: string;
+        upcomingPayment: string;
+        cancelButton: string;
+        cancelAtPeriodEnd: string;
+        cancelNow: string;
+        pauseButton: string;
+        resumeButton: string;
+        /** A physical subscription's ship-to, and the control that changes it. */
+        shipsTo: string;
+        changeAddress: string;
+        changeAddressTitle: string;
+        changeAddressHint: string;
+        cancelConfirm: string;
+        cancelScheduled: string;
+        columnPlan: string;
+        columnPrice: string;
+        columnRenews: string;
+        columnStatus: string;
+        /**
+         * Display copy for `subscription.status`. Mirrors SubscriptionStatus in
+         * `@commerce/subscriptions`; copied rather than imported because this
+         * package has no runtime dependencies. Without it a buyer in dunning saw
+         * the literal pill `past_due`. `completed` is an installment plan that
+         * has taken its last payment.
+         */
+        statusLabels: {
+            active: string;
+            paused: string;
+            cancelled: string;
+            pastDue: string;
+            trialing: string;
+            unpaid: string;
+            completed: string;
+        };
+    };
+    security: {
+        passwordTitle: string;
+        newPassword: string;
+        changeButton: string;
+        changedNotice: string;
+        sessionsTitle: string;
+        thisDevice: string;
+        lastActive: string;
+        revokeButton: string;
+        revokeAllButton: string;
+        sessionsEmpty: string;
+        columnDevice: string;
+    };
+    errors: Record<string, string>;
+};
+/** Every field optional, at every depth — a merchant overrides one string. */
+type ThrottleLocalization = DeepPartial<typeof enUS>;
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+
+export { THROTTLE_ELEMENT_KEYS as T, type ThrottleAppearance as a, type ThrottleElementKey as b, type ThrottleLocalization as c, type ThrottleSlots as d, type ThrottleThemeName as e, type ThrottleVariables as f, enUS as g };

package/dist/react/components/account/index.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { R as Resource } from '../../../hooks-DkpLrEiC.js';
+export { A as AccountModal, a as AccountModalProps, b as AddCardDialog, I as InvoiceDetail, c as InvoicesPanel, O as OrderDetail, P as PaymentMethodsPanel, d as ProfilePanel, S as SecurityPanel, e as SubscriptionsPanel, V as VerifyEmailBanner } from '../../../AccountModal-pIMgledL.js';
+export { A as ACCOUNT_TABS, a as AccountDashboard, b as AccountDashboardProps, c as AccountPanelVariant, d as AccountTab, e as AddressesPanel, f as OrdersPanel } from '../../../AccountDashboard-V63ghvjY.js';
+import { A as Address, a as AddressInput } from '../../../client-7LVKfuXO.js';
+import '../../../localization-SnIAZXJn.js';
+
+interface PanelStateProps<T> {
+    resource: Resource<T>;
+    /**
+     * True when the buyer is unverified AND this resource is behind the claim
+     * cutoff. An empty list then means "withheld", not "none" — see spec §10.
+     */
+    gated?: boolean;
+    gatedDescription?: string;
+    isEmpty(data: T): boolean;
+    emptyTitle: string;
+    emptyDescription?: string;
+    skeletonRows?: number;
+    children(data: T): ReactNode;
+}
+declare function PanelState<T>(props: PanelStateProps<T>): react_jsx_runtime.JSX.Element | null;
+
+declare function AddressForm(props: {
+    initial?: Address;
+    submitting: boolean;
+    error: string | null;
+    onSubmit(input: AddressInput): void;
+    onCancel(): void;
+    /** Hides the saved-address label, for an address that is not saved to the book. */
+    hideLabel?: boolean;
+    /** Overrides the root element key (defaults to the addresses panel's form). */
+    elementKey?: 'addressesPanel.form' | 'subscriptionsPanel.addressForm';
+}): react_jsx_runtime.JSX.Element;
+
+export { AddressForm, PanelState, type PanelStateProps };

package/dist/react/components/account/index.js

@@ -0,0 +1,44 @@
+"use client";
+import "../../../chunk-3B4DNX5T.js";
+import {
+  ACCOUNT_TABS,
+  AccountDashboard,
+  AccountModal,
+  AddCardDialog,
+  AddressForm,
+  AddressesPanel,
+  InvoiceDetail,
+  InvoicesPanel,
+  OrderDetail,
+  OrdersPanel,
+  PanelState,
+  PaymentMethodsPanel,
+  ProfilePanel,
+  SecurityPanel,
+  SubscriptionsPanel,
+  VerifyEmailBanner
+} from "../../../chunk-6WN3J5MM.js";
+import "../../../chunk-UFGW76AZ.js";
+import "../../../chunk-QPVS6JXP.js";
+import "../../../chunk-CUNMJ2PH.js";
+import "../../../chunk-K7RCWADI.js";
+import "../../../chunk-TDQC3LMQ.js";
+export {
+  ACCOUNT_TABS,
+  AccountDashboard,
+  AccountModal,
+  AddCardDialog,
+  AddressForm,
+  AddressesPanel,
+  InvoiceDetail,
+  InvoicesPanel,
+  OrderDetail,
+  OrdersPanel,
+  PanelState,
+  PaymentMethodsPanel,
+  ProfilePanel,
+  SecurityPanel,
+  SubscriptionsPanel,
+  VerifyEmailBanner
+};
+//# sourceMappingURL=index.js.map

package/dist/react/components/account/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react/components/auth/index.d.ts

@@ -0,0 +1,17 @@
+export { A as AuthCardVariant, a as AuthFlow, b as AuthFlowProps, c as AuthModal, d as AuthModalProps, e as AuthView, F as ForgotPassword, f as ForgotPasswordProps, R as ResetPassword, g as ResetPasswordProps, S as SignIn, h as SignInButton, i as SignInButtonProps, j as SignInPage, k as SignInPageProps, l as SignInProps, m as SignOutButton, n as SignOutButtonProps, o as SignUp, p as SignUpButton, q as SignUpButtonProps, r as SignUpPage, s as SignUpPageProps, t as SignUpProps, V as VerifyEmail, u as VerifyEmailProps } from '../../../SignUpPage-BJcMUb2V.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+import '../../../localization-SnIAZXJn.js';
+
+/**
+ * The dialog behind the core's `onStepUpRequired`. It resolves that promise
+ * with a password or with null; the core does the retrying. Nothing here
+ * knows which request triggered it, which is exactly why one dialog serves
+ * every sensitive action in the app.
+ */
+declare function StepUpDialog(props: {
+    open: boolean;
+    onResolve(password: string | null): void;
+}): react_jsx_runtime.JSX.Element;
+
+export { StepUpDialog };

package/dist/react/components/auth/index.js

@@ -0,0 +1,40 @@
+"use client";
+import {
+  SignInButton,
+  SignInPage,
+  SignOutButton,
+  SignUpButton,
+  SignUpPage,
+  StepUpDialog
+} from "../../../chunk-VDK23T6L.js";
+import "../../../chunk-RCNUWITB.js";
+import {
+  AuthFlow,
+  AuthModal,
+  ForgotPassword,
+  ResetPassword,
+  SignIn,
+  SignUp,
+  VerifyEmail
+} from "../../../chunk-JSDZMPCV.js";
+import "../../../chunk-X6D35EAX.js";
+import "../../../chunk-QPVS6JXP.js";
+import "../../../chunk-CUNMJ2PH.js";
+import "../../../chunk-K7RCWADI.js";
+import "../../../chunk-TDQC3LMQ.js";
+export {
+  AuthFlow,
+  AuthModal,
+  ForgotPassword,
+  ResetPassword,
+  SignIn,
+  SignInButton,
+  SignInPage,
+  SignOutButton,
+  SignUp,
+  SignUpButton,
+  SignUpPage,
+  StepUpDialog,
+  VerifyEmail
+};
+//# sourceMappingURL=index.js.map

package/dist/react/components/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react/components/guards.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * All three render nothing while `status === 'loading'`. A guard that treated
+ * loading as signed-out would flash a "Sign in" button at a buyer whose
+ * session is a few milliseconds from being restored.
+ */
+declare function SignedIn(props: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+declare function SignedOut(props: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+declare function Protect(props: {
+    requireVerified?: boolean;
+    fallback?: ReactNode;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { Protect, SignedIn, SignedOut };

package/dist/react/components/guards.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Protect,
+  SignedIn,
+  SignedOut
+} from "../../chunk-5EUZYJJL.js";
+import "../../chunk-TDQC3LMQ.js";
+export {
+  Protect,
+  SignedIn,
+  SignedOut
+};
+//# sourceMappingURL=guards.js.map

package/dist/react/components/guards.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}