@stridge/kit 0.1.0-alpha.61 → 0.1.0-alpha.63

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.d.ts

@@ -0,0 +1,12 @@
+import { OnrampCurrencyPickerRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.d.ts
+declare function OnrampCurrencyPickerRow({
+  code,
+  name,
+  symbol,
+  iconUrl
+}: OnrampCurrencyPickerRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerRow };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.js

@@ -0,0 +1 @@
+"use client";import{CheckIcon as e}from"../../../../../../shared/icons/CheckIcon.js";import"../../../../../../icons/index.js";import{CurrencyGlyph as t}from"../../../../../../shared/ui/CurrencyGlyph/CurrencyGlyph.js";import"../../../../../../shared/ui/CurrencyGlyph/index.js";import{SelectableTile as n}from"../../../../../../shared/ui/SelectableTile/SelectableTile.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampCurrencyPickerContext as i}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as a}from"../OnrampCurrencyPicker.slots.js";import{styles as o}from"../OnrampCurrencyPicker.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({code:u,name:d,symbol:f,iconUrl:p}){let m=i(`OnrampCurrencyPicker.Row`).selectedCode===u;return c(n,{shape:`card`,value:u,selected:m,"aria-label":`${d} (${u})`,"data-currency-code":u,"data-stridge-slot":a.row,...l.props(o.row),children:[s(t,{code:u,symbol:f,size:36,...p===void 0?{}:{iconUrl:p},"data-stridge-slot":a.rowGlyph}),c(`span`,{...l.props(o.rowText),children:[s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,"data-stridge-slot":a.rowLabel,children:d}),s(r.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,"data-stridge-slot":a.rowCode,children:u})]}),m?s(e,{"aria-hidden":!0,"data-stridge-slot":a.rowCheck,...l.props(o.rowCheck)}):null]})}export{u as OnrampCurrencyPickerRow};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Empty.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{SearchIcon as t}from"../../../../../../shared/icons/SearchIcon.js";import"../../../../../../icons/index.js";import{text as n}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampCurrencyPickerContext as r}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as i}from"../OnrampCurrencyPicker.slots.js";import{styles as a}from"../OnrampCurrencyPicker.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l(){let l=r(`OnrampCurrencyPicker.Empty`);return s(`div`,{"data-stridge-slot":i.empty,...c.props(a.empty),children:[o(t,{"aria-hidden":!0,...c.props(a.searchIcon)}),o(n.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:o(e,{id:`RO6we5`,message:`No currencies match “{0}”`,values:{0:l.query}})})]})}export{l as OnrampCurrencyPickerEmpty};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.d.ts

@@ -0,0 +1,10 @@
+import { OnrampCurrencyPickerHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.d.ts
+declare function OnrampCurrencyPickerHeader({
+  title,
+  onBack
+}?: OnrampCurrencyPickerHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerHeader };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as n}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampCurrencyPickerContext as o}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as s}from"../OnrampCurrencyPicker.slots.js";import{styles as c}from"../OnrampCurrencyPicker.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p}={}){let m=o(`OnrampCurrencyPicker.Header`),{_:h}=e(),g=f??m.headerTitle??h({id:`Q2lUR2`,message:`Currency`}),_=p===null?void 0:p??m.onBack;return u(i.Header,{"data-stridge-slot":s.header,...d.props(c.header),children:[typeof _==`function`?l(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:_,children:l(t,{"aria-hidden":!0,...d.props(c.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(c.headerTitle),children:g}),l(`div`,{...d.props(c.headerTrailing),children:l(r.CloseButton,{})})]})}export{f as OnrampCurrencyPickerHeader};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.d.ts

@@ -0,0 +1,6 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.d.ts
+declare function OnrampCurrencyPickerSearch(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerSearch };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{SearchIcon as t}from"../../../../../../shared/icons/SearchIcon.js";import{XIcon as n}from"../../../../../../shared/icons/XIcon.js";import"../../../../../../icons/index.js";import{InputGroup as r}from"../../../../../../shared/ui/InputGroup/InputGroup.js";import"../../../../../../shared/ui/InputGroup/index.js";import{useOnrampCurrencyPickerContext as i}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as a}from"../OnrampCurrencyPicker.slots.js";import{styles as o}from"../OnrampCurrencyPicker.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=i(`OnrampCurrencyPicker.Search`),{_:d}=e();return s(`div`,{"data-stridge-slot":a.search,...l.props(o.search),children:c(r,{children:[s(r.Addon,{align:`inline-start`,children:s(t,{"aria-hidden":!0,...l.props(o.searchIcon)})}),s(r.Input,{type:`search`,inputMode:`search`,autoComplete:`off`,"aria-label":d({id:`L3PYgw`,message:`Search currencies`}),placeholder:d({id:`L3PYgw`,message:`Search currencies`}),value:u.query,onChange:e=>u.setQuery(e.currentTarget.value),...l.props(o.searchInput)}),u.query?s(r.Addon,{align:`inline-end`,children:s(r.Button,{size:`icon-sm`,"aria-label":d({id:`V8yTm6`,message:`Clear search`}),onClick:()=>u.setQuery(``),children:s(n,{"aria-hidden":!0,...l.props(o.clearIcon)})})}):null]})})}export{u as OnrampCurrencyPickerSearch};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/context.js

