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

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.js

@@ -1 +1 @@
-const e={heroLabelWrap:{"OnrampAmountEntry__styles.heroLabelWrap":`OnrampAmountEntry__styles.heroLabelWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingTop-kLKAdn":`xyamay9`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:12`},heroLabel:{"OnrampAmountEntry__styles.heroLabel":`OnrampAmountEntry__styles.heroLabel`,"margin-kogj98":`x1ghz6dp`,"letterSpacing-kb6lSQ":`x1labic3`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:19`},receiveLine:{"OnrampAmountEntry__styles.receiveLine":`OnrampAmountEntry__styles.receiveLine`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:25`},receiveLabel:{"OnrampAmountEntry__styles.receiveLabel":`OnrampAmountEntry__styles.receiveLabel`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:30`},receiveChip:{"OnrampAmountEntry__styles.receiveChip":`OnrampAmountEntry__styles.receiveChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInlineStart-kZCmMZ":`x25sj25`,"paddingInlineEnd-kwRFfy":`x2vl965`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`xvaq5cg`,"borderColor-kVAM5u":`x12c9lpl`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:33`},receiveChipAmount:{"OnrampAmountEntry__styles.receiveChipAmount":`OnrampAmountEntry__styles.receiveChipAmount`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:46`}};export{e as styles};
+const e={heroLabelWrap:{"OnrampAmountEntry__styles.heroLabelWrap":`OnrampAmountEntry__styles.heroLabelWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingTop-kLKAdn":`x109j2v6`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:12`},heroLabel:{"OnrampAmountEntry__styles.heroLabel":`OnrampAmountEntry__styles.heroLabel`,"margin-kogj98":`x1ghz6dp`,"letterSpacing-kb6lSQ":`x1labic3`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:19`},receiveLine:{"OnrampAmountEntry__styles.receiveLine":`OnrampAmountEntry__styles.receiveLine`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:25`},receiveLabel:{"OnrampAmountEntry__styles.receiveLabel":`OnrampAmountEntry__styles.receiveLabel`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:30`},receiveChip:{"OnrampAmountEntry__styles.receiveChip":`OnrampAmountEntry__styles.receiveChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInlineStart-kZCmMZ":`x25sj25`,"paddingInlineEnd-kwRFfy":`x2vl965`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`xvaq5cg`,"borderColor-kVAM5u":`x12c9lpl`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:33`},receiveChipAmount:{"OnrampAmountEntry__styles.receiveChipAmount":`OnrampAmountEntry__styles.receiveChipAmount`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:46`},currencyChipWrap:{"OnrampAmountEntry__styles.currencyChipWrap":`OnrampAmountEntry__styles.currencyChipWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:50`},currencyChip:{"OnrampAmountEntry__styles.currencyChip":`OnrampAmountEntry__styles.currencyChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,"paddingBlock-k8WAf4":`xifx94n`,"paddingInlineStart-kZCmMZ":`xaso8d8`,"paddingInlineEnd-kwRFfy":`xpdmqnj`,"margin-kogj98":`x1ghz6dp`,"borderRadius-kaIpWk":`x1npxkrn`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"backgroundColor-kWkggS":`xvaq5cg xiy4fg7`,"color-kMwMTN":`xzn0pkc`,"cursor-kkrTdU":`x1ypdohk`,"appearance-kysU6D":`xjyslct`,"transitionProperty-k1ekBW":`xts7igz`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,"outline-kI3sdo":`x1a2a7pz`,"boxShadow-kGVxlE":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:57`},currencyChipCode:{"OnrampAmountEntry__styles.currencyChipCode":`OnrampAmountEntry__styles.currencyChipCode`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:85`},currencyChipChevron:{"OnrampAmountEntry__styles.currencyChipChevron":`OnrampAmountEntry__styles.currencyChipChevron`,"width-kzqmXN":`x1a00udw`,"height-kZKoxP":`xx3o462`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`x68fu6m`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:88`},providerCardWrap:{"OnrampAmountEntry__styles.providerCardWrap":`OnrampAmountEntry__styles.providerCardWrap`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingInlineStart-kZCmMZ":`xwn43p0`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:96`},providerCardLabel:{"OnrampAmountEntry__styles.providerCardLabel":`OnrampAmountEntry__styles.providerCardLabel`,"paddingInlineStart-kZCmMZ":`xyiysdx`,"textAlign-k9WMMc":`x1yc453h`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:104`},providerRow:{"OnrampAmountEntry__styles.providerRow":`OnrampAmountEntry__styles.providerRow`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:108`},providerText:{"OnrampAmountEntry__styles.providerText":`OnrampAmountEntry__styles.providerText`,"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-amount-entry/compound/OnrampAmountEntry.styles.ts:111`},providerChevron:{"OnrampAmountEntry__styles.providerChevron":`OnrampAmountEntry__styles.providerChevron`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`x68fu6m`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:120`},providerDelivery:{"OnrampAmountEntry__styles.providerDelivery":`OnrampAmountEntry__styles.providerDelivery`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"paddingInlineStart-kZCmMZ":`xyiysdx`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:127`},providerDeliveryIcon:{"OnrampAmountEntry__styles.providerDeliveryIcon":`OnrampAmountEntry__styles.providerDeliveryIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`x68fu6m`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.ts:133`}};export{e as styles};

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/CurrencyChip.d.ts

@@ -0,0 +1,12 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/components/CurrencyChip.d.ts
+/**
+ * Currency chip at the top of the amount-entry Body — a compact, self-sizing pill button rendering
+ * the selected currency's {@link CurrencyGlyph} (flag) + code + a chevron. Tapping it opens the
+ * currency picker. Renders nothing until the orchestrated wrapper has wired a currency + an open
+ * handler.
+ */
+declare function OnrampAmountEntryCurrencyChip(): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { OnrampAmountEntryCurrencyChip };

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/CurrencyChip.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronDownIcon as t}from"../../../../../../shared/icons/ChevronDownIcon.js";import"../../../../../../icons/index.js";import{CurrencyGlyph as n}from"../../../../../../shared/ui/CurrencyGlyph/CurrencyGlyph.js";import"../../../../../../shared/ui/CurrencyGlyph/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampAmountEntryContext as i}from"../context.js";import{ONRAMP_AMOUNT_ENTRY_SLOTS as a}from"../OnrampAmountEntry.slots.js";import{styles as o}from"../OnrampAmountEntry.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=i(`OnrampAmountEntry.CurrencyChip`),{_:d}=e();if(!u.onOpenCurrencyPicker||!u.currencyCode)return null;let f=u.currencyCode;return s(`div`,{...l.props(o.currencyChipWrap),children:c(`button`,{type:`button`,onClick:u.onOpenCurrencyPicker,"aria-label":d({id:`LS3na9`,message:`Change currency, currently {code}`,values:{code:f}}),"data-stridge-slot":a.currencyChip,...l.props(o.currencyChip),children:[s(n,{code:f,...u.currencyGlyphSymbol?{symbol:u.currencyGlyphSymbol}:{},size:22}),s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...l.props(o.currencyChipCode),children:f}),s(t,{"aria-hidden":!0,...l.props(o.currencyChipChevron)})]})})}export{u as OnrampAmountEntryCurrencyChip};

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ProviderCard.d.ts

