@oxyhq/services 30.0.0 → 30.1.0

package/lib/typescript/commonjs/ui/components/modals/DeleteAccountModal.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+import { type SurfaceControls } from '@oxyhq/bloom/surfaces';
+interface DeleteAccountModalProps {
+    /** The presenting surface's controls (from `surfaces.present`). */
+    surface: SurfaceControls;
+    username: string;
+    onDelete: (confirmText: string) => Promise<void>;
+    t: (key: string, params?: Record<string, string>) => string | undefined;
+}
+/**
+ * Delete-account confirmation — a rich presented surface (NOT a yes/no confirm):
+ * the user must retype their username, then the destructive action runs
+ * `onDelete`. On success the surface is dismissed with `true` (the presenter
+ * then signs out + closes); cancel dismisses with `false`. Presented via
+ * {@link presentDeleteAccount}.
+ */
+declare const DeleteAccountModal: React.FC<DeleteAccountModalProps>;
+/** Options accepted by {@link presentDeleteAccount} (everything but `surface`). */
+type PresentDeleteAccountOptions = Omit<DeleteAccountModalProps, 'surface'>;
+/**
+ * Present the delete-account confirmation on the shared surface stack. Resolves
+ * `true` once the account is deleted, `false` if cancelled/dismissed.
+ */
+export declare function presentDeleteAccount(options: PresentDeleteAccountOptions): Promise<boolean>;
+export default DeleteAccountModal;
+//# sourceMappingURL=DeleteAccountModal.d.ts.map

package/lib/typescript/commonjs/ui/components/modals/DeleteAccountModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAccountModal.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/modals/DeleteAccountModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEvE,UAAU,uBAAuB;IAC7B,mEAAmE;IACnE,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;CAC3E;AAED;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4FzD,CAAC;AAEF,mFAAmF;AACnF,KAAK,2BAA2B,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;AAE5E;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,2BAA2B,GAAG,OAAO,CAAC,OAAO,CAAC,CAI3F;AAED,eAAe,kBAAkB,CAAC"}

package/lib/typescript/commonjs/ui/components/oauthNavigation.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Platform navigation for the third-party "Sign in with Oxy" OAuth flow.
+ *
+ * Kept out of `OxySignInButton` so the button's routing logic can be unit-tested
+ * without driving a real browser navigation (jsdom's `location.assign` is
+ * non-configurable and cannot be spied). Both entry points hand a fully-built
+ * `auth.oxy.so/authorize` URL to the platform — never FedCM, an SSO bounce, or
+ * an Oxy session cookie.
+ */
+/** Outcome of opening the authorize URL on native. */
+export interface OpenAuthorizeResult {
+    /**
+     * The deep-link URL the auth session returned to (carries `?code=…&state=…`)
+     * when `expo-web-browser` observed it, else `null`. `null` means the RP must
+     * complete the exchange from its own deep-link handler (e.g. after the
+     * `Linking.openURL` fallback, which cannot observe the return URL).
+     */
+    redirectUrl: string | null;
+}
+/**
+ * Web: hand the TOP-LEVEL document to the OAuth authorize URL (a full-page
+ * redirect, not a popup) so the RP returns to its registered `redirect_uri`.
+ * No-op where `location` is unavailable (SSR / non-browser hosts).
+ *
+ * Records the current page first. `redirect_uri` is a registered apex origin
+ * (see `normalizeOAuthRedirectUri`), so the IdP always returns the tab to `/`,
+ * and the return handlers restore this path. Doing it here rather than at each
+ * call site is deliberate: every web authorize redirect — silent restore,
+ * interactive sign-in, the passkey hub — funnels through this function, so a
+ * new flow cannot forget to preserve the page the visitor came from.
+ */
+export declare function redirectToAuthorize(url: string): void;
+/**
+ * Native: open the authorize URL in an in-app auth session via the optional
+ * `expo-web-browser` module (`openAuthSessionAsync` returns to `redirectUri`),
+ * degrading to `Linking.openURL` when the module is not installed — the same
+ * dynamic-import-with-fallback pattern services uses for haptics/netinfo.
+ *
+ * Returns the deep-link URL the session came back to when it can be observed, so
+ * the caller can hand `?code=…&state=…` back to the RP for the token exchange.
+ */
+export declare function openAuthorizeUrlNative(url: string, redirectUri: string): Promise<OpenAuthorizeResult>;
+//# sourceMappingURL=oauthNavigation.d.ts.map