@@ -0,0 +1 @@
+import{createContext as e,use as t}from"react";const n=e(null);function r(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <OnrampCurrencyPicker>.`);return r}function i(e,t){let n=t.trim().toLowerCase();return n?e.code.toLowerCase().includes(n)||e.name.toLowerCase().includes(n)||e.symbol.toLowerCase().includes(n):!0}export{n as OnrampCurrencyPickerContext,i as currencyMatchesQuery,r as useOnrampCurrencyPickerContext};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { CurrencyOption, OnrampCurrencyPickerBodyProps, OnrampCurrencyPickerDialogProps, OnrampCurrencyPickerHeaderProps, OnrampCurrencyPickerProps, OnrampCurrencyPickerRowProps } from "./types.js";
+import { OnrampCurrencyPicker } from "./OnrampCurrencyPicker.js";
+import { ONRAMP_CURRENCY_PICKER_SLOTS, OnrampCurrencyPickerSlot } from "./OnrampCurrencyPicker.slots.js";

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/index.js

@@ -0,0 +1 @@
+import"./OnrampCurrencyPicker.slots.js";import"./OnrampCurrencyPicker.js";

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/types.d.ts

@@ -0,0 +1,48 @@
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/types.d.ts
+/**
+ * One selectable currency row. Mirrors `OnrampCurrencyPayload` plus a UI-only `popular` flag the
+ * picker uses to split the Popular / All sections.
+ */
+interface CurrencyOption {
+  /** ISO-4217 code (e.g. `"USD"`) — the stable row id + selection value. */
+  code: string;
+  /** Display name (e.g. `"US Dollar"`) — the primary row label + a search target. */
+  name: string;
+  /** Narrow currency symbol (e.g. `"$"`) — drives the row glyph. */
+  symbol: string;
+  /** When true, the row sorts to the top of the list ahead of the alphabetical rest. */
+  popular?: boolean;
+  /** Optional driver-supplied emblem URL — rendered through the glyph's `Image` fallback. */
+  iconUrl?: string;
+}
+/**
+ * Root props for the `OnrampCurrencyPicker` compound. Each per-part prop is an optional override of
+ * the corresponding context value.
+ */
+interface OnrampCurrencyPickerProps {
+  /** Full selectable currency list (popular-first split is derived from each option's `popular`). */
+  currencies?: readonly CurrencyOption[];
+  /** Currently-selected currency code — drives the selected row's check + ring. */
+  selectedCode?: string;
+  /** Selection handler — fires with the chosen code. */
+  onSelect?: (code: string) => void;
+  /** Back-chevron handler. Omit to hide the chevron. */
+  onBack?: () => void;
+  /** Header title override (defaults to the translated "Currency"). */
+  headerTitle?: string;
+  /** When true, the body renders skeleton rows instead of the list. */
+  loading?: boolean;
+  children?: ReactNode;
+}
+type OnrampCurrencyPickerDialogProps = OnrampCurrencyPickerProps & DialogShellControls;
+type OnrampCurrencyPickerBodyProps = ComponentProps<"div">;
+interface OnrampCurrencyPickerHeaderProps {
+  title?: string;
+  onBack?: (() => void) | null;
+}
+type OnrampCurrencyPickerRowProps = CurrencyOption;
+//#endregion
+export { CurrencyOption, OnrampCurrencyPickerBodyProps, OnrampCurrencyPickerDialogProps, OnrampCurrencyPickerHeaderProps, OnrampCurrencyPickerProps, OnrampCurrencyPickerRowProps };

package/dist/flows/deposit/widgets/onramp-currency-picker/index.d.ts

@@ -0,0 +1 @@
+import { OnrampCurrencyPicker } from "./OnrampCurrencyPicker.js";

package/dist/flows/deposit/widgets/onramp-currency-picker/index.js

@@ -0,0 +1 @@
+import"./OnrampCurrencyPicker.js";

package/dist/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.d.ts

@@ -5,6 +5,7 @@ import { ProcessingStateDetails } from "../../../../shared/widgets/processing-st
 import { ProcessingStateHeader } from "../../../../shared/widgets/processing-state/compound/components/Header.js";
 import { ProcessingStateHero } from "../../../../shared/widgets/processing-state/compound/components/Hero.js";
 import { ProcessingStateStatusPill } from "../../../../shared/widgets/processing-state/compound/components/StatusPill.js";
+import { OnrampPaymentPendingFlow } from "./compound/components/Flow.js";
 import { OnrampPaymentPendingReopenButton } from "./compound/components/ReopenButton.js";
 import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -37,6 +38,7 @@ declare namespace OnrampPaymentPending {
   type DialogProps = ComponentProps<"div"> & DialogShellControls & OnrampPaymentPendingOwnProps;
   const Dialog: typeof OnrampPaymentPendingDialog;
   const ReopenButton: typeof OnrampPaymentPendingReopenButton;
+  const Flow: typeof OnrampPaymentPendingFlow;
   const Header: typeof ProcessingStateHeader;
   const Body: (props: ProcessingStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
   const Hero: typeof ProcessingStateHero;

package/dist/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.js

@@ -1 +1 @@
-"use client";import{Trans as e}from"../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{openCheckoutPopup as r}from"../../shared/checkoutPopup.js";import{useDepositActions as i,useDepositEffectiveState as a}from"../../orchestrator/controller.js";import{DialogShell as o}from"../../../../shared/dialog/DialogShell.js";import{text as s}from"../../../../shared/ui/Text/Text.js";import"../../../../ui/index.js";import{ONRAMP_PAYMENT_PENDING_SLOTS as c}from"./compound/OnrampPaymentPending.slots.js";import{OnrampPaymentPending as l}from"./compound/OnrampPaymentPending.js";import"./compound/index.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f({children:o,...f}){let p=n(),m=a(),{back:h}=i(),{_:g}=t();if(m.name!==`onrampPaymentPending`)return null;let{checkoutUrl:_}=m.ctx,v=p.onrampSession,y=v?.status===`ready`||v?.status===`stale`?v.payload:void 0,b=p.onrampQuote,x=b?.status===`ready`||b?.status===`stale`?b.payload:void 0,S=y?.receiveAmount?.formatted??x?.receiveAmount.formatted??``,C=x?.receiveAsset.symbol??``,w=()=>{r(_)};return u(l,{...f,amount:S,creditedAsset:{symbol:C},headerTitle:g({id:`y3dWqX`,message:`Finish your payment`}),statusPillLabel:g({id:`quR8Qp`,message:`Waiting for payment`}),onBack:h,onReopen:w,children:o??u(l.Body,{children:d(`div`,{"data-stridge-slot":c.body,className:`OnrampPaymentPending__styles.body x78zum5 xdt5ytf x1qjc9v5 x157g05j x4xct4k xpnfv0q x1hvdk87 xmg6hw8`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:14`,children:[u(`div`,{className:`OnrampPaymentPending__styles.statusRow x78zum5 xl56j7k`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:38`,children:u(l.StatusPill,{})}),d(`div`,{className:`OnrampPaymentPending__styles.copy x78zum5 xdt5ytf x6s0dn4 x1a6yh9e x2b8uid`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:24`,children:[u(s.span,{size:`lg`,leading:`tight`,className:`OnrampPaymentPending__styles.headline x1ghz6dp x1qvi77d`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:31`,children:u(e,{id:`y3dWqX`,message:`Finish your payment`})}),u(s.span,{size:`sm`,leading:`normal`,color:`subdued`,className:`OnrampPaymentPending__styles.bodyText x1ghz6dp`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:35`,children:u(e,{id:`sMaRBz`,message:`Complete your purchase in the window we just opened. This screen updates automatically.`})})]}),S?u(l.Details,{children:u(l.Detail,{label:g({id:`88cUW-`,message:`You receive`}),value:`${S} ${C}`.trim()})}):null,u(l.ReopenButton,{})]})})})}function p({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return u(o,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:u(f,{...i})})}(function(e){e.Dialog=p,e.ReopenButton=l.ReopenButton,e.Header=l.Header,e.Body=l.Body,e.Hero=l.Hero,e.StatusPill=l.StatusPill,e.Details=l.Details,e.Detail=l.Detail})(f||={});export{f as OnrampPaymentPending};
+"use client";import{Trans as e}from"../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{openCheckoutPopup as r}from"../../shared/checkoutPopup.js";import{useDepositActions as i,useDepositEffectiveState as a}from"../../orchestrator/controller.js";import{DialogShell as o}from"../../../../shared/dialog/DialogShell.js";import{FiatAmount as s}from"../../../../shared/ui/FiatSymbol/FiatAmount.js";import"../../../../shared/ui/FiatSymbol/index.js";import{text as c}from"../../../../shared/ui/Text/Text.js";import"../../../../ui/index.js";import{ONRAMP_PAYMENT_PENDING_SLOTS as l}from"./compound/OnrampPaymentPending.slots.js";import{OnrampPaymentPending as u}from"./compound/OnrampPaymentPending.js";import"./compound/index.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";function p({children:o,...p}){let m=n(),h=a(),{back:g}=i(),{_,i18n:v}=t();if(h.name!==`onrampPaymentPending`)return null;let{checkoutUrl:y}=h.ctx,b=m.onrampSession,x=b?.status===`ready`||b?.status===`stale`?b.payload:void 0,S=m.onrampQuote,C=S?.status===`ready`||S?.status===`stale`?S.payload:void 0,w=x?.receiveAmount?.formatted??C?.receiveAmount.formatted??``,T=x?.destinationAsset??C?.receiveAsset.symbol??``,E=x?.fiatCurrency??C?.fiatCurrency,D=x?.fiatAmount?.value??C?.amountFiat.value,O=x?.fiatAmount?.formatted??C?.amountFiat.formatted,k=E&&D!==void 0?d(s,{value:D,currency:E,locale:v.locale}):O,A=x?.depositAsset,j=C&&C.receiveAsset.symbol===T?{symbol:C.receiveAsset.symbol,chainId:C.receiveAsset.chainId,address:C.receiveAsset.address,isNative:C.receiveAsset.isNative,...C.receiveAsset.assetLogoUrl?{logoUrl:C.receiveAsset.assetLogoUrl}:{}}:{symbol:T},M=[];E&&M.push({label:_({id:`VAxOSg`,message:`You pay`}),value:E,fiatCode:E,...k?{amount:k}:{}}),A&&M.push({label:_({id:`8T4Ha9`,message:`You buy`}),value:A,token:{symbol:A}}),T&&M.push({label:_({id:`88cUW-`,message:`You receive`}),value:T,token:j,...w?{amount:w}:{}});let N=M.length>=2?{legs:M}:void 0,P=()=>{r(y)};return d(u,{...p,amount:w,creditedAsset:{symbol:T},headerTitle:_({id:`y3dWqX`,message:`Finish your payment`}),statusPillLabel:_({id:`quR8Qp`,message:`Waiting for payment`}),onBack:g,onReopen:P,...N?{flow:N}:{},children:o??d(u.Body,{children:f(`div`,{"data-stridge-slot":l.body,className:`OnrampPaymentPending__styles.body x78zum5 xdt5ytf x1qjc9v5 x157g05j x4xct4k xpnfv0q x1hvdk87 xmg6hw8`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:15`,children:[d(`div`,{className:`OnrampPaymentPending__styles.statusRow x78zum5 xl56j7k`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:39`,children:d(u.StatusPill,{})}),f(`div`,{className:`OnrampPaymentPending__styles.copy x78zum5 xdt5ytf x6s0dn4 x1a6yh9e x2b8uid`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:25`,children:[d(c.span,{size:`lg`,leading:`tight`,className:`OnrampPaymentPending__styles.headline x1ghz6dp x1qvi77d`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:32`,children:d(e,{id:`y3dWqX`,message:`Finish your payment`})}),d(c.span,{size:`sm`,leading:`normal`,color:`subdued`,className:`OnrampPaymentPending__styles.bodyText x1ghz6dp`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:36`,children:d(e,{id:`sMaRBz`,message:`Complete your purchase in the window we just opened. This screen updates automatically.`})})]}),d(u.Flow,{}),N?d(c.span,{size:`xs`,leading:`normal`,color:`subdued`,"data-stridge-slot":l.note,className:`OnrampPaymentPending__styles.note x1ghz6dp x2b8uid x1va8c73 xamitd3`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:44`,children:d(e,{id:`3rWvwk`,message:`The address shown in the payment window is a temporary deposit address — your funds are automatically converted and credited to your account.`})}):null,d(u.ReopenButton,{})]})})})}function m({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return d(o,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:d(p,{...i})})}(function(e){e.Dialog=m,e.ReopenButton=u.ReopenButton,e.Flow=u.Flow,e.Header=u.Header,e.Body=u.Body,e.Hero=u.Hero,e.StatusPill=u.StatusPill,e.Details=u.Details,e.Detail=u.Detail})(p||={});export{p as OnrampPaymentPending};

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.d.ts

