@spare-technologies/spare-link 0.1.0-beta.0

package/lib/typescript/module/ui/hooks/use-payment-flow-state.d.ts

@@ -0,0 +1,9 @@
+import type { PaymentFlowController } from '../../core/services/payment-flow-controller.js';
+import type { PaymentFlowState } from '../../core/services/payment-flow-state.js';
+/**
+ * React hook that bridges {@link PaymentFlowController}'s observable to the
+ * component tree via `useSyncExternalStore`. Re-renders when the controller
+ * notifies a new state.
+ */
+export declare function usePaymentFlowState(controller: PaymentFlowController): PaymentFlowState;
+//# sourceMappingURL=use-payment-flow-state.d.ts.map

package/lib/typescript/module/ui/hooks/use-payment-flow-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-payment-flow-state.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/use-payment-flow-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gDAA6C,CAAC;AACzF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAAwC,CAAC;AAE/E;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,GAAG,gBAAgB,CAMvF"}

package/lib/typescript/module/ui/payment-flow-page.d.ts

@@ -0,0 +1,20 @@
+import type { PaymentFlowController } from '../core/services/payment-flow-controller.js';
+import type { SpareLinkCallbacks } from '../public/spare-link-callbacks.js';
+export interface PaymentFlowPageProps {
+    controller: PaymentFlowController;
+    /** Called when the flow resolves to a terminal phase. Hosts the Modal close. */
+    onResolved: () => void;
+    callbacks?: SpareLinkCallbacks;
+    /**
+     * Bank redirect launcher. Defaults to a noop in tests (the SDK substitutes
+     * the real `BankRedirect.launch` in {@link SpareLinkHost}). Receives the
+     * consent's `authorizationUrl` (+ optional bank `mobileAppUrl`) and returns
+     * once the system has handed off to the bank.
+     */
+    launchBankRedirect?: (args: {
+        authorizationUrl: string;
+        mobileAppUrl?: string;
+    }) => Promise<void>;
+}
+export declare function PaymentFlowPage(props: PaymentFlowPageProps): JSX.Element;
+//# sourceMappingURL=payment-flow-page.d.ts.map

package/lib/typescript/module/ui/payment-flow-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-flow-page.d.ts","sourceRoot":"","sources":["../../../../src/ui/payment-flow-page.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA0C,CAAC;AAGtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAgC,CAAC;AAUzE,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,qBAAqB,CAAC;IAClC,gFAAgF;IAChF,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,gBAAgB,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnG;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsMxE"}

package/lib/typescript/module/ui/screens/bank-selection-screen.d.ts

@@ -0,0 +1,15 @@
+import type { ProviderSummary } from '../../core/models/index.js';
+export interface BankSelectionScreenProps {
+    providers: ProviderSummary[];
+    onSelected: (bankId: string) => void;
+    onCancel: () => void;
+    isProcessing?: boolean;
+}
+/**
+ * CBUAE-approved bank picker. Port of Flutter `bank_selection_screen.dart`:
+ * "Choose your bank" inside a white card with a search field and logo rows
+ * (blue-outline selection), wrapped in the shared {@link LayoutWHeader} stepper
+ * chrome with a "Proceed using Altareq" footer.
+ */
+export declare function BankSelectionScreen(props: BankSelectionScreenProps): JSX.Element;
+//# sourceMappingURL=bank-selection-screen.d.ts.map

package/lib/typescript/module/ui/screens/bank-selection-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank-selection-screen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/bank-selection-screen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAAmB,CAAC;AAIzD,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAgFhF"}

package/lib/typescript/module/ui/screens/consent-details-screen.d.ts

@@ -0,0 +1,13 @@
+import type { ConsentSummaryData } from '../../core/services/consent-presenter.js';
+export interface ConsentDetailsScreenProps {
+    display: ConsentSummaryData;
+    onContinue: () => void;
+    onCancel: () => void;
+    isProcessing?: boolean;
+    isCopLoading?: boolean;
+}
+/**
+ * CBUAE-approved consent screen. Port of Flutter `consent_details_screen.dart`.
+ */
+export declare function ConsentDetailsScreen(props: ConsentDetailsScreenProps): JSX.Element;
+//# sourceMappingURL=consent-details-screen.d.ts.map