@@ -0,0 +1,12 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/components/ProviderCard.d.ts
+/**
+ * Provider card on the amount-entry screen — a "Provider" section label, a navigable card row with
+ * the active provider's logo / neutral name / "Auto-picked for you" sub-line, and an estimated
+ * delivery-time line. Tapping the row opens the provider picker. Renders nothing when no provider is
+ * wired (crypto-only / capability-less drivers unaffected).
+ */
+declare function OnrampAmountEntryProviderCard(): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { OnrampAmountEntryProviderCard };

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ProviderCard.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{ChevronRightIcon as n}from"../../../../../../shared/icons/ChevronRightIcon.js";import{ClockIcon as r}from"../../../../../../shared/icons/ClockIcon.js";import"../../../../../../icons/index.js";import{Image as i}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{SelectableTile as a}from"../../../../../../shared/ui/SelectableTile/SelectableTile.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{text as o}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampAmountEntryContext as s}from"../context.js";import{ONRAMP_AMOUNT_ENTRY_SLOTS as c}from"../OnrampAmountEntry.slots.js";import{styles as l}from"../OnrampAmountEntry.styles.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p(){let p=s(`OnrampAmountEntry.ProviderCard`),{_:m}=t(),h=p.provider;if(!h)return null;let g=typeof p.onOpenProviderPicker==`function`;return d(`div`,{"data-stridge-slot":c.providerCard,...f.props(l.providerCardWrap),children:[u(o.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`subdued`,transform:`uppercase`,"data-stridge-slot":c.providerCardLabel,...f.props(l.providerCardLabel),children:m({id:`aemBRq`,message:`Provider`})}),d(a,{shape:`card`,interactive:g?`navigation`:!1,...g?{onClick:p.onOpenProviderPicker,"aria-label":m({id:`a_Zu3Q`,message:`Change provider, currently {0}`,values:{0:h.name}})}:{},"data-stridge-slot":c.providerCardRow,...f.props(l.providerRow),children:[u(i,{...h.logoUrl?{src:h.logoUrl}:{},alt:h.name,size:36,shape:`rounded`}),d(`span`,{...f.props(l.providerText),children:[u(o.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,"data-stridge-slot":c.providerCardName,children:h.name}),u(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,"data-stridge-slot":c.providerCardNote,children:h.note??m({id:`iKuXva`,message:`Auto-picked for you`})})]}),g?u(n,{"aria-hidden":!0,...f.props(l.providerChevron)}):null]}),h.deliveryTime?d(`div`,{"data-stridge-slot":c.providerCardDelivery,...f.props(l.providerDelivery),children:[u(r,{"aria-hidden":!0,...f.props(l.providerDeliveryIcon)}),u(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:u(e,{id:`xu_4Dj`,message:`Estimated delivery time: {0}`,values:{0:h.deliveryTime}})})]}):null]})}export{p as OnrampAmountEntryProviderCard};

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ReceiveChip.js

@@ -1 +1 @@
-"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{Skeleton as t}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/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{ONRAMP_AMOUNT_ENTRY_SLOTS as i}from"../OnrampAmountEntry.slots.js";import{styles as a}from"../OnrampAmountEntry.styles.js";import{useOnrampAmountEntryContext as o}from"../context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let{formattedReceive:u,receiveToken:d,loading:f}=o(`OnrampAmountEntry.ReceiveChip`);return c(`span`,{...l.props(a.receiveLine),children:[s(n.span,{size:`sm`,leading:`tight`,color:`subdued`,...l.props(a.receiveLabel),children:s(e,{id:`lDgVWA`,message:`Receive`})}),c(`span`,{"data-stridge-slot":i.receiveChip,...l.props(a.receiveChip),children:[s(r,{size:18,symbol:d.symbol,...d.chainId===void 0?{}:{chainId:d.chainId},...d.address===void 0?{}:{address:d.address},...d.isNative===void 0?{}:{isNative:d.isNative},...d.logoUrl===void 0?{}:{logoUrl:d.logoUrl},hideChainBadge:!0}),f?s(t,{width:64,height:14}):c(n.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,...l.props(a.receiveChipAmount),children:[u,` `,d.symbol]})]})]})}export{u as OnrampAmountEntryReceiveChip};
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{Skeleton as t}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/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{useOnrampAmountEntryContext as i}from"../context.js";import{ONRAMP_AMOUNT_ENTRY_SLOTS as a}from"../OnrampAmountEntry.slots.js";import{styles as o}from"../OnrampAmountEntry.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let{formattedReceive:u,receiveToken:d,loading:f}=i(`OnrampAmountEntry.ReceiveChip`);return c(`span`,{...l.props(o.receiveLine),children:[s(n.span,{size:`sm`,leading:`tight`,color:`subdued`,...l.props(o.receiveLabel),children:s(e,{id:`lDgVWA`,message:`Receive`})}),c(`span`,{"data-stridge-slot":a.receiveChip,...l.props(o.receiveChip),children:[s(r,{size:18,symbol:d.symbol,...d.chainId===void 0?{}:{chainId:d.chainId},...d.address===void 0?{}:{address:d.address},...d.isNative===void 0?{}:{isNative:d.isNative},...d.logoUrl===void 0?{}:{logoUrl:d.logoUrl},hideChainBadge:!0}),f?s(t,{width:64,height:14}):c(n.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,...l.props(o.receiveChipAmount),children:[u,` `,d.symbol]})]})]})}export{u as OnrampAmountEntryReceiveChip};

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/context.d.ts

@@ -0,0 +1,14 @@
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/context.d.ts
+/** Active-provider summary rendered by the amount-entry ProviderCard. */
+interface OnrampAmountEntryProviderInfo {
+  /** Neutral, driver-supplied provider name. */
+  name: string;
+  /** Optional driver-supplied logo URL — rendered through `Image`; else a neutral monogram. */
+  logoUrl?: string;
+  /** Optional sub-line; the card falls back to "Auto-picked for you". */
+  note?: string;
+  /** Pre-formatted estimated delivery time (from `onrampMethods.processingTime.formatted`). */
+  deliveryTime?: string;
+}
+//#endregion
+export { OnrampAmountEntryProviderInfo };

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/index.d.ts

@@ -1,3 +1,4 @@
+import { OnrampAmountEntryProviderInfo } from "./context.js";
 import { OnrampAmountEntryDialogProps, OnrampAmountEntryHeroLabelProps, OnrampAmountEntryProps } from "./types.js";
 import { OnrampAmountEntry } from "./OnrampAmountEntry.js";
 import { ONRAMP_AMOUNT_ENTRY_SLOTS, OnrampAmountEntrySlot } from "./OnrampAmountEntry.slots.js";

package/dist/flows/deposit/widgets/onramp-amount-entry/compound/types.d.ts

@@ -1,12 +1,13 @@
 import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
 import { AmountEntryProps, AmountEntryToken } from "../../../../../shared/widgets/amount-entry/compound/types.js";