@@ -6,7 +6,9 @@ import { ProcessingStateHeader } from "../../../../../shared/widgets/processing-
 import { ProcessingStateHero } from "../../../../../shared/widgets/processing-state/compound/components/Hero.js";
 import { ProcessingStateStatusPill } from "../../../../../shared/widgets/processing-state/compound/components/StatusPill.js";
 import { ProcessingState } from "../../../../../shared/widgets/processing-state/compound/ProcessingState.js";
+import { OnrampPaymentPendingFlow } from "./components/Flow.js";
 import { OnrampPaymentPendingReopenButton } from "./components/ReopenButton.js";
+import { OnrampFlowSummary } from "./context.js";
 import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -19,6 +21,8 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 interface OnrampPaymentPendingProps extends Omit<ProcessingState.Props, "children"> {
   /** Re-opens the hosted-checkout window. Wired through to {@link OnrampPaymentPending.ReopenButton}. */
   onReopen?: () => void;
+  /** Flow legs (pay → buy → receive) driving the {@link OnrampPaymentPending.Flow} strip. */
+  flow?: OnrampFlowSummary;
   /**
    * Optional custom composition. When omitted, the canonical default renders the processing
    * chrome (Header / Hero / StatusPill) + the order summary rows + the Reopen affordance.
@@ -48,8 +52,9 @@ declare function OnrampPaymentPendingDialog({
 declare namespace OnrampPaymentPending {
   type Props = OnrampPaymentPendingProps;
   type DialogProps = OnrampPaymentPendingProps & DialogShellControls & ComponentProps<"div">;
-  /** Onramp-pending-specific sub-part. */
+  /** Onramp-pending-specific sub-parts. */
   const ReopenButton: typeof OnrampPaymentPendingReopenButton;
+  const Flow: typeof OnrampPaymentPendingFlow;
   /** Processing-state compound parts re-exposed for one-stop composition. */
   const Header: typeof ProcessingStateHeader;
   const Body: (props: ProcessingStateBodyProps) => _$react_jsx_runtime0.JSX.Element;

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.js

@@ -1 +1 @@
-"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{ProcessingState as t}from"../../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../../shared/widgets/processing-state/compound/index.js";import{OnrampPaymentPendingContext as n}from"./context.js";import{OnrampPaymentPendingReopenButton as r}from"./components/ReopenButton.js";import{useMemo as i}from"react";import{jsx as a}from"react/jsx-runtime";function o(e){let{onReopen:r,children:o,...s}=e;return a(n,{value:i(()=>({...r?{onReopen:r}:{}}),[r]),children:a(t,{...s,children:o})})}function s({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:s,...c}){return a(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a(o,{...c,children:s})})}(function(e){e.ReopenButton=r,e.Header=t.Header,e.Body=t.Body,e.Hero=t.Hero,e.StatusPill=t.StatusPill,e.Details=t.Details,e.Detail=t.Detail,e.Dialog=s})(o||={});export{o as OnrampPaymentPending};
+"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{ProcessingState as t}from"../../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../../shared/widgets/processing-state/compound/index.js";import{OnrampPaymentPendingContext as n}from"./context.js";import{OnrampPaymentPendingFlow as r}from"./components/Flow.js";import{OnrampPaymentPendingReopenButton as i}from"./components/ReopenButton.js";import{useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";function s(e){let{onReopen:r,flow:i,children:s,...c}=e;return o(n,{value:a(()=>({...r?{onReopen:r}:{},...i?{flow:i}:{}}),[r,i]),children:o(t,{...c,children:s})})}function c({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...c}){return o(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:o(s,{...c,children:a})})}(function(e){e.ReopenButton=i,e.Flow=r,e.Header=t.Header,e.Body=t.Body,e.Hero=t.Hero,e.StatusPill=t.StatusPill,e.Details=t.Details,e.Detail=t.Detail,e.Dialog=c})(s||={});export{s as OnrampPaymentPending};

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.slots.d.ts

@@ -8,6 +8,9 @@ declare const ONRAMP_PAYMENT_PENDING_SLOTS: {
   readonly root: "onramp-payment-pending";
   readonly reopen: "onramp-payment-pending-reopen";
   readonly body: "onramp-payment-pending-body";
+  readonly flow: "onramp-payment-pending-flow";
+  readonly flowLeg: "onramp-payment-pending-flow-leg";
+  readonly note: "onramp-payment-pending-note";
 };
 type OnrampPaymentPendingSlot = (typeof ONRAMP_PAYMENT_PENDING_SLOTS)[keyof typeof ONRAMP_PAYMENT_PENDING_SLOTS];
 //#endregion

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.slots.js