package/lib/typescript/commonjs/ui/components/oauthNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauthNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/oauthNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAgBH,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAChC;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAKrD;AAED;;;;;;;;GAQG;AACH,wBAAsB,sBAAsB,CACxC,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,MAAM,GACpB,OAAO,CAAC,mBAAmB,CAAC,CAgC9B"}

package/lib/typescript/commonjs/ui/components/passkeyHubPopup.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Popup opener for the cross-origin passkey hub (b2).
+ *
+ * On a non-Oxy web origin (e.g. mention.earth) a WebAuthn ceremony can't run
+ * locally — the credential's RP ID is bound to `oxy.so`. Instead,
+ * `AccountDialogController.startPasskeyHubSignIn` opens a popup at the
+ * auth.oxy.so passkey hub, where the SAME ceremony IS a first-party operation.
+ *
+ * Kept in its own module (mirroring `oauthNavigation.ts`'s
+ * `redirectToAuthorize`) so `window.open` sits behind a plain function the
+ * controller wiring in `OxyContext` can inject without touching `window`
+ * itself, and so a test can substitute a fake opener.
+ */
+import type { PopupWindowHandle } from '@oxyhq/core';
+/**
+ * Open a new, EMPTY popup window. Must be called SYNCHRONOUSLY from within a
+ * user-gesture handler (before any `await`) — opening it after an async call
+ * loses the gesture attribution and the browser silently blocks it. Returns
+ * `null` when blocked, or when there is no DOM `window` (native/SSR — the
+ * hub-popup flow does not apply there).
+ */
+export declare function openPasskeyHubPopup(): PopupWindowHandle | null;
+//# sourceMappingURL=passkeyHubPopup.d.ts.map

package/lib/typescript/commonjs/ui/components/passkeyHubPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"passkeyHubPopup.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/passkeyHubPopup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,GAAG,IAAI,CAI9D"}

package/lib/typescript/commonjs/ui/components/payment/PaymentDetailsStep.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+import type { CardDetails, PaymentColors, PaymentStepAnimations } from './types';
+interface PaymentDetailsStepProps {
+    paymentMethod: string;
+    cardDetails: CardDetails;
+    onCardDetailsChange: (details: CardDetails) => void;
+    colors: PaymentColors;
+    animations: PaymentStepAnimations;
+    faircoinAddress: string;
+    isMobile: boolean;
+    qrSize: number;
+    onBack: () => void;
+    onNext: () => void;
+    QRCodeComponent?: React.ComponentType<{
+        value?: string;
+        size?: number;
+    }>;
+}
+declare const PaymentDetailsStep: React.FC<PaymentDetailsStepProps>;
+export default PaymentDetailsStep;
+//# sourceMappingURL=PaymentDetailsStep.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/PaymentDetailsStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentDetailsStep.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/PaymentDetailsStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGjF,UAAU,uBAAuB;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5E;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2MzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/PaymentMethodStep.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { PaymentMethod, PaymentColors, PaymentStepAnimations } from './types';
+interface PaymentMethodStepProps {
+    availablePaymentMethods: PaymentMethod[];
+    selectedMethod: string;
+    onSelectMethod: (method: string) => void;
+    colors: PaymentColors;
+    animations: PaymentStepAnimations;
+    onBack: () => void;
+    onNext: () => void;
+}
+declare const PaymentMethodStep: React.FC<PaymentMethodStepProps>;
+export default PaymentMethodStep;
+//# sourceMappingURL=PaymentMethodStep.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/PaymentMethodStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodStep.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/PaymentMethodStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGnF,UAAU,sBAAsB;IAC5B,uBAAuB,EAAE,aAAa,EAAE,CAAC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/PaymentReviewStep.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+import type { CardDetails, PaymentColors, PaymentStepAnimations } from './types';
+interface PaymentReviewStepProps {
+    amount: string | number;
+    currency: string;
+    paymentMethod: string;
+    cardDetails: CardDetails;
+    colors: PaymentColors;
+    animations: PaymentStepAnimations;
+    isPaying: boolean;
+    onBack: () => void;
+    onPay: () => void;
+}
+declare const PaymentReviewStep: React.FC<PaymentReviewStepProps>;
+export default PaymentReviewStep;
+//# sourceMappingURL=PaymentReviewStep.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/PaymentReviewStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentReviewStep.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/PaymentReviewStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGjF,UAAU,sBAAsB;IAC5B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmGvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/PaymentSuccessStep.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { PaymentColors, PaymentStepAnimations } from './types';
+interface PaymentSuccessStepProps {
+    colors: PaymentColors;
+    animations: PaymentStepAnimations;
+    onDone: () => void;
+}
+declare const PaymentSuccessStep: React.FC<PaymentSuccessStepProps>;
+export default PaymentSuccessStep;
+//# sourceMappingURL=PaymentSuccessStep.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/PaymentSuccessStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSuccessStep.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/PaymentSuccessStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGpE,UAAU,uBAAuB;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgDzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/PaymentSummaryStep.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { PaymentItem, PaymentColors, PaymentStepAnimations } from './types';
+interface PaymentSummaryStepProps {
+    paymentItems: PaymentItem[];
+    amount: string | number;
+    currency: string;
+    description?: string;
+    colors: PaymentColors;
+    animations: PaymentStepAnimations;
+    onClose: () => void;
+    onNext: () => void;
+}
+declare const PaymentSummaryStep: React.FC<PaymentSummaryStepProps>;
+export default PaymentSummaryStep;
+//# sourceMappingURL=PaymentSummaryStep.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/PaymentSummaryStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSummaryStep.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/PaymentSummaryStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGjF,UAAU,uBAAuB;IAC7B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAcD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwHzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/constants.d.ts