+import { OnrampAmountEntryProviderInfo } from "./context.js";
 import { ReactNode } from "react";
 
 //#region src/flows/deposit/widgets/onramp-amount-entry/compound/types.d.ts
 /**
  * Public props accepted by the {@link OnrampAmountEntry} compound root. Extends the underlying
  * {@link AmountEntryProps} shape with onramp-flow-specific fields the orchestrated wrapper populates
- * from the driver's `onrampQuote` entity.
+ * from the driver's `onrampQuote` / `onrampCurrencies` / `onrampProviders` entities.
  */
 interface OnrampAmountEntryProps extends AmountEntryProps {
   /** Pre-formatted receive amount (e.g. `"24.21"`). Rendered inside the ReceiveChip. */
@@ -15,6 +16,16 @@ interface OnrampAmountEntryProps extends AmountEntryProps {
   onrampReceiveToken: AmountEntryToken;
   /** When `true`, the ReceiveChip renders a shimmer placeholder while the quote resolves. */
   quoteLoading?: boolean;
+  /** Selected fiat currency code (e.g. `"USD"`) — drives the CurrencyChip. */
+  currencyCode?: string;
+  /** Narrow symbol for {@link currencyCode} — drives the CurrencyChip glyph. */
+  currencyGlyphSymbol?: string;
+  /** Opens the currency picker. When absent, the CurrencyChip renders nothing. */
+  onOpenCurrencyPicker?: () => void;
+  /** Active provider for the ProviderCard. When absent, the ProviderCard renders nothing. */
+  provider?: OnrampAmountEntryProviderInfo;
+  /** Opens the provider picker. */
+  onOpenProviderPicker?: () => void;
 }
 /** Props for {@link OnrampAmountEntry.HeroLabel}. */
 interface OnrampAmountEntryHeroLabelProps {

package/dist/flows/deposit/widgets/onramp-confirm/OnrampConfirm.d.ts

@@ -1,5 +1,6 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
 import { OnrampConfirmBody } from "./compound/components/Body.js";
+import { OnrampConfirmDisclaimer } from "./compound/components/Disclaimer.js";
 import { OnrampConfirmHeader } from "./compound/components/Header.js";
 import { OnrampConfirmSummary } from "./compound/components/Summary.js";
 import { ComponentProps, ReactNode } from "react";
@@ -45,6 +46,7 @@ declare namespace OnrampConfirm {
   const Header: typeof OnrampConfirmHeader;
   const Body: typeof OnrampConfirmBody;
   const Summary: typeof OnrampConfirmSummary;
+  const Disclaimer: typeof OnrampConfirmDisclaimer;
 }
 //#endregion
 export { OnrampConfirm };

package/dist/flows/deposit/widgets/onramp-confirm/OnrampConfirm.js

@@ -1 +1 @@
-"use client";import{useKitI18n as e}from"../../../../shared/i18n/useKitI18n.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{formatUsd as a}from"../../../../shared/format/formatUsd.js";import{DialogShell as o}from"../../../../shared/dialog/DialogShell.js";import{OnrampConfirm as s}from"./compound/OnrampConfirm.js";import"./compound/index.js";import{useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u={id:`kf83Ld`,message:`Something went wrong.`};function d({children:o,...d}){let f=n(),p=i(),{back:m,confirmOnramp:h}=r(),g=e(),{i18n:_}=t(),v=f.onrampQuote,y=v?.status===`ready`||v?.status===`stale`?v.payload:void 0,b=p.name===`onrampConfirm`?p.ctx.amount:0,x=c(()=>{if(y)return{totalUsd:a(b,g,{showSmallValueClamp:!1}),receive:y.receiveAmount.formatted,receiveSymbol:y.receiveAsset.symbol,amountUsd:y.amountUsd.formatted,rate:y.rate.formatted,...y.processingFeeUsd?{processingFee:y.processingFeeUsd.formatted}:{},...y.networkFeeUsd?{networkFee:y.networkFeeUsd.formatted}:{}}},[y,b,g]);if(p.name!==`onrampConfirm`)return null;let{phase:S}=p.ctx,C=f.brand.status===`ready`||f.brand.status===`stale`?f.brand.payload:void 0,w=S.kind===`failed`?S.failure.reason??_._(u):void 0;return l(s,{...d,phase:S,amount:b,...x?{summary:x}:{},...C?.name?{brandName:C.name}:{},...w?{failureReason:w}:{},onBack:m,onConfirm:h,children:o})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return l(o,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:l(d,{...i})})}(function(e){e.Dialog=f,e.Header=s.Header,e.Body=s.Body,e.Summary=s.Summary})(d||={});export{d as OnrampConfirm};
+"use client";import{useKitI18n as e}from"../../../../shared/i18n/useKitI18n.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{FiatAmount as o}from"../../../../shared/ui/FiatSymbol/FiatAmount.js";import"../../../../shared/ui/FiatSymbol/index.js";import{OnrampConfirm as s}from"./compound/OnrampConfirm.js";import"./compound/index.js";import{resolveOnrampErrorMessage as c}from"../../shared/onrampError.js";import{useMemo as l}from"react";import{jsx as u}from"react/jsx-runtime";function d({children:a,...d}){let f=n(),p=i(),{back:m,confirmOnramp:h}=r(),g=e(),{i18n:_}=t(),v=f.onrampQuote,y=v?.status===`ready`||v?.status===`stale`?v.payload:void 0,b=p.name===`onrampConfirm`?p.ctx.amount:0,x=l(()=>{if(!y)return;let e=y.fiatCurrency;return{totalUsd:u(o,{value:b,currency:e,locale:g.locale}),receive:y.receiveAmount.formatted,receiveSymbol:y.receiveAsset.symbol,amountUsd:u(o,{value:y.amountFiat.value,currency:e,locale:g.locale}),rate:y.rate.formatted,...y.processingFeeUsd?{processingFee:u(o,{value:y.processingFeeUsd.value,currency:e,locale:g.locale})}:{},...y.networkFeeUsd?{networkFee:u(o,{value:y.networkFeeUsd.value,currency:e,locale:g.locale})}:{}}},[y,b,g]),S=f.onrampProviders,C=S?.status===`ready`||S?.status===`stale`?S.payload.providers.find(e=>e.id===S.payload.activeId):void 0,w=f.onrampMethods,T=w?.status===`ready`||w?.status===`stale`?w.payload.processingTime?.formatted:void 0,E=l(()=>{let e=C?.disclaimer;if(e)return{providerName:e.providerName,links:e.links,...C?.logoUrl===void 0?{}:{logoUrl:C.logoUrl},...e.bodyOverride===void 0?{}:{bodyOverride:e.bodyOverride},...T===void 0?{}:{deliveryTime:T}}},[C,T]);if(p.name!==`onrampConfirm`)return null;let{phase:D}=p.ctx,O=f.brand.status===`ready`||f.brand.status===`stale`?f.brand.payload:void 0,k=D.kind===`failed`?c(D.failure.cause??D.failure.reason,_):void 0;return u(s,{...d,phase:D,amount:b,...x?{summary:x}:{},...O?.name?{brandName:O.name}:{},...k?{failureReason:k}:{},...E?{disclaimer:E}:{},onBack:m,onConfirm:h,children:a})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return u(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:u(d,{...i})})}(function(e){e.Dialog=f,e.Header=s.Header,e.Body=s.Body,e.Summary=s.Summary,e.Disclaimer=s.Disclaimer})(d||={});export{d as OnrampConfirm};

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.d.ts

@@ -1,5 +1,6 @@
 import { OnrampConfirmBodyProps, OnrampConfirmDialogProps, OnrampConfirmHeaderProps, OnrampConfirmProps, OnrampConfirmSummaryProps } from "./types.js";
 import { OnrampConfirmBody } from "./components/Body.js";
+import { OnrampConfirmDisclaimer } from "./components/Disclaimer.js";
 import { OnrampConfirmHeader } from "./components/Header.js";
 import { OnrampConfirmSummary } from "./components/Summary.js";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -36,6 +37,7 @@ declare namespace OnrampConfirm {
   const Header: typeof OnrampConfirmHeader;
   const Body: typeof OnrampConfirmBody;
   const Summary: typeof OnrampConfirmSummary;
+  const Disclaimer: typeof OnrampConfirmDisclaimer;
   const Dialog: typeof OnrampConfirmDialog;
 }
 //#endregion

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.js

@@ -1 +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{OnrampConfirmContext as r}from"./context.js";import{ONRAMP_CONFIRM_SLOTS as i}from"./OnrampConfirm.slots.js";import{styles as a}from"./OnrampConfirm.styles.js";import{OnrampConfirmSummary as o}from"./components/Summary.js";import{OnrampConfirmBody as s}from"./components/Body.js";import{OnrampConfirmHeader 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";function m(e){let{phase:o,amount:s,summary:c,brandName:u,failureReason:f,onBack:m,onConfirm:g,children:_,...v}=e;return d(r,{value:l(()=>({phase:o,amount:s,...c===void 0?{}:{summary:c},...u===void 0?{}:{brandName:u},...f===void 0?{}:{failureReason:f},...m?{onBack:m}:{},...g?{onConfirm:g}:{}}),[o,s,c,u,f,m,g]),children:d(t.Provider,{children:d(n,{...v,"data-stridge-slot":i.root,...p.props(a.root),children:_??h})})})}const h=f(u,{children:[d(c,{}),d(s,{})]});function g({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return d(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:d(m,{...o,children:a})})}(function(e){e.Header=c,e.Body=s,e.Summary=o,e.Dialog=g})(m||={});export{m as OnrampConfirm};
+"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{OnrampConfirmContext as r}from"./context.js";import{ONRAMP_CONFIRM_SLOTS as i}from"./OnrampConfirm.slots.js";import{styles as a}from"./OnrampConfirm.styles.js";import{OnrampConfirmDisclaimer as o}from"./components/Disclaimer.js";import{OnrampConfirmSummary as s}from"./components/Summary.js";import{OnrampConfirmBody as c}from"./components/Body.js";import{OnrampConfirmHeader as l}from"./components/Header.js";import{useMemo as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";function h(e){let{phase:o,amount:s,summary:c,brandName:l,failureReason:d,onBack:p,onConfirm:h,disclaimer:_,children:v,...y}=e;return f(r,{value:u(()=>({phase:o,amount:s,...c===void 0?{}:{summary:c},...l===void 0?{}:{brandName:l},...d===void 0?{}:{failureReason:d},...p?{onBack:p}:{},...h?{onConfirm:h}:{},..._===void 0?{}:{disclaimer:_}}),[o,s,c,l,d,p,h,_]),children:f(t.Provider,{children:f(n,{...y,"data-stridge-slot":i.root,...m.props(a.root),children:v??g})})})}const g=p(d,{children:[f(l,{}),f(c,{})]});function _({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return f(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:f(h,{...o,children:a})})}(function(e){e.Header=l,e.Body=c,e.Summary=s,e.Disclaimer=o,e.Dialog=_})(h||={});export{h as OnrampConfirm};

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.d.ts

@@ -18,6 +18,13 @@ declare const ONRAMP_CONFIRM_SLOTS: {
   readonly breakdownRowLabel: "onramp-confirm-breakdown-row-label";
   readonly breakdownRowValue: "onramp-confirm-breakdown-row-value";
   readonly cta: "onramp-confirm-cta";
+  readonly disclaimer: "onramp-confirm-disclaimer";
+  readonly disclaimerProvider: "onramp-confirm-disclaimer-provider";
+  readonly disclaimerReceive: "onramp-confirm-disclaimer-receive";
+  readonly disclaimerBody: "onramp-confirm-disclaimer-body";
+  readonly disclaimerLink: "onramp-confirm-disclaimer-link";
+  readonly disclaimerCheckbox: "onramp-confirm-disclaimer-checkbox";
+  readonly disclaimerCheckboxLabel: "onramp-confirm-disclaimer-checkbox-label";
 };
 type OnrampConfirmSlot = (typeof ONRAMP_CONFIRM_SLOTS)[keyof typeof ONRAMP_CONFIRM_SLOTS];
 //#endregion

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.js

@@ -1 +1 @@
-const e={root:`onramp-confirm`,header:`onramp-confirm-header`,body:`onramp-confirm-body`,summary:`onramp-confirm-summary`,summaryStaticRow:`onramp-confirm-summary-static-row`,summaryRowLabel:`onramp-confirm-summary-row-label`,summaryRowValue:`onramp-confirm-summary-row-value`,summaryBreakdown:`onramp-confirm-summary-breakdown`,breakdownTrigger:`onramp-confirm-breakdown-trigger`,breakdownChevron:`onramp-confirm-breakdown-chevron`,breakdownRow:`onramp-confirm-breakdown-row`,breakdownRowLabel:`onramp-confirm-breakdown-row-label`,breakdownRowValue:`onramp-confirm-breakdown-row-value`,cta:`onramp-confirm-cta`};export{e as ONRAMP_CONFIRM_SLOTS};
+const e={root:`onramp-confirm`,header:`onramp-confirm-header`,body:`onramp-confirm-body`,summary:`onramp-confirm-summary`,summaryStaticRow:`onramp-confirm-summary-static-row`,summaryRowLabel:`onramp-confirm-summary-row-label`,summaryRowValue:`onramp-confirm-summary-row-value`,summaryBreakdown:`onramp-confirm-summary-breakdown`,breakdownTrigger:`onramp-confirm-breakdown-trigger`,breakdownChevron:`onramp-confirm-breakdown-chevron`,breakdownRow:`onramp-confirm-breakdown-row`,breakdownRowLabel:`onramp-confirm-breakdown-row-label`,breakdownRowValue:`onramp-confirm-breakdown-row-value`,cta:`onramp-confirm-cta`,disclaimer:`onramp-confirm-disclaimer`,disclaimerProvider:`onramp-confirm-disclaimer-provider`,disclaimerReceive:`onramp-confirm-disclaimer-receive`,disclaimerBody:`onramp-confirm-disclaimer-body`,disclaimerLink:`onramp-confirm-disclaimer-link`,disclaimerCheckbox:`onramp-confirm-disclaimer-checkbox`,disclaimerCheckboxLabel:`onramp-confirm-disclaimer-checkbox-label`};export{e as ONRAMP_CONFIRM_SLOTS};

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.js

@@ -1 +1 @@
-const e={root:{"OnrampConfirm__styles.root":`OnrampConfirm__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:11`},body:{"OnrampConfirm__styles.body":`OnrampConfirm__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xsfdumc`,"paddingTop-kLKAdn":`xtgch2x`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:18`},summary:{"OnrampConfirm__styles.summary":`OnrampConfirm__styles.summary`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:28`},summaryStaticRow:{"OnrampConfirm__styles.summaryStaticRow":`OnrampConfirm__styles.summaryStaticRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:32`},summaryLabel:{"OnrampConfirm__styles.summaryLabel":`OnrampConfirm__styles.summaryLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:44`},summaryValue:{"OnrampConfirm__styles.summaryValue":`OnrampConfirm__styles.summaryValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:49`},breakdownTrigger:{"OnrampConfirm__styles.breakdownTrigger":`OnrampConfirm__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x13a6bvl`,"gap-kOIVth":`x1r05nms`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"width-kzqmXN":`xh8yej3`,"backgroundColor-kWkggS":`xjbqb8w`,"borderColor-kVAM5u":`x9r1u3d`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x2u8bby`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_borderColor-kOJeXU":`x1mt3fz5`,":focus-visible_boxShadow-kEtg5x":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:55`},breakdownChevron:{"OnrampConfirm__styles.breakdownChevron":`OnrampConfirm__styles.breakdownChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x1xv5090`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:80`},breakdownPanel:{"OnrampConfirm__styles.breakdownPanel":`OnrampConfirm__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x407w7c`,"borderTopColor-kLZC3w":`x19bq4ie`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopWidth-kEafiO":`x178xt8z`,"paddingBlock-k8WAf4":`xpuy6co`,"paddingInline-kg3NbH":`xqsvw4s`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:90`},breakdownRow:{"OnrampConfirm__styles.breakdownRow":`OnrampConfirm__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`xpuy6co`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:100`},breakdownLabel:{"OnrampConfirm__styles.breakdownLabel":`OnrampConfirm__styles.breakdownLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:108`},breakdownValue:{"OnrampConfirm__styles.breakdownValue":`OnrampConfirm__styles.breakdownValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:113`},cta:{"OnrampConfirm__styles.cta":`OnrampConfirm__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1s7mj9v`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:120`},failureNotice:{"OnrampConfirm__styles.failureNotice":`OnrampConfirm__styles.failureNotice`,"color-kMwMTN":`xreodjm`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:126`},header:{"OnrampConfirm__styles.header":`OnrampConfirm__styles.header`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x1h03h88`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xiplbrm`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:132`},headerLeft:{"OnrampConfirm__styles.headerLeft":`OnrampConfirm__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:140`},headerTitle:{"OnrampConfirm__styles.headerTitle":`OnrampConfirm__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:145`},backIcon:{"OnrampConfirm__styles.backIcon":`OnrampConfirm__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:148`}};export{e as styles};
+const e={root:{"OnrampConfirm__styles.root":`OnrampConfirm__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:11`},body:{"OnrampConfirm__styles.body":`OnrampConfirm__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xsfdumc`,"paddingTop-kLKAdn":`xtgch2x`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:18`},summary:{"OnrampConfirm__styles.summary":`OnrampConfirm__styles.summary`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:28`},summaryStaticRow:{"OnrampConfirm__styles.summaryStaticRow":`OnrampConfirm__styles.summaryStaticRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:32`},summaryLabel:{"OnrampConfirm__styles.summaryLabel":`OnrampConfirm__styles.summaryLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:44`},summaryValue:{"OnrampConfirm__styles.summaryValue":`OnrampConfirm__styles.summaryValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:49`},breakdownPanel:{"OnrampConfirm__styles.breakdownPanel":`OnrampConfirm__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x407w7c`,"borderTopColor-kLZC3w":`x19bq4ie`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopWidth-kEafiO":`x178xt8z`,"paddingBlock-k8WAf4":`xpuy6co`,"paddingInline-kg3NbH":`xqsvw4s`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:55`},breakdownRow:{"OnrampConfirm__styles.breakdownRow":`OnrampConfirm__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`xpuy6co`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:65`},breakdownLabel:{"OnrampConfirm__styles.breakdownLabel":`OnrampConfirm__styles.breakdownLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:73`},breakdownValue:{"OnrampConfirm__styles.breakdownValue":`OnrampConfirm__styles.breakdownValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:78`},cta:{"OnrampConfirm__styles.cta":`OnrampConfirm__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1s7mj9v`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:85`},failureNotice:{"OnrampConfirm__styles.failureNotice":`OnrampConfirm__styles.failureNotice`,"color-kMwMTN":`xreodjm`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:91`},header:{"OnrampConfirm__styles.header":`OnrampConfirm__styles.header`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x1h03h88`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xiplbrm`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:97`},headerLeft:{"OnrampConfirm__styles.headerLeft":`OnrampConfirm__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:105`},headerTitle:{"OnrampConfirm__styles.headerTitle":`OnrampConfirm__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:110`},backIcon:{"OnrampConfirm__styles.backIcon":`OnrampConfirm__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:113`},disclaimer:{"OnrampConfirm__styles.disclaimer":`OnrampConfirm__styles.disclaimer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"padding-kmVPX3":`x163h9xw`,"borderRadius-kaIpWk":`x5bw3pk`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"backgroundColor-kWkggS":`x407w7c`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:118`},disclaimerProvider:{"OnrampConfirm__styles.disclaimerProvider":`OnrampConfirm__styles.disclaimerProvider`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:129`},disclaimerProviderText:{"OnrampConfirm__styles.disclaimerProviderText":`OnrampConfirm__styles.disclaimerProviderText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:134`},disclaimerReceive:{"OnrampConfirm__styles.disclaimerReceive":`OnrampConfirm__styles.disclaimerReceive`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:140`},disclaimerBody:{"OnrampConfirm__styles.disclaimerBody":`OnrampConfirm__styles.disclaimerBody`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:143`},disclaimerLink:{"OnrampConfirm__styles.disclaimerLink":`OnrampConfirm__styles.disclaimerLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textUnderlineOffset-kcSHmL":`xrys4gj`,"borderRadius-kaIpWk":`x1cum3z5`,"outline-kI3sdo":`x1a2a7pz`,"boxShadow-kGVxlE":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:146`},disclaimerLinks:{"OnrampConfirm__styles.disclaimerLinks":`OnrampConfirm__styles.disclaimerLinks`,"display-k1xSpc":`x78zum5`,"flexWrap-kwnvtZ":`x1a02dak`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:157`},disclaimerCheckboxRow:{"OnrampConfirm__styles.disclaimerCheckboxRow":`OnrampConfirm__styles.disclaimerCheckboxRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x1cy8zhl`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:163`},disclaimerCheckboxLabel:{"OnrampConfirm__styles.disclaimerCheckboxLabel":`OnrampConfirm__styles.disclaimerCheckboxLabel`,"margin-kogj98":`x1ghz6dp`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"minWidth-k7Eaqz":`xeuugli`,"fontSize-kGuDYH":`x1oae1zf`,"lineHeight-kLWn49":`x14vj8e1`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:174`}};export{e as styles};

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

@@ -1 +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{Card as n}from"../../../../../../shared/ui/Card/Card.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as i}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as a}from"../OnrampConfirm.slots.js";import{styles as o}from"../OnrampConfirm.styles.js";import{OnrampConfirmSummary as s}from"./Summary.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({children:e,...t}={}){return l(n.Body,{...t,children:l(`div`,{"data-stridge-slot":a.body,...d.props(o.body),children:e??l(p,{})})})}function p(){let{phase:n,failureReason:f,onConfirm:p}=i(`OnrampConfirm.Body`),m=n.kind===`creating`,h=n.kind===`loading`;return u(c,{children:[l(s,{}),n.kind===`failed`&&f?l(r.span,{size:`sm`,leading:`normal`,...d.props(o.failureNotice),children:f}):null,l(t,{variant:`default`,size:`cta`,isLoading:m,disabled:h||m||!p,onClick:p,"data-stridge-slot":a.cta,...d.props(o.cta),children:m?l(e,{id:`9k9fRZ`,message:`Opening checkout…`}):l(e,{id:`hMqszB`,message:`Continue to payment`})})]})}export{f as OnrampConfirmBody};
+"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{Card as n}from"../../../../../../shared/ui/Card/Card.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as i}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as a}from"../OnrampConfirm.slots.js";import{styles as o}from"../OnrampConfirm.styles.js";import{OnrampConfirmDisclaimer as s}from"./Disclaimer.js";import{OnrampConfirmSummary as c}from"./Summary.js";import{useState as l}from"react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";function m({children:e,...t}={}){return d(n.Body,{...t,children:d(`div`,{"data-stridge-slot":a.body,...p.props(o.body),children:e??d(h,{})})})}function h(){let{phase:n,failureReason:m,onConfirm:h,disclaimer:g}=i(`OnrampConfirm.Body`),_=n.kind===`creating`,v=n.kind===`loading`,[y,b]=l(!1),x=g!==void 0&&!y;return f(u,{children:[d(c,{}),g?d(s,{checked:y,onCheckedChange:b}):null,n.kind===`failed`&&m?d(r.span,{size:`sm`,leading:`normal`,...p.props(o.failureNotice),children:m}):null,d(t,{variant:`default`,size:`cta`,isLoading:_,disabled:v||_||!h||x,"aria-disabled":x?!0:void 0,onClick:h,"data-stridge-slot":a.cta,...p.props(o.cta),children:_?d(e,{id:`9k9fRZ`,message:`Opening checkout…`}):d(e,{id:`hMqszB`,message:`Continue to payment`})})]})}export{m as OnrampConfirmBody};

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.d.ts

@@ -0,0 +1,21 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.d.ts
+interface OnrampConfirmDisclaimerProps {
+  /** Controlled acknowledgement state (owned by the Body so it can gate the CTA). */
+  checked: boolean;
+  /** Fires with the next acknowledgement state on toggle. */
+  onCheckedChange: (checked: boolean) => void;
+}
+/**
+ * Pre-redirect third-party-consent block. Renders the active provider's identity, the receive
+ * estimate + delivery time, a translated acknowledgement body interpolating the driver-supplied
+ * provider name + legal links (or a verbatim `bodyOverride`), and a required acknowledgement
+ * checkbox the Body gates the CTA on. Renders nothing when no disclaimer is wired.
+ */
+declare function OnrampConfirmDisclaimer({
+  checked,
+  onCheckedChange
+}: OnrampConfirmDisclaimerProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { OnrampConfirmDisclaimer };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.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{Checkbox as n}from"../../../../../../shared/ui/Checkbox/Checkbox.js";import"../../../../../../shared/ui/Checkbox/index.js";import{Image as r}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{Skeleton as i}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as o}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as s}from"../OnrampConfirm.slots.js";import{styles as c}from"../OnrampConfirm.styles.js";import{useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p={target:`_blank`,rel:`noopener noreferrer`};function m({checked:m,onCheckedChange:h}){let g=o(`OnrampConfirm.Disclaimer`),{_}=t(),v=l(),y=g.disclaimer;if(!y)return null;let b=y.providerName,x=e=>y.links.find(t=>t.kind===e)?.url,S=x(`terms`)??`#`,C=x(`privacy`)??`#`,w=g.summary?`${g.summary.receive} ${g.summary.receiveSymbol}`:void 0,T=!w&&g.phase.kind===`loading`;return d(`div`,{"data-stridge-slot":s.disclaimer,...f.props(c.disclaimer),children:[d(`div`,{"data-stridge-slot":s.disclaimerProvider,...f.props(c.disclaimerProvider),children:[u(r,{...y.logoUrl?{src:y.logoUrl}:{},alt:b,size:28,shape:`rounded`}),d(`span`,{...f.props(c.disclaimerProviderText),children:[u(a.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,children:b}),y.deliveryTime?u(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:u(e,{id:`6A8Mts`,message:`Up to {0}`,values:{0:y.deliveryTime}})}):null]})]}),w?u(a.span,{size:`sm`,fontWeight:`semibold`,leading:`normal`,"data-stridge-slot":s.disclaimerReceive,...f.props(c.disclaimerReceive),children:u(e,{id:`EqcUuN`,message:`You will receive ≈ {receive}`,values:{receive:w}})}):T?u(i,{width:172,height:16,"data-stridge-slot":s.disclaimerReceive}):null,u(a.span,{size:`xs`,leading:`normal`,color:`subdued`,"data-stridge-slot":s.disclaimerBody,...f.props(c.disclaimerBody),children:y.bodyOverride?y.bodyOverride:u(e,{id:`ReCJDz`,message:`You are now leaving for {provider}, a separate third-party platform. By proceeding, you acknowledge that you have read and agree to {provider}'s <0>Terms of Use</0> and <1>Privacy Policy</1>.`,values:{provider:b},components:{0:u(`a`,{href:S,...p,"data-stridge-slot":s.disclaimerLink,...f.props(c.disclaimerLink)}),1:u(`a`,{href:C,...p,"data-stridge-slot":s.disclaimerLink,...f.props(c.disclaimerLink)})}})}),y.bodyOverride?d(`div`,{...f.props(c.disclaimerLinks),children:[u(`a`,{href:S,...p,...f.props(c.disclaimerLink),children:u(a.span,{size:`xs`,fontWeight:`medium`,children:_({id:`PSGjEt`,message:`Terms of Use`})})}),u(`a`,{href:C,...p,...f.props(c.disclaimerLink),children:u(a.span,{size:`xs`,fontWeight:`medium`,children:_({id:`LcET2C`,message:`Privacy Policy`})})})]}):null,d(`div`,{...f.props(c.disclaimerCheckboxRow),children:[u(n,{id:v,checked:m,onCheckedChange:h,"data-stridge-slot":s.disclaimerCheckbox}),u(`label`,{htmlFor:v,"data-stridge-slot":s.disclaimerCheckboxLabel,...f.props(c.disclaimerCheckboxLabel),children:u(a.span,{size:`xs`,leading:`normal`,color:`subdued`,children:u(e,{id:`pJ3YlV`,message:`I understand that I'm purchasing crypto directly through a third-party provider and agree to the disclaimer.`})})})]})]})}export{m as OnrampConfirmDisclaimer};

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.d.ts

@@ -4,8 +4,8 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/onramp-confirm/compound/components/Summary.d.ts
 /**
  * Read-only summary card sitting above the CTA. Renders three static rows (Top up on / You receive
- * / Total) followed by a `Collapsible` whose trigger shows "View breakdown ⌄" and whose panel
- * reveals the quote breakdown rows. Reads the pre-formatted summary from context so the part stays
+ * / Total) followed by a shared {@link DisclosureRow} "More details" disclosure whose panel reveals
+ * the quote breakdown rows. Reads the pre-formatted summary from context so the part stays
  * render-only.
  */
 declare function OnrampConfirmSummary({

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.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{ChevronRightIcon as n}from"../../../../../../shared/icons/ChevronRightIcon.js";import"../../../../../../icons/index.js";import{Card as r}from"../../../../../../shared/ui/Card/Card.js";import{Collapsible as i}from"../../../../../../shared/ui/Collapsible/Collapsible.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as o}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as s}from"../OnrampConfirm.slots.js";import{styles as c}from"../OnrampConfirm.styles.js";import{useDirectionalChevronTransform as l}from"../../../../../../shared/dialog/useDirectionalChevronTransform.js";import{useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";function m({brandName:n}={}){let{_:l}=t(),{summary:m,brandName:v}=o(`OnrampConfirm.Summary`),[y,b]=u(!1),x=n??v;return f(r,{variant:`default`,"data-stridge-slot":s.summary,...p.props(c.summary),children:[d(h,{label:d(e,{id:`HalPBQ`,message:`Top up on`}),value:x??``}),d(h,{label:d(e,{id:`88cUW-`,message:`You receive`}),value:m?`${m.receive} ${m.receiveSymbol}`:``}),d(h,{label:d(e,{id:`72c5Qo`,message:`Total`}),value:m?.totalUsd??``}),f(i,{open:y,onOpenChange:b,children:[d(i.Trigger,{render:(t,{open:n})=>f(`button`,{type:`button`,"data-stridge-slot":s.breakdownTrigger,...t,children:[d(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:n?d(e,{id:`t1k2Bt`,message:`Hide breakdown`}):d(e,{id:`3qkDVZ`,message:`View breakdown`})}),d(g,{open:n})]}),"aria-label":l(y?{id:`t1k2Bt`,message:`Hide breakdown`}:{id:`3qkDVZ`,message:`View breakdown`}),...p.props(c.breakdownTrigger)}),d(i.Panel,{children:f(`div`,{"data-stridge-slot":s.summaryBreakdown,...p.props(c.breakdownPanel),children:[d(_,{label:d(e,{id:`hehnjM`,message:`Amount`}),value:m?.amountUsd??``}),d(_,{label:d(e,{id:`vepIdX`,message:`Crypto price`}),value:m?d(e,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:m.receiveSymbol,1:m.rate}}):``}),m?.processingFee?d(_,{label:d(e,{id:`QFwptY`,message:`Processing fee`}),value:`− ${m.processingFee}`}):null,m?.networkFee?d(_,{label:d(e,{id:`y62Dys`,message:`Network fee`}),value:`− ${m.networkFee}`}):null]})})]})]})}function h({label:e,value:t}){return f(`div`,{"data-stridge-slot":s.summaryStaticRow,...p.props(c.summaryStaticRow),children:[d(a.span,{size:`sm`,leading:`tight`,"data-stridge-slot":s.summaryRowLabel,...p.props(c.summaryLabel),children:e}),d(a.span,{size:`sm`,leading:`tight`,"data-stridge-slot":s.summaryRowValue,...p.props(c.summaryValue),children:t})]})}function g({open:e}){let t=l(e);return d(n,{"aria-hidden":!0,"data-stridge-slot":s.breakdownChevron,style:{transform:t},...p.props(c.breakdownChevron)})}function _({label:e,value:t}){return f(`div`,{"data-stridge-slot":s.breakdownRow,...p.props(c.breakdownRow),children:[d(a.span,{size:`xs`,leading:`tight`,"data-stridge-slot":s.breakdownRowLabel,...p.props(c.breakdownLabel),children:e}),d(a.span,{size:`xs`,leading:`tight`,"data-stridge-slot":s.breakdownRowValue,...p.props(c.breakdownValue),children:t})]})}export{m as OnrampConfirmSummary};
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{Card as t}from"../../../../../../shared/ui/Card/Card.js";import{DisclosureRow as n}from"../../../../../../shared/ui/DisclosureRow/DisclosureRow.js";import{Skeleton as r}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import{text as i}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as a}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as o}from"../OnrampConfirm.slots.js";import{styles as s}from"../OnrampConfirm.styles.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({brandName:i}={}){let{summary:f,brandName:h,phase:g}=a(`OnrampConfirm.Summary`),_=i??h,v=g.kind===`loading`;return u(t,{variant:`default`,"data-stridge-slot":o.summary,...d.props(s.summary),children:[l(p,{label:l(e,{id:`HalPBQ`,message:`Top up on`}),value:_??(v?l(r,{width:104,height:14}):``)}),l(p,{label:l(e,{id:`88cUW-`,message:`You receive`}),value:f?`${f.receive} ${f.receiveSymbol}`:v?l(r,{width:84,height:14}):``}),l(p,{label:l(e,{id:`72c5Qo`,message:`Total`}),value:f?.totalUsd??(v?l(r,{width:68,height:14}):``)}),l(n,{label:l(e,{id:`LEbOpR`,message:`More details`}),triggerProps:{"data-stridge-slot":o.breakdownTrigger},children:u(`div`,{"data-stridge-slot":o.summaryBreakdown,...d.props(s.breakdownPanel),children:[l(m,{label:l(e,{id:`hehnjM`,message:`Amount`}),value:f?.amountUsd??(v?l(r,{width:64,height:12}):``)}),l(m,{label:l(e,{id:`vepIdX`,message:`Crypto price`}),value:f?l(e,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:f.receiveSymbol,1:f.rate}}):v?l(r,{width:96,height:12}):``}),f?.processingFee?l(m,{label:l(e,{id:`QFwptY`,message:`Processing fee`}),value:u(c,{children:[`− `,f.processingFee]})}):null,f?.networkFee?l(m,{label:l(e,{id:`y62Dys`,message:`Network fee`}),value:u(c,{children:[`− `,f.networkFee]})}):null]})})]})}function p({label:e,value:t}){return u(`div`,{"data-stridge-slot":o.summaryStaticRow,...d.props(s.summaryStaticRow),children:[l(i.span,{size:`sm`,leading:`tight`,"data-stridge-slot":o.summaryRowLabel,...d.props(s.summaryLabel),children:e}),l(i.span,{size:`sm`,leading:`tight`,"data-stridge-slot":o.summaryRowValue,...d.props(s.summaryValue),children:t})]})}function m({label:e,value:t}){return u(`div`,{"data-stridge-slot":o.breakdownRow,...d.props(s.breakdownRow),children:[l(i.span,{size:`xs`,leading:`tight`,"data-stridge-slot":o.breakdownRowLabel,...d.props(s.breakdownLabel),children:e}),l(i.span,{size:`xs`,leading:`tight`,"data-stridge-slot":o.breakdownRowValue,...d.props(s.breakdownValue),children:t})]})}export{f as OnrampConfirmSummary};

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

@@ -7,19 +7,40 @@ import { ReactNode } from "react";
  */
 interface OnrampConfirmSummary {
   /** What the user pays end-to-end (the FSM `amount`). Renders in the static "Total" row. */
-  totalUsd: string;
+  totalUsd: ReactNode;
   /** Crypto the user receives after fees. Renders in the static "You receive" row + breakdown. */
   receive: string;
   /** Receive asset symbol (e.g. `"USDC"`). */
   receiveSymbol: string;
   /** Principal that converts to crypto. Renders in the breakdown "Amount" row. */
-  amountUsd: string;
+  amountUsd: ReactNode;
   /** Crypto-per-fiat rate string. Renders in the breakdown "Crypto price" row. */
   rate: string;
-  /** Processing fee string (already prefixed when the wrapper formats it). */
-  processingFee?: string;
-  /** Network fee string. */
-  networkFee?: string;
+  /** Processing fee value (unprefixed — the row prepends the `−`). */
+  processingFee?: ReactNode;
+  /** Network fee value (unprefixed — the row prepends the `−`). */
+  networkFee?: ReactNode;
+}
+/**
+ * Third-party-consent content for the pre-redirect disclaimer gate. `providerName` + `links` are
+ * driver-supplied (the single sanctioned surface that names the integrated provider); the kit
+ * renders its own translated acknowledgement copy around them. `bodyOverride` substitutes exact
+ * mandated legal wording.
+ */
+interface OnrampConfirmDisclaimer {
+  /** Driver-supplied provider name interpolated into the kit's acknowledgement copy. */
+  providerName: string;
+  /** Legal links rendered as inline anchors (new tab, `rel="noopener noreferrer"`). */
+  links: ReadonlyArray<{
+    kind: "terms" | "privacy" | "support";
+    url: string;
+  }>;
+  /** Optional driver-supplied provider logo — rendered through `Image`; else a neutral monogram. */
+  logoUrl?: string;
+  /** When set, rendered verbatim instead of the kit's translated body template (still with checkbox + links). */
+  bodyOverride?: string;
+  /** Pre-formatted estimated delivery time (`onrampMethods.processingTime.formatted`), shown as "Up to …". */
+  deliveryTime?: string;
 }
 //#endregion
-export { OnrampConfirmSummary };
+export { OnrampConfirmDisclaimer, OnrampConfirmSummary };

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

@@ -1,4 +1,4 @@
-import { OnrampConfirmSummary } from "./context.js";
+import { OnrampConfirmDisclaimer, OnrampConfirmSummary } from "./context.js";
 import { OnrampConfirmBodyProps, OnrampConfirmDialogProps, OnrampConfirmHeaderProps, OnrampConfirmProps, OnrampConfirmSummaryProps } from "./types.js";
 import { OnrampConfirm } from "./OnrampConfirm.js";
 import { ONRAMP_CONFIRM_SLOTS, OnrampConfirmSlot } from "./OnrampConfirm.slots.js";

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

@@ -1,6 +1,6 @@
 import { OnrampConfirmPhase } from "../../../orchestrator/types.js";
 import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
-import { OnrampConfirmSummary } from "./context.js";
+import { OnrampConfirmDisclaimer, OnrampConfirmSummary } from "./context.js";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/flows/deposit/widgets/onramp-confirm/compound/types.d.ts
@@ -24,9 +24,14 @@ interface OnrampConfirmProps extends ComponentProps<"div"> {
   onBack?: () => void;
   /** CTA handler — promotes the FSM into `creating` (open checkout). */
   onConfirm?: () => void;
+  /**
+   * Pre-redirect third-party-consent content. When present, the disclaimer block renders above the
+   * CTA and the CTA is gated on an acknowledgement checkbox.
+   */
+  disclaimer?: OnrampConfirmDisclaimer;
   /**
    * Optional custom composition. When omitted, the canonical default composition renders —
-   * `<Header />` + `<Body>` (Summary + CTA). Pass children to interleave your own elements.
+   * `<Header />` + `<Body>` (Summary + Disclaimer + CTA). Pass children to interleave your own elements.
    */
   children?: ReactNode;
 }

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

@@ -0,0 +1,39 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { OnrampCurrencyPickerBody } from "./compound/components/Body.js";
+import { OnrampCurrencyPickerRow } from "./compound/components/CurrencyRow.js";
+import { OnrampCurrencyPickerHeader } from "./compound/components/Header.js";
+import { OnrampCurrencyPickerSearch } from "./compound/components/Search.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/OnrampCurrencyPicker.d.ts
+interface OnrampCurrencyPickerOwnProps {
+  children?: ReactNode;
+}
+type OnrampCurrencyPickerProps = ComponentProps<"div"> & OnrampCurrencyPickerOwnProps;
+/**
+ * Orchestrated fiat-currency picker — wires the `onrampCurrencies` entity + the deposit FSM into the
+ * `OnrampCurrencyPicker` compound. Renders only on the `onrampCurrencyPicker` state. Selecting a
+ * currency persists it to kit storage, dispatches `selectOnrampCurrency` (returns to amount entry +
+ * re-quotes), and the back chevron returns without changing the currency.
+ */
+declare function OnrampCurrencyPicker(props: OnrampCurrencyPickerProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function OnrampCurrencyPickerDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rest
+}: OnrampCurrencyPickerProps & DialogShellControls): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampCurrencyPicker {
+  type Props = OnrampCurrencyPickerProps;
+  type DialogProps = OnrampCurrencyPickerProps & DialogShellControls;
+  const Dialog: typeof OnrampCurrencyPickerDialog;
+  const Header: typeof OnrampCurrencyPickerHeader;
+  const Search: typeof OnrampCurrencyPickerSearch;
+  const Body: typeof OnrampCurrencyPickerBody;
+  const Row: typeof OnrampCurrencyPickerRow;
+}
+//#endregion
+export { OnrampCurrencyPicker };

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

@@ -0,0 +1 @@
+"use client";import{useOptionalKitStorage as e}from"../../../../storage/context.js";import"../../../../storage/index.js";import{useDepositSnapshot as t}from"../../driver/context.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{LAST_DEPOSIT_CURRENCY_KEY as i}from"../../shared/onramp.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{OnrampCurrencyPicker as o}from"./compound/OnrampCurrencyPicker.js";import"./compound/index.js";import{useCallback as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=[];function d(a){let{children:d,...f}=a,p=t(),m=r(),{back:h,selectOnrampCurrency:g}=n(),_=e(),v=p.onrampCurrencies,y=v?.status===`ready`||v?.status===`stale`,b=!v||v.status===`idle`||v.status===`loading`,x=c(()=>y?v.payload.currencies.map(e=>({code:e.code,name:e.name,symbol:e.symbol,...e.popular===void 0?{}:{popular:e.popular},...e.iconUrl===void 0?{}:{iconUrl:e.iconUrl}})):u,[y,v]),S=s(e=>{_?.set(i,e),g(e)},[_,g]);if(m.name!==`onrampCurrencyPicker`)return null;let C=m.ctx.currency;return l(o,{...f,currencies:x,selectedCode:C,onSelect:S,onBack:h,loading:b,children:d})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:i,...o}){return l(a,{...e===void 0?{}:{open:e},...t===void 0?{}:{defaultOpen:t},...n?{onOpenChange:n}:{},...r===void 0?{}:{trigger:r},children:l(d,{...o,children:i})})}(function(e){e.Dialog=f,e.Header=o.Header,e.Search=o.Search,e.Body=o.Body,e.Row=o.Row})(d||={});export{d as OnrampCurrencyPicker};

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

@@ -0,0 +1,37 @@
+import { OnrampCurrencyPickerBody } from "./components/Body.js";
+import { OnrampCurrencyPickerBodyProps, OnrampCurrencyPickerDialogProps, OnrampCurrencyPickerHeaderProps, OnrampCurrencyPickerProps, OnrampCurrencyPickerRowProps } from "./types.js";
+import { OnrampCurrencyPickerRow } from "./components/CurrencyRow.js";
+import { OnrampCurrencyPickerHeader } from "./components/Header.js";
+import { OnrampCurrencyPickerSearch } from "./components/Search.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.d.ts
+/**
+ * Searchable fiat-currency picker — the buy-with-card currency sub-screen. Mirrors the asset-picker
+ * compound: a `Frame`-wrapped, slotted surface (`Header` → `Search` → `Body`) driven by a single
+ * context. The Root owns the live search `query`; the Body derives its Popular / All sections and
+ * filtering from it. Vendor-neutral by construction — rows render the kit-owned `CurrencyGlyph`.
+ */
+declare function OnrampCurrencyPicker(props: OnrampCurrencyPickerProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampCurrencyPickerDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampCurrencyPickerDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampCurrencyPicker {
+  type Props = OnrampCurrencyPickerProps;
+  type HeaderProps = OnrampCurrencyPickerHeaderProps;
+  type BodyProps = OnrampCurrencyPickerBodyProps;
+  type RowProps = OnrampCurrencyPickerRowProps;
+  type DialogProps = OnrampCurrencyPickerDialogProps;
+  const Header: typeof OnrampCurrencyPickerHeader;
+  const Search: typeof OnrampCurrencyPickerSearch;
+  const Body: typeof OnrampCurrencyPickerBody;
+  const Row: typeof OnrampCurrencyPickerRow;
+  const Dialog: typeof OnrampCurrencyPickerDialog;
+}
+//#endregion
+export { OnrampCurrencyPicker };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.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{OnrampCurrencyPickerContext 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{OnrampCurrencyPickerRow as o}from"./components/CurrencyRow.js";import{OnrampCurrencyPickerBody as s}from"./components/Body.js";import{OnrampCurrencyPickerHeader as c}from"./components/Header.js";import{OnrampCurrencyPickerSearch as l}from"./components/Search.js";import{useMemo as u,useState as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g=[],_=m(f,{children:[p(c,{}),p(l,{}),p(s,{})]});function v(e){let{currencies:o=g,selectedCode:s,onSelect:c,onBack:l,headerTitle:f,loading:m=!1,children:v}=e,[y,b]=d(``);return p(r,{value:u(()=>({currencies:o,loading:m,query:y,setQuery:b,...s===void 0?{}:{selectedCode:s},...c?{onSelect:c}:{},...l?{onBack:l}:{},...f===void 0?{}:{headerTitle:f}}),[o,m,y,s,c,l,f]),children:p(t.Provider,{children:p(n,{"data-stridge-slot":i.root,...h.props(a.root),children:v??_})})})}function y({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{...t===void 0?{}:{open:t},...n===void 0?{}:{defaultOpen:n},...r?{onOpenChange:r}:{},...i===void 0?{}:{trigger:i},children:p(v,{...o,children:a})})}(function(e){e.Header=c,e.Search=l,e.Body=s,e.Row=o,e.Dialog=y})(v||={});export{v as OnrampCurrencyPicker};

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

@@ -0,0 +1,17 @@
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.slots.d.ts
+declare const ONRAMP_CURRENCY_PICKER_SLOTS: {
+  readonly root: "onramp-currency-picker";
+  readonly header: "onramp-currency-picker-header";
+  readonly search: "onramp-currency-picker-search";
+  readonly body: "onramp-currency-picker-body";
+  readonly list: "onramp-currency-picker-list";
+  readonly row: "onramp-currency-picker-row";
+  readonly rowGlyph: "onramp-currency-picker-row-glyph";
+  readonly rowLabel: "onramp-currency-picker-row-label";
+  readonly rowCode: "onramp-currency-picker-row-code";
+  readonly rowCheck: "onramp-currency-picker-row-check";
+  readonly empty: "onramp-currency-picker-empty";
+};
+type OnrampCurrencyPickerSlot = (typeof ONRAMP_CURRENCY_PICKER_SLOTS)[keyof typeof ONRAMP_CURRENCY_PICKER_SLOTS];
+//#endregion
+export { ONRAMP_CURRENCY_PICKER_SLOTS, OnrampCurrencyPickerSlot };

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

@@ -0,0 +1 @@
+const e={root:`onramp-currency-picker`,header:`onramp-currency-picker-header`,search:`onramp-currency-picker-search`,body:`onramp-currency-picker-body`,list:`onramp-currency-picker-list`,row:`onramp-currency-picker-row`,rowGlyph:`onramp-currency-picker-row-glyph`,rowLabel:`onramp-currency-picker-row-label`,rowCode:`onramp-currency-picker-row-code`,rowCheck:`onramp-currency-picker-row-check`,empty:`onramp-currency-picker-empty`};export{e as ONRAMP_CURRENCY_PICKER_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"OnrampCurrencyPicker__styles.root":`OnrampCurrencyPicker__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:4`},header:{"OnrampCurrencyPicker__styles.header":`OnrampCurrencyPicker__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-currency-picker/compound/OnrampCurrencyPicker.styles.ts:9`},headerTitle:{"OnrampCurrencyPicker__styles.headerTitle":`OnrampCurrencyPicker__styles.headerTitle`,"flexGrow-kzQI83":`x1iyjqo2`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:16`},headerTrailing:{"OnrampCurrencyPicker__styles.headerTrailing":`OnrampCurrencyPicker__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:20`},backIcon:{"OnrampCurrencyPicker__styles.backIcon":`OnrampCurrencyPicker__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-currency-picker/compound/OnrampCurrencyPicker.styles.ts:25`},search:{"OnrampCurrencyPicker__styles.search":`OnrampCurrencyPicker__styles.search`,"paddingTop-kLKAdn":`xyinxu5`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingInlineStart-kZCmMZ":`xwn43p0`,"paddingBottom-kGO01o":`x1a8lsjc`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:32`},searchIcon:{"OnrampCurrencyPicker__styles.searchIcon":`OnrampCurrencyPicker__styles.searchIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:38`},searchInput:{"OnrampCurrencyPicker__styles.searchInput":`OnrampCurrencyPicker__styles.searchInput`,"::-webkit-search-cancel-button_display-k9l4BL":`x1hcrkkg`,"::-webkit-search-cancel-button_appearance-kONv6d":`x1ad04t7`,"::-webkit-search-decoration_display-kIPbS0":`xzwh6sb`,"::-webkit-search-decoration_appearance-kWSwxL":`x1glnyev`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:45`},clearIcon:{"OnrampCurrencyPicker__styles.clearIcon":`OnrampCurrencyPicker__styles.clearIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:55`},body:{"OnrampCurrencyPicker__styles.body":`OnrampCurrencyPicker__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xwn43p0`,"maxHeight-kskxy":`x2z3yb8`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:61`},list:{"OnrampCurrencyPicker__styles.list":`OnrampCurrencyPicker__styles.list`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:71`},row:{"OnrampCurrencyPicker__styles.row":`OnrampCurrencyPicker__styles.row`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:76`},rowText:{"OnrampCurrencyPicker__styles.rowText":`OnrampCurrencyPicker__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-currency-picker/compound/OnrampCurrencyPicker.styles.ts:79`},rowCheck:{"OnrampCurrencyPicker__styles.rowCheck":`OnrampCurrencyPicker__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-currency-picker/compound/OnrampCurrencyPicker.styles.ts:88`},empty:{"OnrampCurrencyPicker__styles.empty":`OnrampCurrencyPicker__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-currency-picker/compound/OnrampCurrencyPicker.styles.ts:95`},skeletonRow:{"OnrampCurrencyPicker__styles.skeletonRow":`OnrampCurrencyPicker__styles.skeletonRow`,"height-kZKoxP":`xdd8jsf`,"borderRadius-kaIpWk":`x4pepcl`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:107`}};export{e as styles};

package/dist/flows/deposit/widgets/onramp-currency-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-currency-picker/compound/components/Body.d.ts
+declare function OnrampCurrencyPickerBody(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerBody };

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

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Card as t}from"../../../../../../shared/ui/Card/Card.js";import{SelectableTileGroup as n}from"../../../../../../shared/ui/SelectableTile/SelectableTileGroup.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{Skeleton as r}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import"../../../../../../ui/index.js";import{currencyMatchesQuery as i,useOnrampCurrencyPickerContext as a}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as o}from"../OnrampCurrencyPicker.slots.js";import{styles as s}from"../OnrampCurrencyPicker.styles.js";import{OnrampCurrencyPickerRow as c}from"./CurrencyRow.js";import{OnrampCurrencyPickerEmpty as l}from"./Empty.js";import{useMemo as u}from"react";import{jsx as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p=[0,1,2,3,4,5];function m(){let m=a(`OnrampCurrencyPicker.Body`),{_:h}=e(),g=u(()=>{let e=m.currencies.filter(e=>i(e,m.query)),t=e.filter(e=>e.popular),n=e.filter(e=>!e.popular).sort((e,t)=>e.name.localeCompare(t.name));return[...t,...n]},[m.currencies,m.query]);return m.loading?d(t.Body,{"data-stridge-slot":o.body,...f.props(s.body),children:p.map(e=>d(r,{...f.props(s.skeletonRow)},e))}):d(t.Body,{"data-stridge-slot":o.body,...f.props(s.body),children:g.length===0?d(l,{}):d(n,{"aria-label":h({id:`W9narx`,message:`Currencies`}),value:m.selectedCode?[m.selectedCode]:[],onValueChange:e=>{let t=e[0]??m.selectedCode;t&&m.onSelect&&m.onSelect(t)},"data-stridge-slot":o.list,...f.props(s.list),children:g.map(e=>d(c,{...e},e.code))})})}export{m as OnrampCurrencyPickerBody};