package/lib/typescript/module/ui/screens/consent-details-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-details-screen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/consent-details-screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAAuC,CAAC;AAMhF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAmDlF"}

package/lib/typescript/module/ui/screens/index.d.ts

@@ -0,0 +1,7 @@
+export { BankSelectionScreen, type BankSelectionScreenProps } from './bank-selection-screen.js';
+export { ConsentDetailsScreen, type ConsentDetailsScreenProps } from './consent-details-screen.js';
+export { RedirectHandoffScreen } from './redirect-handoff-screen.js';
+export { ResumeProcessingScreen, type ResumeProcessingScreenProps, } from './resume-processing-screen.js';
+export { ResultScreen, type ResultScreenProps } from './result-screen.js';
+export { MandateSetupSuccessScreen, type MandateSetupSuccessScreenProps, } from './mandate-setup-success-screen.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/ui/screens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4BAAyB,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,6BAA0B,CAAC;AAChG,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA2B,CAAC;AAClE,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,+BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAiB,CAAC;AACvE,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,mCAAgC,CAAC"}

package/lib/typescript/module/ui/screens/mandate-setup-success-screen.d.ts

@@ -0,0 +1,10 @@
+import type { PaymentType } from '../../core/models/payment-type.js';
+import type { LabelValueRow } from '../../core/services/multi-payment-rules-presenter.js';
+export interface MandateSetupSuccessScreenProps {
+    rulesTitle: string;
+    rules: LabelValueRow[];
+    paymentType: PaymentType;
+    onDone: () => void;
+}
+export declare function MandateSetupSuccessScreen(props: MandateSetupSuccessScreenProps): JSX.Element;
+//# sourceMappingURL=mandate-setup-success-screen.d.ts.map

package/lib/typescript/module/ui/screens/mandate-setup-success-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mandate-setup-success-screen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/mandate-setup-success-screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sDAAmD,CAAC;AAKvF,MAAM,WAAW,8BAA8B;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAsB5F"}

package/lib/typescript/module/ui/screens/redirect-handoff-screen.d.ts

@@ -0,0 +1,3 @@
+/** Shown while the SDK is opening the bank app/browser. Purely informational. */
+export declare function RedirectHandoffScreen(): JSX.Element;
+//# sourceMappingURL=redirect-handoff-screen.d.ts.map

package/lib/typescript/module/ui/screens/redirect-handoff-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect-handoff-screen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/redirect-handoff-screen.tsx"],"names":[],"mappings":"AAKA,iFAAiF;AACjF,wBAAgB,qBAAqB,IAAI,GAAG,CAAC,OAAO,CAWnD"}

package/lib/typescript/module/ui/screens/result-screen.d.ts

@@ -0,0 +1,7 @@
+export interface ResultScreenProps {
+    title: string;
+    isSuccess: boolean;
+    onDone: () => void;
+}
+export declare function ResultScreen({ title, isSuccess, onDone }: ResultScreenProps): JSX.Element;
+//# sourceMappingURL=result-screen.d.ts.map

package/lib/typescript/module/ui/screens/result-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-screen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/result-screen.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAiCzF"}

package/lib/typescript/module/ui/screens/resume-processing-screen.d.ts

@@ -0,0 +1,10 @@
+export interface ResumeProcessingScreenProps {
+    onCancel?: () => void;
+    /** Cancel button hidden for this long. Defaults to 30s. */
+    cancelButtonDelayMs?: number;
+    /** Awaiting-callback start time from the controller — used so a rebuild
+     *  doesn't restart the cancel delay clock from zero. */
+    awaitingCallbackStartedAtMs?: number;
+}
+export declare function ResumeProcessingScreen(props: ResumeProcessingScreenProps): JSX.Element;
+//# sourceMappingURL=resume-processing-screen.d.ts.map