@@ -0,0 +1,7 @@
+import type { PaymentMethod } from './types';
+export declare const PAYMENT_METHODS: PaymentMethod[];
+export declare const CURRENCY_SYMBOLS: Record<string, string>;
+export declare const CURRENCY_NAMES: Record<string, string>;
+export declare const getCurrencySymbol: (currency: string) => string;
+export declare const getCurrencyName: (currency: string) => string;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe,EAAE,aAAa,EAI1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAUnD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAUjD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,KAAG,MAElD,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/paymentStyles.d.ts

@@ -0,0 +1,389 @@
+import type { PaymentColors } from './types';
+export declare const createPaymentStyles: (colors: PaymentColors) => {
+    container: {
+        flex: number;
+    };
+    content: {
+        flex: number;
+        padding: number;
+    };
+    stepContainer: {
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        width: "100%";
+    };
+    section: {
+        marginBottom: number;
+        width: "100%";
+    };
+    sectionTitle: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        marginBottom: number;
+    };
+    errorContainer: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+        padding: number;
+    };
+    errorText: {
+        fontSize: number;
+        color: string;
+        marginBottom: number;
+    };
+    summaryCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        alignItems: "center";
+        width: "100%";
+    };
+    summaryCardContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    summaryCardIcon: {
+        marginBottom: number;
+    };
+    summaryCardMainTitle: {
+        fontWeight: "bold";
+        fontSize: number;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+        letterSpacing: number;
+    };
+    summaryCardSubtitle: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+        width: "100%";
+    };
+    summaryCardItems: {
+        width: "100%";
+        marginBottom: number;
+    };
+    summaryItemPrice: {
+        color: string;
+        fontWeight: "600";
+        fontSize: number;
+    };
+    summaryCardAmount: {
+        alignItems: "center";
+        width: "100%";
+        marginBottom: number;
+    };
+    summaryCardAmountLabel: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    summaryCardAmountValue: {
+        fontSize: number;
+        fontWeight: "bold";
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    summaryCardAmountDescription: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        lineHeight: number;
+    };
+    summaryCardDivider: {
+        height: number;
+        backgroundColor: string;
+        marginVertical: number;
+        width: "100%";
+    };
+    summaryCardTotalSection: {
+        width: "100%";
+        marginBottom: number;
+    };
+    summaryCardTotalRow: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        paddingVertical: number;
+    };
+    summaryCardTotalLabel: {
+        fontSize: number;
+        color: string;
+        fontWeight: "500";
+    };
+    summaryCardTotalValue: {
+        fontSize: number;
+        color: string;
+        fontWeight: "600";
+    };
+    cardPaymentCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        alignItems: "center";
+        width: "100%";
+    };
+    cardPaymentContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    cardPaymentIcon: {
+        marginBottom: number;
+    };
+    cardPaymentMainTitle: {
+        fontWeight: "bold";
+        fontSize: number;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+        letterSpacing: number;
+    };
+    cardPaymentSubtitle: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+        width: "100%";
+    };
+    cardPaymentFields: {
+        width: "100%";
+        marginBottom: number;
+    };
+    cardPaymentWaiting: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    cardRowInfo: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginBottom: number;
+    };
+    cardRowIcon: {
+        marginRight: number;
+    };
+    cardRowText: {
+        fontSize: number;
+        color: string;
+    };
+    cardFieldContainer: {
+        marginBottom: number;
+    };
+    cardFieldRow: {
+        flexDirection: "row";
+        gap: number;
+    };
+    cardFieldHalfLeft: {
+        flex: number;
+        marginRight: number;
+    };
+    cardFieldHalfRight: {
+        flex: number;
+        marginLeft: number;
+    };
+    oxyPayCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        alignItems: "center";
+        width: "100%";
+    };
+    oxyPayContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    oxyPayIcon: {
+        marginBottom: number;
+    };
+    oxyPayMainTitle: {
+        fontWeight: "bold";
+        fontSize: number;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+        letterSpacing: number;
+    };
+    oxyPaySubtitle: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    oxyPayBalanceBox: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginTop: number;
+    };
+    oxyPayBalanceText: {
+        color: string;
+        fontWeight: "600";
+    };
+    oxyPayWaiting: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    faircoinCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        alignItems: "center";
+        width: "100%";
+    };
+    faircoinContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    faircoinIcon: {
+        marginBottom: number;
+    };
+    faircoinMainTitle: {
+        fontWeight: "bold";
+        fontSize: number;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+        letterSpacing: number;
+    };
+    faircoinSubtitle: {
+        color: string;
+        fontWeight: "700";
+        fontSize: number;
+        marginBottom: number;
+        textAlign: "center";
+        letterSpacing: number;
+    };
+    faircoinScanText: {
+        color: string;
+        fontWeight: "600";
+        fontSize: number;
+        marginBottom: number;
+    };
+    faircoinQRCard: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+        marginBottom: number;
+        padding: number;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        position: "relative";
+    };
+    faircoinQRBadge: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    faircoinTitle: {
+        fontSize: number;
+        marginBottom: number;
+        color: string;
+        fontWeight: "600";
+        textAlign: "center";
+    };
+    faircoinAddress: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+        marginTop: number;
+        marginBottom: number;
+    };
+    faircoinButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        alignSelf: "center";
+        backgroundColor: string;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        marginTop: number;
+        marginBottom: number;
+    };
+    faircoinButtonText: {
+        color: string;
+        fontWeight: "600";
+        fontSize: number;
+    };
+    faircoinWaiting: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    faircoinPlaceholder: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+    };
+    successCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        alignItems: "center";
+        width: "100%";
+    };
+    successContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    successIcon: {
+        marginBottom: number;
+    };
+    successMainTitle: {
+        fontWeight: "bold";
+        fontSize: number;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+        letterSpacing: number;
+    };
+    successSubtitle: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+        width: "100%";
+    };
+    successMessage: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+};
+//# sourceMappingURL=paymentStyles.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/paymentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentStyles.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/paymentStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,mBAAmB,GAAI,QAAQ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiYvD,CAAC"}

