@stridge/kit 0.1.0-alpha.60 → 0.1.0-alpha.62

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

@@ -0,0 +1,50 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { ProcessingStateBodyProps } from "../../../../shared/widgets/processing-state/compound/types.js";
+import { ProcessingStateDetail } from "../../../../shared/widgets/processing-state/compound/components/Detail.js";
+import { ProcessingStateDetails } from "../../../../shared/widgets/processing-state/compound/components/Details.js";
+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";
+
+//#region src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.d.ts
+interface OnrampPaymentPendingOwnProps {
+  /** Optional custom composition. Replaces the default headline + body + summary + reopen tree. */
+  children?: ReactNode;
+}
+/**
+ * Orchestrated `OnrampPaymentPending` widget — shown while the FSM is in `onrampPaymentPending`.
+ * The hosted-checkout tab is already open; this screen tells the user to finish there and updates
+ * automatically when the controller's session watcher observes a terminal state. Reads the receive
+ * amount from the driver's `onrampSession` / `onrampQuote` entities and offers a "Reopen payment
+ * window" affordance that re-`window.open`s the same `checkoutUrl`.
+ */
+declare function OnrampPaymentPending({
+  children,
+  ...props
+}: ComponentProps<"div"> & OnrampPaymentPendingOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function OnrampPaymentPendingDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: OnrampPaymentPending.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampPaymentPending {
+  type Props = ComponentProps<"div"> & OnrampPaymentPendingOwnProps;
+  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;
+  const StatusPill: typeof ProcessingStateStatusPill;
+  const Details: typeof ProcessingStateDetails;
+  const Detail: typeof ProcessingStateDetail;
+}
+//#endregion
+export { OnrampPaymentPending };

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

@@ -0,0 +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{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

@@ -0,0 +1,68 @@
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { ProcessingStateBodyProps } from "../../../../../shared/widgets/processing-state/compound/types.js";
+import { ProcessingStateDetail } from "../../../../../shared/widgets/processing-state/compound/components/Detail.js";
+import { ProcessingStateDetails } from "../../../../../shared/widgets/processing-state/compound/components/Details.js";
+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 { 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";
+
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.d.ts
+/**
+ * Public props accepted by the {@link OnrampPaymentPending} compound root. Composes the shared
+ * {@link ProcessingStateCompound} for visual parity with the crypto processing screen, plus the
+ * onramp-pending reopen affordance.
+ */
+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.
+   */
+  children?: ReactNode;
+}
+/**
+ * Onramp payment-pending widget — shown while the FSM is in `onrampPaymentPending`. Reuses the
+ * shared processing-state chrome (spinner hero + status pill) and adds a "Reopen payment window"
+ * affordance. The controller's session watcher drives the transition to success / error; there is
+ * no manual "I'm done" button.
+ *
+ * Parts:
+ * - {@link OnrampPaymentPending.ReopenButton}
+ * - the {@link ProcessingStateCompound} parts (`Header`, `Body`, `Hero`, `StatusPill`, `Details`,
+ *   `Detail`) re-exposed for one-stop composition.
+ */
+declare function OnrampPaymentPending(props: OnrampPaymentPendingProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampPaymentPendingDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampPaymentPendingProps & DialogShellControls): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampPaymentPending {
+  type Props = OnrampPaymentPendingProps;
+  type DialogProps = OnrampPaymentPendingProps & DialogShellControls & ComponentProps<"div">;
+  /** 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;
+  const Hero: typeof ProcessingStateHero;
+  const StatusPill: typeof ProcessingStateStatusPill;
+  const Details: typeof ProcessingStateDetails;
+  const Detail: typeof ProcessingStateDetail;
+  const Dialog: typeof OnrampPaymentPendingDialog;
+}
+//#endregion
+export { OnrampPaymentPending, OnrampPaymentPendingProps };

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

@@ -0,0 +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{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

@@ -0,0 +1,17 @@
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the onramp-payment-pending compound. The processing-state
+ * compound parts the widget composes carry their own `PROCESSING_STATE_SLOTS`; this file only
+ * covers the onramp-pending additions (the root + the "Reopen payment window" affordance).
+ */
+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
+export { ONRAMP_PAYMENT_PENDING_SLOTS, OnrampPaymentPendingSlot };

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

@@ -0,0 +1 @@
+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/components/ReopenButton.d.ts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/components/ReopenButton.d.ts
+/**
+ * Secondary affordance that re-opens the hosted-checkout window (some browsers/users close the tab
+ * or lose it behind the app). Reads the reopen handler from context. Renders nothing when no
+ * handler is available.
+ */
+declare function OnrampPaymentPendingReopenButton(): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { OnrampPaymentPendingReopenButton };

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

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{Button as t}from"../../../../../../shared/ui/Button/Button.js";import"../../../../../../ui/index.js";import{useOnrampPaymentPendingContext as n}from"../context.js";import{ONRAMP_PAYMENT_PENDING_SLOTS as r}from"../OnrampPaymentPending.slots.js";import{jsx as i}from"react/jsx-runtime";function a(){let{onReopen:a}=n(`OnrampPaymentPending.ReopenButton`);return a?i(t,{variant:`secondary`,size:`cta`,onClick:a,"data-stridge-slot":r.reopen,style:{alignSelf:`stretch`},children:i(e,{id:`V_WXOs`,message:`Reopen payment window`})}):null}export{a as OnrampPaymentPendingReopenButton};

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/context.js

@@ -0,0 +1 @@
+"use client";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 <OnrampPaymentPending>.`);return r}export{n as OnrampPaymentPendingContext,r as useOnrampPaymentPendingContext};

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

@@ -0,0 +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-payment-pending/compound/index.js

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

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

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

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

@@ -0,0 +1 @@
+import"./OnrampPaymentPending.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{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{SuccessState as i}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as a}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function l({children:r,...l}){let u=e(),d=n().name,{successDone:f}=t();if(d!==`success`)return null;let p=u.settlement;if(p.status!==`ready`||p.payload.kind!==`succeeded`)return null;let m=p.payload,h=u.brand,g=h.status===`ready`||h.status===`stale`?h.payload.name:void 0,_=m.destination.name??g??m.creditedAsset.symbol,v=m.aggregatorExplorerUrl?{url:m.aggregatorExplorerUrl}:void 0,y=m.depositTx||m.completionTx||m.submittedAt||m.filledAt,b=a(m.creditedAsset)??{symbol:m.creditedAsset.symbol},x={...m.sourceWallet.name===void 0?{}:{name:m.sourceWallet.name},address:m.sourceWallet.address.formatted,...m.sourceWallet.explorerUrl?{explorerUrl:m.sourceWallet.explorerUrl}:{}};return s(i,{...l,amount:m.receiveAmount.formatted,creditedAsset:b,creditedTo:_,...v?{explorer:v}:{},...m.depositTx?{depositTx:{hash:m.depositTx.hash.formatted,...m.depositTx.explorerUrl?{explorerUrl:m.depositTx.explorerUrl}:{}}}:{},...m.completionTx?{completionTx:{hash:m.completionTx.hash.formatted,...m.completionTx.explorerUrl?{explorerUrl:m.completionTx.explorerUrl}:{}}}:{},submittedAt:m.submittedAt.formatted,filledAt:m.filledAt.formatted,totalTime:m.totalTime.formatted,sourceWallet:x,onDone:f,children:r??c(o,{children:[s(i.Header,{}),c(i.Body,{children:[s(i.Headline,{}),c(i.Details,{children:[s(i.FillStatusRow,{}),s(i.TotalTimeRow,{}),s(i.SourceRow,{}),s(i.DestinationRow,{}),s(i.YouReceiveRow,{}),y?c(i.MoreDetails,{children:[s(i.DepositTxRow,{}),s(i.CompletionTxRow,{}),s(i.SubmittedAtRow,{}),s(i.FilledAtRow,{})]}):null]})]}),s(i.Actions,{})]})})}function u({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return s(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:s(l,{...a})})}(function(e){e.Dialog=u,e.Header=i.Header,e.Body=i.Body,e.Headline=i.Headline,e.Details=i.Details,e.FillStatusRow=i.FillStatusRow,e.TotalTimeRow=i.TotalTimeRow,e.SourceRow=i.SourceRow,e.DestinationRow=i.DestinationRow,e.YouReceiveRow=i.YouReceiveRow,e.MoreDetails=i.MoreDetails,e.DepositTxRow=i.DepositTxRow,e.CompletionTxRow=i.CompletionTxRow,e.SubmittedAtRow=i.SubmittedAtRow,e.FilledAtRow=i.FilledAtRow,e.Actions=i.Actions})(l||={});export{l 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};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/QrCode.js

@@ -1 +1 @@
-"use client";import{resolveChainLogoChain as e}from"../../../../../../shared/utils/logos/resolveLogoSrc.js";import"../../../../../../shared/utils/logos/index.js";import{Cuer as t}from"../../../../../../shared/cuer/Cuer.js";import"../../../../../../shared/cuer/index.js";import{useTransferCryptoContext as n}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as r}from"../TransferCrypto.slots.js";import{styles as i}from"../TransferCrypto.styles.js";import{useEffect as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=n(`TransferCrypto.QrCode`),d=e({...u.chain.chainId===void 0?{}:{chainId:u.chain.chainId},...u.chain.logoUrl===void 0?{}:{chainLogoUrl:u.chain.logoUrl}}),[f,p]=o(0);a(()=>{p(0)},[d.join(`|`)]);let m=d[f];return s(`div`,{"data-stridge-slot":r.qr,...l.props(i.qrFrame),children:c(t.Root,{value:u.depositAddress,size:160,...l.props(i.qrSvg),children:[s(t.Finder,{}),s(t.Cells,{}),m&&s(t.Arena,{href:m,"aria-label":u.chain.symbol,"data-stridge-slot":r.qrArena,onError:()=>{f<d.length-1&&p(f+1)}},m)]})})}export{u as TransferCryptoQrCode};
+"use client";import{resolveChainLogoChain as e}from"../../../../../../shared/utils/logos/resolveLogoSrc.js";import"../../../../../../shared/utils/logos/index.js";import{useTransferCryptoContext as t}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as n}from"../TransferCrypto.slots.js";import{styles as r}from"../TransferCrypto.styles.js";import{Cuer as i}from"../../../../../../shared/cuer/Cuer.js";import"../../../../../../shared/cuer/index.js";import{useEffect as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=t(`TransferCrypto.QrCode`),d=e({...u.chain.chainId===void 0?{}:{chainId:u.chain.chainId},...u.chain.logoUrl===void 0?{}:{chainLogoUrl:u.chain.logoUrl}}),[f,p]=o(0);a(()=>{p(0)},[d.join(`|`)]);let m=d[f];return s(`div`,{"data-stridge-slot":n.qr,...l.props(r.qrFrame),children:c(i.Root,{value:u.depositAddress,size:160,...l.props(r.qrSvg),children:[s(i.Finder,{}),s(i.Cells,{}),m&&s(i.Arena,{href:m,"aria-label":u.chain.symbol,"data-stridge-slot":n.qrArena,onError:()=>{f<d.length-1&&p(f+1)}},m)]})})}export{u as TransferCryptoQrCode};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/RecipientField.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Field as t}from"../../../../../../shared/ui/Field/Field.js";import"../../../../../../shared/ui/Field/index.js";import{Image as n}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{InputGroup as r}from"../../../../../../shared/ui/InputGroup/InputGroup.js";import"../../../../../../shared/ui/InputGroup/index.js";import{useWithdrawFormContext as i}from"../context.js";import{WITHDRAW_FORM_SLOTS as a}from"../WithdrawForm.slots.js";import{styles as o}from"../WithdrawForm.styles.js";import{useCallback as s,useId as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f(){let f=i(`WithdrawForm.RecipientField`),{_:m}=e(),h=f.recipientChainType===`tron`?m({id:`9XIJb8`,message:`T…`}):m({id:`yy2rkt`,message:`0x…`}),g=m({id:`MZ_nQf`,message:`Recipient address`}),_=c(),{suggestedRecipient:v,onRecipientChange:y}=f,b=v?.address,x=v?.label?.trim()||m({id:`BhQhbU`,message:`Use suggested recipient address`}),S=s(e=>{y(e.target.value.replace(/[\r\n]+/g,``))},[y]),C=s(()=>{b&&y(b)},[b,y]),w=b?p(b):``;return u(t,{"data-stridge-slot":a.recipientField,children:[l(t.Label,{htmlFor:_,children:g}),u(r,{children:[l(r.Textarea,{id:_,"data-stridge-slot":a.recipientInput,rows:1,spellCheck:!1,autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,placeholder:h,value:f.recipientAddress,onChange:S,...d.props(o.recipientInputMono)}),b?l(r.Addon,{align:`inline-end`,children:u(`button`,{type:`button`,"data-stridge-slot":a.recipientPill,onClick:C,"aria-label":x,...d.props(o.pillBase,o.pillInteractive,o.recipientPill),children:[l(n,{size:`sm`,alt:m({id:`sb9Y58`,message:`Wallet`})}),l(`span`,{...d.props(o.recipientPillText),children:w})]})}):null]})]})}function p(e){return e.length<=10?e:`${e.slice(0,4)}…${e.slice(-4)}`}export{f as WithdrawFormRecipientField};
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Image as t}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{Field as n}from"../../../../../../shared/ui/Field/Field.js";import"../../../../../../shared/ui/Field/index.js";import{InputGroup as r}from"../../../../../../shared/ui/InputGroup/InputGroup.js";import"../../../../../../shared/ui/InputGroup/index.js";import{useWithdrawFormContext as i}from"../context.js";import{WITHDRAW_FORM_SLOTS as a}from"../WithdrawForm.slots.js";import{styles as o}from"../WithdrawForm.styles.js";import{useCallback as s,useId as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f(){let f=i(`WithdrawForm.RecipientField`),{_:m}=e(),h=f.recipientChainType===`tron`?m({id:`9XIJb8`,message:`T…`}):m({id:`yy2rkt`,message:`0x…`}),g=m({id:`MZ_nQf`,message:`Recipient address`}),_=c(),{suggestedRecipient:v,onRecipientChange:y}=f,b=v?.address,x=v?.label?.trim()||m({id:`BhQhbU`,message:`Use suggested recipient address`}),S=s(e=>{y(e.target.value.replace(/[\r\n]+/g,``))},[y]),C=s(()=>{b&&y(b)},[b,y]),w=b?p(b):``;return u(n,{"data-stridge-slot":a.recipientField,children:[l(n.Label,{htmlFor:_,children:g}),u(r,{children:[l(r.Textarea,{id:_,"data-stridge-slot":a.recipientInput,rows:1,spellCheck:!1,autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,placeholder:h,value:f.recipientAddress,onChange:S,...d.props(o.recipientInputMono)}),b?l(r.Addon,{align:`inline-end`,children:u(`button`,{type:`button`,"data-stridge-slot":a.recipientPill,onClick:C,"aria-label":x,...d.props(o.pillBase,o.pillInteractive,o.recipientPill),children:[l(t,{size:`sm`,alt:m({id:`sb9Y58`,message:`Wallet`})}),l(`span`,{...d.props(o.recipientPillText),children:w})]})}):null]})]})}function p(e){return e.length<=10?e:`${e.slice(0,4)}…${e.slice(-4)}`}export{f as WithdrawFormRecipientField};

package/dist/format/index.d.ts

@@ -1,5 +1,6 @@
 import { formatDurationCoarse } from "../shared/format/formatDurationCoarse.js";
 import { formatDurationCompact } from "../shared/format/formatDurationCompact.js";
+import { FormatFiatOptions, formatFiat } from "../shared/format/formatFiat.js";
 import { formatNetworkName } from "../shared/format/formatNetworkName.js";
 import { formatPercent } from "../shared/format/formatPercent.js";
 import { formatSmartRelative } from "../shared/format/formatSmartRelative.js";
@@ -8,4 +9,4 @@ import { FormatTokenAmountOptions, formatTokenAmount } from "../shared/format/fo
 import { FormatUsdOptions, formatUsd } from "../shared/format/formatUsd.js";
 import { shortenAddress } from "../shared/format/shortenAddress.js";
 import { FormattedField } from "../shared/format/types.js";
-export { type FormatTokenAmountOptions, type FormatUsdOptions, type FormattedField, formatDurationCoarse, formatDurationCompact, formatNetworkName, formatPercent, formatSmartRelative, formatTimestamp, formatTokenAmount, formatUsd, shortenAddress };
+export { type FormatFiatOptions, type FormatTokenAmountOptions, type FormatUsdOptions, type FormattedField, formatDurationCoarse, formatDurationCompact, formatFiat, formatNetworkName, formatPercent, formatSmartRelative, formatTimestamp, formatTokenAmount, formatUsd, shortenAddress };