@@ -1 +1 @@
-const e={root:`onramp-payment-pending`,reopen:`onramp-payment-pending-reopen`,body:`onramp-payment-pending-body`};export{e as ONRAMP_PAYMENT_PENDING_SLOTS};
+const e={root:`onramp-payment-pending`,reopen:`onramp-payment-pending-reopen`,body:`onramp-payment-pending-body`,flow:`onramp-payment-pending-flow`,flowLeg:`onramp-payment-pending-flow-leg`,note:`onramp-payment-pending-note`};export{e as ONRAMP_PAYMENT_PENDING_SLOTS};

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.d.ts

@@ -0,0 +1,13 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.d.ts
+/**
+ * Flow strip for the payment-pending screen — a left-to-right `pay → buy → receive` summary of the
+ * three legs of the onramp session (fiat in, the asset the provider buys at the deposit address, the
+ * asset the user ultimately receives). Reads the legs from the {@link OnrampPaymentPending} root
+ * context; renders nothing when none are wired. The chevrons auto-mirror in RTL via
+ * `ChevronRightIcon`'s built-in flip.
+ */
+declare function OnrampPaymentPendingFlow(): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { OnrampPaymentPendingFlow };

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.js

@@ -0,0 +1 @@
+"use client";import{ChevronRightIcon as e}from"../../../../../../shared/icons/ChevronRightIcon.js";import"../../../../../../icons/index.js";import{CurrencyGlyph as t}from"../../../../../../shared/ui/CurrencyGlyph/CurrencyGlyph.js";import"../../../../../../shared/ui/CurrencyGlyph/index.js";import{text as n}from"../../../../../../shared/ui/Text/Text.js";import{TokenLogo as r}from"../../../../../../shared/ui/TokenLogo/TokenLogo.js";import"../../../../../../shared/ui/TokenLogo/index.js";import"../../../../../../ui/index.js";import{useOnrampPaymentPendingContext as i}from"../context.js";import{ONRAMP_PAYMENT_PENDING_SLOTS as a}from"../OnrampPaymentPending.slots.js";import{styles as o}from"./Flow.styles.js";import{Fragment as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d(){let t=i(`OnrampPaymentPending.Flow`).flow?.legs;return!t||t.length===0?null:c(`div`,{"data-stridge-slot":a.flow,...u.props(o.root),children:t.map((t,n)=>l(s,{children:[n>0?c(e,{"aria-hidden":!0,...u.props(o.separator)}):null,c(f,{leg:t})]},`${t.fiatCode?`fiat`:`token`}:${t.value}`))})}function f({leg:e}){return l(`div`,{"data-stridge-slot":a.flowLeg,...u.props(o.leg),children:[e.fiatCode?c(t,{code:e.fiatCode,size:40}):e.token?c(r,{size:40,symbol:e.token.symbol,...e.token.chainId===void 0?{}:{chainId:e.token.chainId},...e.token.address?{address:e.token.address}:{},...e.token.isNative===void 0?{}:{isNative:e.token.isNative},...e.token.logoUrl?{logoUrl:e.token.logoUrl}:{}}):null,l(`span`,{...u.props(o.legText),children:[c(n.span,{size:`caption`,fontWeight:`medium`,leading:`tight`,tracking:`wide`,color:`subdued`,...u.props(o.caption),children:e.label}),c(n.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...u.props(o.value),children:e.value}),e.amount?c(n.span,{size:`xs`,leading:`tight`,color:`subdued`,truncate:!0,...u.props(o.amount),children:e.amount}):null]})]})}export{d as OnrampPaymentPendingFlow};

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.js