package/lib/typescript/commonjs/ui/components/payment/types.d.ts

@@ -0,0 +1,40 @@
+import type Ionicons from "@expo/vector-icons/Ionicons";
+import type { ThemeColors } from "@oxyhq/bloom/theme";
+import type React from "react";
+import type { Animated } from "react-native";
+export type PaymentItem = {
+    type: "product" | "subscription" | "service" | "fee" | string;
+    name: string;
+    description?: string;
+    quantity?: number;
+    period?: string;
+    price: number;
+    currency?: string;
+};
+export interface PaymentGatewayResult {
+    success: boolean;
+    details?: Record<string, string | number | boolean | null>;
+    error?: string;
+}
+export interface CardDetails {
+    number: string;
+    expiry: string;
+    cvv: string;
+}
+export interface PaymentMethod {
+    key: string;
+    label: string;
+    icon: React.ComponentProps<typeof Ionicons>["name"];
+    description: string;
+}
+export interface PaymentStepAnimations {
+    fadeAnim: Animated.Value;
+    slideAnim: Animated.Value;
+    scaleAnim: Animated.Value;
+}
+/**
+ * Payment wizard steps consume bloom's ThemeColors directly (no adapter).
+ * Screen shells pass `useTheme().colors` straight through.
+ */
+export type PaymentColors = ThemeColors;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/ui/components/payment/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/payment/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,6BAA6B,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,aAAa;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACrC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC1B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC"}