package/lib/typescript/module/ui/screens/resume-processing-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resume-processing-screen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/resume-processing-screen.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;4DACwD;IACxD,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAyCtF"}

package/lib/typescript/module/ui/spare-link-host.d.ts

@@ -0,0 +1,23 @@
+import type { PendingSessionStore } from '../core/services/pending-session-store.js';
+import { type SpareLink } from '../public/spare-link-instance.js';
+export interface SpareLinkHostProps {
+    /** Instance this host wires UI and recovery to. */
+    spareLink: SpareLink;
+    /**
+     * Override the instance's pending session store for this mount.
+     * When omitted, uses `spareLink.pendingSessionStore`.
+     */
+    pendingSessionStore?: PendingSessionStore;
+    launchBankRedirect?: (args: {
+        authorizationUrl: string;
+        mobileAppUrl?: string;
+    }) => Promise<void>;
+    showDismissButton?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Host component that mounts the SDK modal and connects a {@link SpareLink}
+ * instance — Flutter-aligned integration (one instance, one host).
+ */
+export declare function SpareLinkHost(props: SpareLinkHostProps): JSX.Element;
+//# sourceMappingURL=spare-link-host.d.ts.map

package/lib/typescript/module/ui/spare-link-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spare-link-host.d.ts","sourceRoot":"","sources":["../../../../src/ui/spare-link-host.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAAwC,CAAC;AAgBlF,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,kCAA+B,CAAC;AAiB5F,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,SAAS,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,gBAAgB,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClG,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0UpE"}

package/lib/typescript/module/ui/theme/assets.d.ts

@@ -0,0 +1,15 @@
+import type { ImageSourcePropType } from 'react-native';
+/**
+ * Bundled image assets for the Spare Link checkout UI. Mirrors Flutter's
+ * `ConsentAssets` (`lib/src/ui/theme/assets.dart`). The PNGs live in
+ * `packages/spare-link-rn/assets/images/` and are resolved by Metro at build
+ * time via `require`, so they ship with the SDK package (`files` includes
+ * `assets`).
+ */
+export declare const Assets: {
+    readonly spareLogo: ImageSourcePropType;
+    readonly altareqIconMini: ImageSourcePropType;
+    readonly altareqLogoWhiteBg: ImageSourcePropType;
+    readonly altareqLogoTransparentBg: ImageSourcePropType;
+};
+//# sourceMappingURL=assets.d.ts.map

package/lib/typescript/module/ui/theme/assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../../../src/ui/theme/assets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;wBAC8C,mBAAmB;8BACN,mBAAmB;iCAE9B,mBAAmB;uCAEb,mBAAmB;CAClF,CAAC"}

package/lib/typescript/module/ui/theme/colors.d.ts

@@ -0,0 +1,31 @@
+/** Color palette for the Spare Link checkout UI. */
+export declare const Colors: {
+    readonly textPrimary: "#000000";
+    readonly textLabel: "#030732";
+    readonly textMuted: "#868E96";
+    readonly textSubtle: "#56575B";
+    readonly surfaceCard: "#FFFFFF";
+    readonly surfaceMuted: "#EDEDF0";
+    readonly surfacePage: "#FFFFFF";
+    readonly divider: "#D8D8D8";
+    readonly spareBlue: "#2F5BFF";
+    readonly errorRed: "#E5484D";
+    readonly successGreen: "#30A46C";
+    readonly gradientStart: "#28D0CF";
+    readonly gradientMid: "#4F75FF";
+    readonly gradientEnd: "#0B1E5E";
+    /** Redirect / awaiting-callback screens — matches Flutter handoff gradient. */
+    readonly handoffGradientStart: "#00C8AF";
+    readonly handoffGradientMid: "#0070D8";
+    readonly handoffGradientEnd: "#001A6E";
+    readonly buttonDisabled: "#C4C4C4";
+    readonly cardMutedBg: "#F7F7F7";
+};
+export type ColorToken = keyof typeof Colors;
+/** Flutter `RedirectHandoffScreen` / `ResumeProcessingScreen` gradient stops. */
+export declare const HandoffGradient: {
+    readonly start: "#00C8AF";
+    readonly mid: "#0070D8";
+    readonly end: "#001A6E";
+};
+//# sourceMappingURL=colors.d.ts.map

package/lib/typescript/module/ui/theme/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../src/ui/theme/colors.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;IAejB,+EAA+E;;;;;;CAMvE,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC;AAE7C,iFAAiF;AACjF,eAAO,MAAM,eAAe;;;;CAIlB,CAAC"}

package/lib/typescript/module/ui/theme/fonts.d.ts

@@ -0,0 +1,12 @@
+import type { TextStyle } from 'react-native';
+export declare const FONT_FAMILY = "MetroSans-Regular";
+export declare const LINK_FONT_MAP: {
+    readonly 'MetroSans-Light': any;
+    readonly 'MetroSans-Regular': any;
+    readonly 'MetroSans-Medium': any;
+    readonly 'MetroSans-SemiBold': any;
+    readonly 'MetroSans-Bold': any;
+};
+export declare function useLinkFonts(): boolean;
+export declare function linkFontFamilyForWeight(weight: TextStyle['fontWeight']): string;
+//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/module/ui/theme/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../../src/ui/theme/fonts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,WAAW,sBAAsB,CAAC;AAE/C,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,wBAAgB,YAAY,IAAI,OAAO,CAGtC;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,GAAG,MAAM,CAM/E"}

package/lib/typescript/module/ui/theme/index.d.ts

@@ -0,0 +1,11 @@
+export { Colors, type ColorToken, HandoffGradient } from './colors.js';
+export { Typography, FONT_FAMILY, linkFontFamilyForWeight, useLinkFonts } from './typography.js';
+export declare const Spacing: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 24;
+    readonly xxl: 32;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/ui/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,eAAe,EAAE,MAAM,aAAU,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,iBAAc,CAAC;AAE9F,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC"}

package/lib/typescript/module/ui/theme/typography.d.ts

@@ -0,0 +1,12 @@
+import type { TextStyle } from 'react-native';
+export { FONT_FAMILY, linkFontFamilyForWeight, useLinkFonts, LINK_FONT_MAP } from './fonts.js';
+export declare const Typography: {
+    readonly title: TextStyle;
+    readonly bodyMuted: TextStyle;
+    readonly label: TextStyle;
+    readonly value: TextStyle;
+    readonly amount: TextStyle;
+    readonly creditor: TextStyle;
+    readonly button: TextStyle;
+};
+//# sourceMappingURL=typography.d.ts.map

package/lib/typescript/module/ui/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/ui/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAS,CAAC;AAM5F,eAAO,MAAM,UAAU;;;;;;;;CAoCb,CAAC"}

package/lib/typescript/module/ui/widgets/footer.d.ts

@@ -0,0 +1,23 @@
+export interface FooterProps {
+    onContinue?: () => void;
+    onCancel?: () => void;
+    /** Continue button label. Defaults to "Proceed using Altareq". */
+    continueButtonText?: string;
+    disabledContinueButton?: boolean;
+    /** When true the continue button shows a spinner and cannot be tapped. */
+    isLoading?: boolean;
+    /** Show the gradient-bordered Cancel button. Defaults to true. */
+    showCancelButton?: boolean;
+    /** testID for the continue button. Defaults to "footer-continue-btn". */
+    continueTestID?: string;
+    /** testID for the cancel button. Defaults to "footer-cancel-btn". */
+    cancelTestID?: string;
+}
+/**
+ * Shared flow-screen footer. Port of Flutter `Footer`
+ * (`lib/src/ui/widgets/footer.dart`): a full-width gradient "Proceed using
+ * Altareq" pill with the Altareq mini icon, plus an optional gradient-bordered
+ * white "Cancel" pill.
+ */
+export declare function Footer(props: FooterProps): JSX.Element;
+//# sourceMappingURL=footer.d.ts.map

package/lib/typescript/module/ui/widgets/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/footer.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6DtD"}

package/lib/typescript/module/ui/widgets/gradient-spinner.d.ts

@@ -0,0 +1,13 @@
+export interface GradientSpinnerProps {
+    size?: number;
+    strokeWidth?: number;
+    testID?: string;
+}
+/**
+ * Spinning gradient arc — mirrors Flutter `GradientSpinner`.
+ *
+ * Prefer the SVG stroked arc (requires `react-native-svg` in the native build).
+ * Falls back to a border arc when SVG is not linked.
+ */
+export declare function GradientSpinner({ size, strokeWidth, testID, }: GradientSpinnerProps): JSX.Element;
+//# sourceMappingURL=gradient-spinner.d.ts.map

package/lib/typescript/module/ui/widgets/gradient-spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-spinner.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/gradient-spinner.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiID;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAS,EACT,WAAe,EACf,MAA2B,GAC5B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAQpC"}

package/lib/typescript/module/ui/widgets/handoff-screen-layout.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface HandoffScreenLayoutProps {
+    children: ReactNode;
+    testID?: string;
+}
+/**
+ * Full-screen teal→navy gradient with a bottom "Powered by Altareq" footer.
+ * Shared by redirect-handoff and resume-processing screens (Flutter parity).
+ */
+export declare function HandoffScreenLayout({ children, testID }: HandoffScreenLayoutProps): JSX.Element;
+//# sourceMappingURL=handoff-screen-layout.d.ts.map

package/lib/typescript/module/ui/widgets/handoff-screen-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handoff-screen-layout.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/handoff-screen-layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAa/F"}

package/lib/typescript/module/ui/widgets/index.d.ts

@@ -0,0 +1,6 @@
+export { CustomStepper, type CustomStepperProps } from './stepper.js';
+export { LayoutWHeader, type LayoutWHeaderProps } from './layout-w-header.js';
+export { Footer, type FooterProps } from './footer.js';
+export { GradientSpinner, type GradientSpinnerProps } from './gradient-spinner.js';
+export { HandoffScreenLayout, type HandoffScreenLayoutProps } from './handoff-screen-layout.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/ui/widgets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAW,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAmB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAU,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,uBAAoB,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4BAAyB,CAAC"}

package/lib/typescript/module/ui/widgets/layout-w-header.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export interface LayoutWHeaderProps {
+    children: ReactNode;
+    /** Stepper progress (0 .. 2). Defaults to 0.5, matching Flutter. */
+    progress?: number;
+    /** When set, shows a leading back arrow like Flutter's AppBar. */
+    onBackPress?: () => void;
+    /** Disables the back arrow while async work is in-flight. */
+    backDisabled?: boolean;
+}
+/**
+ * Shared flow-screen chrome. Port of Flutter `LayoutWHeader`
+ * (`lib/src/ui/widgets/layout_w_header.dart`): a white page with a centered
+ * Spare logo header, the Altareq white-background logo, a {@link CustomStepper}
+ * progress bar, and 22px body padding wrapping the screen content.
+ *
+ * CBUAE-approved chrome — copy/dimensions match the Flutter SDK exactly.
+ */
+export declare function LayoutWHeader(props: LayoutWHeaderProps): JSX.Element;
+//# sourceMappingURL=layout-w-header.d.ts.map

package/lib/typescript/module/ui/widgets/layout-w-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-w-header.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/layout-w-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuCpE"}

package/lib/typescript/module/ui/widgets/modal-dismiss-button.d.ts

@@ -0,0 +1,6 @@
+export interface ModalDismissButtonProps {
+    visible: boolean;
+    onPress: () => void;
+}
+export declare function ModalDismissButton(props: ModalDismissButtonProps): JSX.Element | null;
+//# sourceMappingURL=modal-dismiss-button.d.ts.map

package/lib/typescript/module/ui/widgets/modal-dismiss-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-dismiss-button.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/modal-dismiss-button.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAgBrF"}

package/lib/typescript/module/ui/widgets/stepper.d.ts

@@ -0,0 +1,15 @@
+export interface CustomStepperProps {
+    /**
+     * Current step index in the range `0 .. TOTAL_STEPS - 1` (0 → 2 for 3 steps).
+     * Matches Flutter's `CustomStepper.progress`.
+     */
+    progress: number;
+}
+/**
+ * Three-step progress indicator. Port of Flutter `CustomStepper`
+ * (`lib/src/ui/widgets/stepper.dart`): a grey baseline with a black fill up to
+ * the current step, numbered circles, and "Consent / Authorize / Complete"
+ * labels.
+ */
+export declare function CustomStepper(props: CustomStepperProps): JSX.Element;
+//# sourceMappingURL=stepper.d.ts.map

package/lib/typescript/module/ui/widgets/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../../src/ui/widgets/stepper.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0CpE"}

package/lib/typescript/module/version.d.ts

@@ -0,0 +1,8 @@
+/**
+ * SDK version reported in telemetry and the default User-Agent. This file is
+ * regenerated from `package.json` by the root `version` npm script on every
+ * release bump (see the `version` script in the repo-root package.json), so it
+ * always matches the published version — do not edit the literal by hand.
+ */
+export declare const SDK_VERSION: "0.1.0-beta.0";
+//# sourceMappingURL=version.d.ts.map

package/lib/typescript/module/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../src/version.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAG,cAAuB,CAAC"}

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "@spare-technologies/spare-link",
+  "version": "0.1.0-beta.0",
+  "description": "React Native SDK for Spare Link — open banking payments via a native checkout sheet.",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/module/index.d.ts",
+  "react-native": "./src/index.ts",
+  "source": "./src/index.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "react-native": "./src/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    },
+    "./expo-plugin": "./plugins/with-spare-link.js"
+  },
+  "files": [
+    "src",
+    "lib",
+    "plugins",
+    "assets",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
+    "!src/**/*.test.ts",
+    "!src/**/*.test.tsx",
+    "!src/**/*.spec.ts",
+    "!src/**/*.spec.tsx"
+  ],
+  "scripts": {
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:ci": "jest --ci --coverage",
+    "typecheck": "tsc --noEmit",
+    "clean": "del-cli lib",
+    "build": "bob build",
+    "prepack": "bob build"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "exclude": "**/*.{test,spec}.{ts,tsx}",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "keywords": ["spare", "link", "open-banking", "react-native", "expo", "payments", "sdk"],
+  "homepage": "https://github.com/spare-technologies/link-rn#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/spare-technologies/link-rn.git",
+    "directory": "packages/spare-link-rn"
+  },
+  "bugs": "https://github.com/spare-technologies/link-rn/issues",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "expo": ">=52.0.0",
+    "expo-device": "*",
+    "expo-font": "*",
+    "expo-linear-gradient": "*",
+    "expo-linking": "*",
+    "expo-location": "*",
+    "expo-secure-store": "*",
+    "expo-web-browser": "*",
+    "react": ">=18.3.0",
+    "react-native": ">=0.76.0",
+    "react-native-safe-area-context": "*",
+    "react-native-screens": "*",
+    "react-native-svg": "15.8.0"
+  },
+  "devDependencies": {
+    "@spare-technologies/link-test-harness": "workspace:*",
+    "@testing-library/jest-native": "^5.4.3",
+    "@testing-library/react-native": "^13.0.0",
+    "@types/jest": "^29.5.13",
+    "@types/react": "~18.3.0",
+    "del-cli": "^7.0.0",
+    "expo": "~52.0.0",
+    "expo-device": "~7.0.0",
+    "expo-font": "~13.0.0",
+    "expo-linear-gradient": "~14.0.0",
+    "expo-linking": "~7.0.0",
+    "expo-location": "~18.0.0",
+    "expo-secure-store": "~14.0.0",
+    "expo-web-browser": "~14.0.0",
+    "jest": "^29.7.0",
+    "jest-expo": "~52.0.0",
+    "react": "18.3.1",
+    "react-native": "0.76.0",
+    "react-native-builder-bob": "^0.43.0",
+    "react-native-safe-area-context": "~4.12.0",
+    "react-native-screens": "~4.1.0",
+    "react-test-renderer": "18.3.1",
+    "typescript": "^5.6.2"
+  }
+}