@@ -0,0 +1 @@
+const e={root:{"Flow__styles.root":`Flow__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1cy8zhl`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingBlock-k8WAf4":`x1yhm569`,"paddingInline-kg3NbH":`xqsvw4s`,"borderRadius-kaIpWk":`x5bw3pk`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"backgroundColor-kWkggS":`x407w7c`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:6`},leg:{"Flow__styles.leg":`Flow__styles.leg`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"minWidth-k7Eaqz":`xeuugli`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:21`},legText:{"Flow__styles.legText":`Flow__styles.legText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x195vfkc`,"minWidth-k7Eaqz":`xeuugli`,"maxWidth-ks0D6T":`x193iq5w`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:31`},caption:{"Flow__styles.caption":`Flow__styles.caption`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:39`},value:{"Flow__styles.value":`Flow__styles.value`,"margin-kogj98":`x1ghz6dp`,"maxWidth-ks0D6T":`x193iq5w`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:42`},amount:{"Flow__styles.amount":`Flow__styles.amount`,"margin-kogj98":`x1ghz6dp`,"maxWidth-ks0D6T":`x193iq5w`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:46`},separator:{"Flow__styles.separator":`Flow__styles.separator`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"marginTop-keoZOQ":`x14vqqas`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.ts:51`}};export{e as styles};

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/context.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/context.d.ts
+/**
+ * One node of the onramp flow strip — what the user pays, what the provider buys, and what the user
+ * ultimately receives. A `fiatCode` renders a {@link import("#/shared/ui/CurrencyGlyph").CurrencyGlyph}
+ * (flag); otherwise `token` renders a {@link import("#/shared/ui/TokenLogo").TokenLogo}.
+ */
+interface OnrampFlowLeg {
+  /** Caption above the value (e.g. "You pay"). */
+  label: ReactNode;
+  /** Primary value — fiat currency code or crypto symbol (e.g. "EUR", "USDC"). */
+  value: string;
+  /** Optional amount line shown under the value (the paid / received ends). A `ReactNode` so a leg can carry a rendered amount, not just a string. */
+  amount?: ReactNode;
+  /** Fiat currency code — when set, the node renders a flag glyph instead of a token logo. */
+  fiatCode?: string;
+  /** Crypto identity for the token logo when `fiatCode` is absent. */
+  token?: {
+    symbol: string;
+    chainId?: number;
+    address?: string;
+    isNative?: boolean;
+    logoUrl?: string;
+  };
+}
+/** The ordered legs of the onramp flow strip (pay → buy → receive). */
+interface OnrampFlowSummary {
+  legs: OnrampFlowLeg[];
+}
+//#endregion
+export { OnrampFlowLeg, OnrampFlowSummary };

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/index.d.ts

@@ -1,2 +1,3 @@
+import { OnrampFlowLeg, OnrampFlowSummary } from "./context.js";
 import { OnrampPaymentPending, OnrampPaymentPendingProps } from "./OnrampPaymentPending.js";
 import { ONRAMP_PAYMENT_PENDING_SLOTS, OnrampPaymentPendingSlot } from "./OnrampPaymentPending.slots.js";

package/dist/flows/deposit/widgets/onramp-provider-picker/OnrampProviderPicker.d.ts

@@ -0,0 +1,38 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { OnrampProviderPickerBody } from "./compound/components/Body.js";
+import { OnrampProviderPickerHeader } from "./compound/components/Header.js";
+import { OnrampProviderPickerRow } from "./compound/components/ProviderRow.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-provider-picker/OnrampProviderPicker.d.ts
+interface OnrampProviderPickerOwnProps {
+  children?: ReactNode;
+}
+type OnrampProviderPickerProps = ComponentProps<"div"> & OnrampProviderPickerOwnProps;
+/**
+ * Orchestrated provider picker — wires the `onrampProviders` + `onrampQuote` entities and the
+ * deposit FSM into the `OnrampProviderPicker` compound. Renders only on the `onrampProviderPicker`
+ * state. The active provider's receive amount is threaded live from the `onrampQuote` entity (the
+ * one real quote); coming-soon rows carry no amounts. Selecting a provider dispatches
+ * `selectOnrampProvider` and returns to amount entry.
+ */
+declare function OnrampProviderPicker(props: OnrampProviderPickerProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function OnrampProviderPickerDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rest
+}: OnrampProviderPickerProps & DialogShellControls): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampProviderPicker {
+  type Props = OnrampProviderPickerProps;
+  type DialogProps = OnrampProviderPickerProps & DialogShellControls;
+  const Dialog: typeof OnrampProviderPickerDialog;
+  const Header: typeof OnrampProviderPickerHeader;
+  const Body: typeof OnrampProviderPickerBody;
+  const Row: typeof OnrampProviderPickerRow;
+}
+//#endregion
+export { OnrampProviderPicker };

package/dist/flows/deposit/widgets/onramp-provider-picker/OnrampProviderPicker.js

@@ -0,0 +1 @@
+"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{DialogShell as r}from"../../../../shared/dialog/DialogShell.js";import{OnrampProviderPicker as i}from"./compound/OnrampProviderPicker.js";import"./compound/index.js";import{useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=[];function c(r){let{children:c,...l}=r,u=e(),d=n(),{back:f,selectOnrampProvider:p}=t(),m=u.onrampProviders,h=m?.status===`ready`||m?.status===`stale`,g=!m||m.status===`idle`||m.status===`loading`,_=u.onrampQuote,v=_?.status===`ready`||_?.status===`stale`?_.payload:void 0,y=h?m.payload.activeId:void 0,b=a(()=>h?m.payload.providers.map(e=>{let t=e.status===`active`,n=t?v?.receiveAmount.formatted??e.receive?.formatted:void 0,r=t?v?.receiveAsset.symbol??e.receiveAsset?.symbol:void 0;return{id:e.id,name:e.name,status:e.status,...e.logoUrl===void 0?{}:{logoUrl:e.logoUrl},...e.note===void 0?{}:{note:e.note},...n===void 0?{}:{receiveFormatted:n},...r===void 0?{}:{receiveSymbol:r}}}):s,[h,m,v]);if(d.name!==`onrampProviderPicker`)return null;let x=d.ctx.providerId??y;return o(i,{...l,providers:b,...x===void 0?{}:{selectedId:x},onSelect:p,onBack:f,loading:g,children:c})}function l({open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:a,...s}){return o(r,{...e===void 0?{}:{open:e},...t===void 0?{}:{defaultOpen:t},...n?{onOpenChange:n}:{},...i===void 0?{}:{trigger:i},children:o(c,{...s,children:a})})}(function(e){e.Dialog=l,e.Header=i.Header,e.Body=i.Body,e.Row=i.Row})(c||={});export{c as OnrampProviderPicker};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.d.ts

@@ -0,0 +1,35 @@
+import { OnrampProviderPickerBody } from "./components/Body.js";
+import { OnrampProviderPickerBodyProps, OnrampProviderPickerDialogProps, OnrampProviderPickerHeaderProps, OnrampProviderPickerProps, OnrampProviderPickerRowProps } from "./types.js";
+import { OnrampProviderPickerHeader } from "./components/Header.js";
+import { OnrampProviderPickerRow } from "./components/ProviderRow.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.d.ts
+/**
+ * Provider picker — the buy-with-card provider sub-screen. Built as a real selectable list (single
+ * live provider today, multi-ready): the active provider is selectable with its live receive amount;
+ * coming-soon rows are dimmed, badged, and inert. No fabricated competing amounts. Mirrors the
+ * asset-picker compound shape.
+ */
+declare function OnrampProviderPicker(props: OnrampProviderPickerProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampProviderPickerDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampProviderPickerDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampProviderPicker {
+  type Props = OnrampProviderPickerProps;
+  type HeaderProps = OnrampProviderPickerHeaderProps;
+  type BodyProps = OnrampProviderPickerBodyProps;
+  type RowProps = OnrampProviderPickerRowProps;
+  type DialogProps = OnrampProviderPickerDialogProps;
+  const Header: typeof OnrampProviderPickerHeader;
+  const Body: typeof OnrampProviderPickerBody;
+  const Row: typeof OnrampProviderPickerRow;
+  const Dialog: typeof OnrampProviderPickerDialog;
+}
+//#endregion
+export { OnrampProviderPicker };

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.js

@@ -0,0 +1 @@
+"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{Tooltip as t}from"../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../shared/ui/Tooltip/index.js";import{Frame as n}from"../../../../../shared/dialog/Frame.js";import{OnrampProviderPickerContext as r}from"./context.js";import{ONRAMP_PROVIDER_PICKER_SLOTS as i}from"./OnrampProviderPicker.slots.js";import{styles as a}from"./OnrampProviderPicker.styles.js";import{OnrampProviderPickerRow as o}from"./components/ProviderRow.js";import{OnrampProviderPickerBody as s}from"./components/Body.js";import{OnrampProviderPickerHeader as c}from"./components/Header.js";import{useMemo as l}from"react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";const m=[],h=f(u,{children:[d(c,{}),d(s,{})]});function g(e){let{providers:o=m,selectedId:s,onSelect:c,onBack:u,headerTitle:f,loading:g=!1,children:_}=e;return d(r,{value:l(()=>({providers:o,loading:g,...s===void 0?{}:{selectedId:s},...c?{onSelect:c}:{},...u?{onBack:u}:{},...f===void 0?{}:{headerTitle:f}}),[o,g,s,c,u,f]),children:d(t.Provider,{children:d(n,{"data-stridge-slot":i.root,...p.props(a.root),children:_??h})})})}function _({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return d(e,{...t===void 0?{}:{open:t},...n===void 0?{}:{defaultOpen:n},...r?{onOpenChange:r}:{},...i===void 0?{}:{trigger:i},children:d(g,{...o,children:a})})}(function(e){e.Header=c,e.Body=s,e.Row=o,e.Dialog=_})(g||={});export{g as OnrampProviderPicker};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.slots.d.ts

@@ -0,0 +1,19 @@
+//#region src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.slots.d.ts
+declare const ONRAMP_PROVIDER_PICKER_SLOTS: {
+  readonly root: "onramp-provider-picker";
+  readonly header: "onramp-provider-picker-header";
+  readonly body: "onramp-provider-picker-body";
+  readonly list: "onramp-provider-picker-list";
+  readonly row: "onramp-provider-picker-row";
+  readonly rowLogo: "onramp-provider-picker-row-logo";
+  readonly rowName: "onramp-provider-picker-row-name";
+  readonly rowNote: "onramp-provider-picker-row-note";
+  readonly rowReceive: "onramp-provider-picker-row-receive";
+  readonly rowBadge: "onramp-provider-picker-row-badge";
+  readonly rowCheck: "onramp-provider-picker-row-check";
+  readonly comingSoonNote: "onramp-provider-picker-coming-soon-note";
+  readonly empty: "onramp-provider-picker-empty";
+};
+type OnrampProviderPickerSlot = (typeof ONRAMP_PROVIDER_PICKER_SLOTS)[keyof typeof ONRAMP_PROVIDER_PICKER_SLOTS];
+//#endregion
+export { ONRAMP_PROVIDER_PICKER_SLOTS, OnrampProviderPickerSlot };

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.slots.js

@@ -0,0 +1 @@
+const e={root:`onramp-provider-picker`,header:`onramp-provider-picker-header`,body:`onramp-provider-picker-body`,list:`onramp-provider-picker-list`,row:`onramp-provider-picker-row`,rowLogo:`onramp-provider-picker-row-logo`,rowName:`onramp-provider-picker-row-name`,rowNote:`onramp-provider-picker-row-note`,rowReceive:`onramp-provider-picker-row-receive`,rowBadge:`onramp-provider-picker-row-badge`,rowCheck:`onramp-provider-picker-row-check`,comingSoonNote:`onramp-provider-picker-coming-soon-note`,empty:`onramp-provider-picker-empty`};export{e as ONRAMP_PROVIDER_PICKER_SLOTS};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.js

@@ -0,0 +1 @@
+const e={root:{"OnrampProviderPicker__styles.root":`OnrampProviderPicker__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:4`},header:{"OnrampProviderPicker__styles.header":`OnrampProviderPicker__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:9`},headerTitle:{"OnrampProviderPicker__styles.headerTitle":`OnrampProviderPicker__styles.headerTitle`,"flexGrow-kzQI83":`x1iyjqo2`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:16`},headerTrailing:{"OnrampProviderPicker__styles.headerTrailing":`OnrampProviderPicker__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:20`},backIcon:{"OnrampProviderPicker__styles.backIcon":`OnrampProviderPicker__styles.backIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:25`},body:{"OnrampProviderPicker__styles.body":`OnrampProviderPicker__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyinxu5`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xwn43p0`,"maxHeight-kskxy":`x2z3yb8`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:32`},stack:{"OnrampProviderPicker__styles.stack":`OnrampProviderPicker__styles.stack`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x883omv`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:43`},list:{"OnrampProviderPicker__styles.list":`OnrampProviderPicker__styles.list`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:48`},row:{"OnrampProviderPicker__styles.row":`OnrampProviderPicker__styles.row`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:53`},rowDimmed:{"OnrampProviderPicker__styles.rowDimmed":`OnrampProviderPicker__styles.rowDimmed`,"opacity-kSiTet":`x197sbye`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:56`},rowText:{"OnrampProviderPicker__styles.rowText":`OnrampProviderPicker__styles.rowText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"minWidth-k7Eaqz":`xeuugli`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:59`},rowReceive:{"OnrampProviderPicker__styles.rowReceive":`OnrampProviderPicker__styles.rowReceive`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`xuk3077`,"flexShrink-kmuXW":`x2lah0s`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:68`},rowCheck:{"OnrampProviderPicker__styles.rowCheck":`OnrampProviderPicker__styles.rowCheck`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1me39qh`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:75`},badge:{"OnrampProviderPicker__styles.badge":`OnrampProviderPicker__styles.badge`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:82`},empty:{"OnrampProviderPicker__styles.empty":`OnrampProviderPicker__styles.empty`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x5gat22`,"paddingBottom-kGO01o":`x1vc98yp`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:85`},skeletonRow:{"OnrampProviderPicker__styles.skeletonRow":`OnrampProviderPicker__styles.skeletonRow`,"height-kZKoxP":`xng8ra`,"borderRadius-kaIpWk":`x4pepcl`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:97`},comingSoonNote:{"OnrampProviderPicker__styles.comingSoonNote":`OnrampProviderPicker__styles.comingSoonNote`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"minHeight-kAzted":`xbktkl8`,"paddingInline-kg3NbH":`xqsvw4s`,"borderRadius-kaIpWk":`x13pkpm2`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`xbsl7fq`,"borderColor-kVAM5u":`x12c9lpl`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:102`},comingSoonNoteIcon:{"OnrampProviderPicker__styles.comingSoonNoteIcon":`OnrampProviderPicker__styles.comingSoonNoteIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.ts:114`}};export{e as styles};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Body.d.ts

@@ -0,0 +1,6 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-provider-picker/compound/components/Body.d.ts
+declare function OnrampProviderPickerBody(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampProviderPickerBody };

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Body.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{BellIcon as t}from"../../../../../../shared/icons/BellIcon.js";import"../../../../../../icons/index.js";import{Card as n}from"../../../../../../shared/ui/Card/Card.js";import{SelectableTileGroup as r}from"../../../../../../shared/ui/SelectableTile/SelectableTileGroup.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{Skeleton as i}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{isSelectableProvider as o,useOnrampProviderPickerContext as s}from"../context.js";import{ONRAMP_PROVIDER_PICKER_SLOTS as c}from"../OnrampProviderPicker.slots.js";import{styles as l}from"../OnrampProviderPicker.styles.js";import{OnrampProviderPickerRow as u}from"./ProviderRow.js";import{useMemo as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";const h=[0,1,2];function g(){let g=s(`OnrampProviderPicker.Body`),{_}=e(),{selectable:v,comingSoon:y}=d(()=>({selectable:g.providers.filter(o),comingSoon:g.providers.filter(e=>!o(e))}),[g.providers]);return g.loading?f(n.Body,{"data-stridge-slot":c.body,...m.props(l.body),children:h.map(e=>f(i,{...m.props(l.skeletonRow)},e))}):g.providers.length===0?f(n.Body,{"data-stridge-slot":c.body,...m.props(l.body),children:f(`div`,{"data-stridge-slot":c.empty,...m.props(l.empty),children:f(a.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:_({id:`mwUBEu`,message:`No providers available`})})})}):f(n.Body,{"data-stridge-slot":c.body,...m.props(l.body),children:p(`div`,{...m.props(l.stack),children:[f(r,{"aria-label":_({id:`jerYcl`,message:`Providers`}),value:g.selectedId?[g.selectedId]:[],onValueChange:e=>{let t=e[0]??g.selectedId;t&&g.onSelect&&g.onSelect(t)},"data-stridge-slot":c.list,...m.props(l.list),children:v.map(e=>f(u,{...e},e.id))}),y.map(e=>f(u,{...e},e.id)),y.length===0?p(`div`,{"data-stridge-slot":c.comingSoonNote,...m.props(l.comingSoonNote),children:[f(t,{"aria-hidden":!0,...m.props(l.comingSoonNoteIcon)}),f(a.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:_({id:`Mgz4Bq`,message:`More providers coming soon`})})]}):null]})})}export{g as OnrampProviderPickerBody};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Header.d.ts

@@ -0,0 +1,10 @@
+import { OnrampProviderPickerHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-provider-picker/compound/components/Header.d.ts
+declare function OnrampProviderPickerHeader({
+  title,
+  onBack
+}?: OnrampProviderPickerHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampProviderPickerHeader };

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Header.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as n}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampProviderPickerContext as o}from"../context.js";import{ONRAMP_PROVIDER_PICKER_SLOTS as s}from"../OnrampProviderPicker.slots.js";import{styles as c}from"../OnrampProviderPicker.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p}={}){let m=o(`OnrampProviderPicker.Header`),{_:h}=e(),g=f??m.headerTitle??h({id:`jerYcl`,message:`Providers`}),_=p===null?void 0:p??m.onBack;return u(i.Header,{"data-stridge-slot":s.header,...d.props(c.header),children:[typeof _==`function`?l(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:_,children:l(t,{"aria-hidden":!0,...d.props(c.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(c.headerTitle),children:g}),l(`div`,{...d.props(c.headerTrailing),children:l(r.CloseButton,{})})]})}export{f as OnrampProviderPickerHeader};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/ProviderRow.d.ts

@@ -0,0 +1,15 @@
+import { OnrampProviderPickerRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-provider-picker/compound/components/ProviderRow.d.ts
+declare function OnrampProviderPickerRow({
+  id,
+  name,
+  status,
+  logoUrl,
+  note,
+  receiveFormatted,
+  receiveSymbol
+}: OnrampProviderPickerRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampProviderPickerRow };

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/ProviderRow.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{CheckIcon as t}from"../../../../../../shared/icons/CheckIcon.js";import"../../../../../../icons/index.js";import{Badge as n}from"../../../../../../shared/ui/Badge/Badge.js";import"../../../../../../shared/ui/Badge/index.js";import{Image as r}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{SelectableTile as i}from"../../../../../../shared/ui/SelectableTile/SelectableTile.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{isSelectableProvider as o,useOnrampProviderPickerContext as s}from"../context.js";import{ONRAMP_PROVIDER_PICKER_SLOTS as c}from"../OnrampProviderPicker.slots.js";import{styles as l}from"../OnrampProviderPicker.styles.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({id:p,name:m,status:h,logoUrl:g,note:_,receiveFormatted:v,receiveSymbol:y}){let b=s(`OnrampProviderPicker.Row`),{_:x}=e(),S=o({id:p,name:m,status:h}),C=b.selectedId===p;return d(i,{shape:`card`,...S?{value:p,selected:C}:{interactive:!1,disabled:!0},"aria-label":S?m:`${m} — ${x({id:`AUYALh`,message:`Coming soon`})}`,"data-provider-id":p,"data-stridge-slot":c.row,...f.props(l.row,!S&&l.rowDimmed),children:[u(r,{...g?{src:g}:{},alt:m,size:36,shape:`rounded`,"data-stridge-slot":c.rowLogo}),d(`span`,{...f.props(l.rowText),children:[u(a.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,"data-stridge-slot":c.rowName,children:m}),S?u(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,"data-stridge-slot":c.rowNote,children:_??x({id:`iKuXva`,message:`Auto-picked for you`})}):null]}),S?v?u(`span`,{...f.props(l.rowReceive),"data-stridge-slot":c.rowReceive,children:u(a.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:y?`${v} ${y}`:v})}):null:u(n,{color:`secondary`,variant:`outline`,size:`sm`,roundness:`lg`,"data-stridge-slot":c.rowBadge,...f.props(l.badge),children:x({id:`AUYALh`,message:`Coming soon`})}),S&&C?u(t,{"aria-hidden":!0,"data-stridge-slot":c.rowCheck,...f.props(l.rowCheck)}):null]})}export{p as OnrampProviderPickerRow};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/context.js

@@ -0,0 +1 @@
+import{createContext as e,use as t}from"react";const n=e(null);function r(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <OnrampProviderPicker>.`);return r}function i(e){return e.status===`active`||e.status===`available`}export{n as OnrampProviderPickerContext,i as isSelectableProvider,r as useOnrampProviderPickerContext};

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { OnrampProviderPickerBodyProps, OnrampProviderPickerDialogProps, OnrampProviderPickerHeaderProps, OnrampProviderPickerProps, OnrampProviderPickerRowProps, ProviderOption } from "./types.js";
+import { OnrampProviderPicker } from "./OnrampProviderPicker.js";
+import { ONRAMP_PROVIDER_PICKER_SLOTS, OnrampProviderPickerSlot } from "./OnrampProviderPicker.slots.js";

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/index.js

@@ -0,0 +1 @@
+import"./OnrampProviderPicker.slots.js";import"./OnrampProviderPicker.js";

package/dist/flows/deposit/widgets/onramp-provider-picker/compound/types.d.ts

@@ -0,0 +1,50 @@
+import { OnrampProviderStatus } from "../../../driver/payloads.js";
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-provider-picker/compound/types.d.ts
+/**
+ * One provider row. `receiveFormatted` / `receiveSymbol` are populated ONLY for the active provider
+ * (the one real quote, threaded live from the `onrampQuote` entity); coming-soon rows carry no
+ * amounts.
+ */
+interface ProviderOption {
+  /** Stable internal id (e.g. `"primary"`) — selection value, never the BSP brand id. */
+  id: string;
+  /** Neutral, driver-supplied display name. */
+  name: string;
+  /** Lifecycle status — `active` rows are selectable; `coming-soon` rows are inert + badged. */
+  status: OnrampProviderStatus;
+  /** Optional driver-supplied logo URL — rendered through `Image`; else a neutral monogram. */
+  logoUrl?: string;
+  /** Optional sub-line; the active row falls back to "Auto-picked for you". */
+  note?: string;
+  /** Live receive amount (formatted) — active provider only. */
+  receiveFormatted?: string;
+  /** Receive crypto symbol paired with {@link receiveFormatted}. */
+  receiveSymbol?: string;
+}
+interface OnrampProviderPickerProps {
+  /** All provider rows — active first, then coming-soon teasers. */
+  providers?: readonly ProviderOption[];
+  /** Currently-selected provider id — drives the selected row's check + ring. */
+  selectedId?: string;
+  /** Selection handler — fires with the chosen id (active rows only). */
+  onSelect?: (id: string) => void;
+  /** Back-chevron handler. Omit to hide the chevron. */
+  onBack?: () => void;
+  /** Header title override (defaults to the translated "Providers"). */
+  headerTitle?: string;
+  /** When true, the body renders skeleton rows instead of the list. */
+  loading?: boolean;
+  children?: ReactNode;
+}
+type OnrampProviderPickerDialogProps = OnrampProviderPickerProps & DialogShellControls;
+type OnrampProviderPickerBodyProps = ComponentProps<"div">;
+interface OnrampProviderPickerHeaderProps {
+  title?: string;
+  onBack?: (() => void) | null;
+}
+type OnrampProviderPickerRowProps = ProviderOption;
+//#endregion
+export { OnrampProviderPickerBodyProps, OnrampProviderPickerDialogProps, OnrampProviderPickerHeaderProps, OnrampProviderPickerProps, OnrampProviderPickerRowProps, ProviderOption };

package/dist/flows/deposit/widgets/onramp-provider-picker/index.d.ts

@@ -0,0 +1 @@
+import { OnrampProviderPicker } from "./OnrampProviderPicker.js";

package/dist/flows/deposit/widgets/onramp-provider-picker/index.js

@@ -0,0 +1 @@
+import"./OnrampProviderPicker.js";

package/dist/flows/deposit/widgets/success-state/SuccessState.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as t}from"../../driver/context.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{DialogShell as i}from"../../../../shared/dialog/DialogShell.js";import{SuccessState as a}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as o}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";function u({children:i,...u}){let d=t(),f=r(),p=f.name,{successDone:m}=n(),{_:h}=e();if(p!==`success`)return null;if(f.ctx.method===`onramp`){let e=d.onrampSession,t=e?.status===`ready`||e?.status===`stale`?e.payload:void 0,n=d.onrampQuote,r=n?.status===`ready`||n?.status===`stale`?n.payload:void 0,f=d.brand,p=f.status===`ready`||f.status===`stale`?f.payload.name:void 0,g=r?.receiveAsset.symbol??``,_=t?.receiveAmount?.formatted??r?.receiveAmount.formatted??``,v=r?o({symbol:r.receiveAsset.symbol,chainId:r.receiveAsset.chainId,address:r.receiveAsset.address,isNative:r.receiveAsset.isNative,...r.receiveAsset.assetLogoUrl?{assetLogoUrl:r.receiveAsset.assetLogoUrl}:{}})??{symbol:g}:{symbol:g},y=t?.providerOrderId;return c(a,{...u,amount:_,creditedAsset:v,...p?{creditedTo:p}:{},headlineTitle:h({id:`AGFPtu`,message:`Purchase complete`}),onDone:m,children:i??l(s,{children:[c(a.Header,{}),l(a.Body,{children:[c(a.Headline,{}),l(a.Details,{children:[c(a.YouReceiveRow,{}),y?c(a.Detail,{label:h({id:`oI_hGR`,message:`Order ID`}),value:y}):null]})]}),c(a.Actions,{})]})})}let g=d.settlement;if(g.status!==`ready`||g.payload.kind!==`succeeded`)return null;let _=g.payload,v=d.brand,y=v.status===`ready`||v.status===`stale`?v.payload.name:void 0,b=_.destination.name??y??_.creditedAsset.symbol,x=_.aggregatorExplorerUrl?{url:_.aggregatorExplorerUrl}:void 0,S=_.depositTx||_.completionTx||_.submittedAt||_.filledAt,C=o(_.creditedAsset)??{symbol:_.creditedAsset.symbol},w={..._.sourceWallet.name===void 0?{}:{name:_.sourceWallet.name},address:_.sourceWallet.address.formatted,..._.sourceWallet.explorerUrl?{explorerUrl:_.sourceWallet.explorerUrl}:{}};return c(a,{...u,amount:_.receiveAmount.formatted,creditedAsset:C,creditedTo:b,...x?{explorer:x}:{},..._.depositTx?{depositTx:{hash:_.depositTx.hash.formatted,..._.depositTx.explorerUrl?{explorerUrl:_.depositTx.explorerUrl}:{}}}:{},..._.completionTx?{completionTx:{hash:_.completionTx.hash.formatted,..._.completionTx.explorerUrl?{explorerUrl:_.completionTx.explorerUrl}:{}}}:{},submittedAt:_.submittedAt.formatted,filledAt:_.filledAt.formatted,totalTime:_.totalTime.formatted,sourceWallet:w,onDone:m,children:i??l(s,{children:[c(a.Header,{}),l(a.Body,{children:[c(a.Headline,{}),l(a.Details,{children:[c(a.FillStatusRow,{}),c(a.TotalTimeRow,{}),c(a.SourceRow,{}),c(a.DestinationRow,{}),c(a.YouReceiveRow,{}),S?l(a.MoreDetails,{children:[c(a.DepositTxRow,{}),c(a.CompletionTxRow,{}),c(a.SubmittedAtRow,{}),c(a.FilledAtRow,{})]}):null]})]}),c(a.Actions,{})]})})}function d({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...a}){return c(i,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:c(u,{...a})})}(function(e){e.Dialog=d,e.Header=a.Header,e.Body=a.Body,e.Headline=a.Headline,e.Details=a.Details,e.FillStatusRow=a.FillStatusRow,e.TotalTimeRow=a.TotalTimeRow,e.SourceRow=a.SourceRow,e.DestinationRow=a.DestinationRow,e.YouReceiveRow=a.YouReceiveRow,e.MoreDetails=a.MoreDetails,e.DepositTxRow=a.DepositTxRow,e.CompletionTxRow=a.CompletionTxRow,e.SubmittedAtRow=a.SubmittedAtRow,e.FilledAtRow=a.FilledAtRow,e.Actions=a.Actions})(u||={});export{u as SuccessState};
+"use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as t}from"../../driver/context.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{DialogShell as i}from"../../../../shared/dialog/DialogShell.js";import{FiatAmount as a}from"../../../../shared/ui/FiatSymbol/FiatAmount.js";import"../../../../shared/ui/FiatSymbol/index.js";import{SuccessState as o}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as s}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";function d({children:i,...d}){let f=t(),p=r(),m=p.name,{successDone:h}=n(),{_:g,i18n:_}=e();if(m!==`success`)return null;if(p.ctx.method===`onramp`){let e=f.onrampSession,t=e?.status===`ready`||e?.status===`stale`?e.payload:void 0,n=f.onrampQuote,r=n?.status===`ready`||n?.status===`stale`?n.payload:void 0,p=f.brand,m=p.status===`ready`||p.status===`stale`?p.payload.name:void 0,v=r?.receiveAsset.symbol??``,y=t?.receiveAmount?.formatted??r?.receiveAmount.formatted??``,b=r?s({symbol:r.receiveAsset.symbol,chainId:r.receiveAsset.chainId,address:r.receiveAsset.address,isNative:r.receiveAsset.isNative,...r.receiveAsset.assetLogoUrl?{assetLogoUrl:r.receiveAsset.assetLogoUrl}:{}})??{symbol:v}:{symbol:v},x=t?.providerOrderId,S=t?.fiatAmount?.formatted??r?.amountFiat.formatted,C=t?.fiatAmount?.value??r?.amountFiat.value,w=t?.fiatCurrency??r?.fiatCurrency,T=C!==void 0&&w?l(a,{value:C,currency:w,locale:_.locale}):S,E=t?.destinationAddress?.formatted;return l(o,{...d,amount:y,creditedAsset:b,...m?{creditedTo:m}:{},headlineTitle:g({id:`AGFPtu`,message:`Purchase complete`}),onDone:h,children:i??u(c,{children:[l(o.Header,{}),u(o.Body,{children:[l(o.Headline,{}),u(o.Details,{children:[S?l(o.Detail,{label:g({id:`VAxOSg`,message:`You pay`}),value:T}):null,l(o.YouReceiveRow,{}),E?l(o.Detail,{label:g({id:`Enslfm`,message:`Destination`}),value:E}):null,x?l(o.Detail,{label:g({id:`oI_hGR`,message:`Order ID`}),value:x}):null]})]}),l(o.Actions,{})]})})}let v=f.settlement;if(v.status!==`ready`||v.payload.kind!==`succeeded`)return null;let y=v.payload,b=f.brand,x=b.status===`ready`||b.status===`stale`?b.payload.name:void 0,S=y.destination.name??x??y.creditedAsset.symbol,C=y.aggregatorExplorerUrl?{url:y.aggregatorExplorerUrl}:void 0,w=y.depositTx||y.completionTx||y.submittedAt||y.filledAt,T=s(y.creditedAsset)??{symbol:y.creditedAsset.symbol},E={...y.sourceWallet.name===void 0?{}:{name:y.sourceWallet.name},address:y.sourceWallet.address.formatted,...y.sourceWallet.explorerUrl?{explorerUrl:y.sourceWallet.explorerUrl}:{}};return l(o,{...d,amount:y.receiveAmount.formatted,creditedAsset:T,creditedTo:S,...C?{explorer:C}:{},...y.depositTx?{depositTx:{hash:y.depositTx.hash.formatted,...y.depositTx.explorerUrl?{explorerUrl:y.depositTx.explorerUrl}:{}}}:{},...y.completionTx?{completionTx:{hash:y.completionTx.hash.formatted,...y.completionTx.explorerUrl?{explorerUrl:y.completionTx.explorerUrl}:{}}}:{},submittedAt:y.submittedAt.formatted,filledAt:y.filledAt.formatted,totalTime:y.totalTime.formatted,sourceWallet:E,onDone:h,children:i??u(c,{children:[l(o.Header,{}),u(o.Body,{children:[l(o.Headline,{}),u(o.Details,{children:[l(o.FillStatusRow,{}),l(o.TotalTimeRow,{}),l(o.SourceRow,{}),l(o.DestinationRow,{}),l(o.YouReceiveRow,{}),w?u(o.MoreDetails,{children:[l(o.DepositTxRow,{}),l(o.CompletionTxRow,{}),l(o.SubmittedAtRow,{}),l(o.FilledAtRow,{})]}):null]})]}),l(o.Actions,{})]})})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...a}){return l(i,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:l(d,{...a})})}(function(e){e.Dialog=f,e.Header=o.Header,e.Body=o.Body,e.Headline=o.Headline,e.Details=o.Details,e.FillStatusRow=o.FillStatusRow,e.TotalTimeRow=o.TotalTimeRow,e.SourceRow=o.SourceRow,e.DestinationRow=o.DestinationRow,e.YouReceiveRow=o.YouReceiveRow,e.MoreDetails=o.MoreDetails,e.DepositTxRow=o.DepositTxRow,e.CompletionTxRow=o.CompletionTxRow,e.SubmittedAtRow=o.SubmittedAtRow,e.FilledAtRow=o.FilledAtRow,e.Actions=o.Actions})(d||={});export{d as SuccessState};