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

package/dist/flows/deposit/widgets/error-state/ErrorState.js

@@ -1 +1 @@
-"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as n}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ErrorState as o}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as s}from"../../../../shared/widgets/asset-descriptor.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";function u(a){let u=e(),d=i(),{tryAgain:f}=r(),{_:p}=t(),m=n();if(d.name!==`error`)return null;let h=u.settlement,g=h.status===`ready`&&h.payload.kind===`failed`?h.payload:void 0,_=d.name===`error`?d.ctx.failure:void 0,v=p({id:`i-4Fbp`,message:`Deposit failed`}),y=g?m(g.failureKind):_?.reason;if(!g)return l(o,{...a,headline:v,...y?{reason:y}:{},onTryAgain:f,children:[c(o.Header,{}),c(o.Body,{children:c(o.Hero,{})}),c(o.Actions,{})]});let b=g,x={...b.sourceWallet.name===void 0?{}:{name:b.sourceWallet.name},address:b.sourceWallet.address.formatted,...b.sourceWallet.explorerUrl?{explorerUrl:b.sourceWallet.explorerUrl}:{}},S={...b.destination.name===void 0?{}:{name:b.destination.name},address:b.destination.address.formatted},C=s(b.creditedAsset)??{symbol:b.creditedAsset.symbol},w={hash:b.txHash.formatted,...b.txExplorerUrl?{explorerUrl:b.txExplorerUrl}:{}};return l(o,{...a,headline:v,...y?{reason:y}:{},sourceWallet:x,destination:S,receiveAmount:b.receiveAmount.formatted,receiveAsset:C,depositTx:w,submittedAt:b.submittedAt.formatted,failedAt:b.failedAt.formatted,onTryAgain:f,children:[c(o.Header,{}),l(o.Body,{children:[c(o.Hero,{}),l(o.Details,{children:[c(o.FillStatusRow,{}),c(o.SourceRow,{}),c(o.DestinationRow,{}),c(o.YouReceiveRow,{}),l(o.MoreDetails,{children:[c(o.DepositTxRow,{}),c(o.SubmittedAtRow,{}),c(o.FailedAtRow,{})]})]}),c(o.HelpInfo,{})]}),c(o.Actions,{})]})}function d({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return c(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:c(u,{...i})})}(function(e){e.Dialog=d})(u||={});export{u as ErrorState};
+"use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/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{ErrorState as o}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-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";const d={declined:{headline:{id:`mn0HrT`,message:`Payment declined`},reason:{id:`UDBU3S`,message:`Your payment was declined. Try a different card or amount.`}},cancelled:{headline:{id:`0VFO13`,message:`Payment cancelled`},reason:{id:`5R2524`,message:`You cancelled the payment before it completed.`}},refunded:{headline:{id:`hPpyl6`,message:`Payment refunded`},reason:{id:`3ytoeI`,message:`This payment was refunded. No crypto was delivered.`}},timeout:{headline:{id:`S7anoa`,message:`Payment timed out`},reason:{id:`Z1fsV0`,message:`The checkout window expired before payment completed.`}},generic:{headline:{id:`NzshpK`,message:`Purchase failed`},reason:{id:`X_Y-Ev`,message:`Something went wrong with your purchase. Please try again.`}}};function f(e,t){let n=e?.toLowerCase()??``,r=`generic`;n.includes(`declin`)?r=`declined`:n.includes(`cancel`)?r=`cancelled`:n.includes(`refund`)?r=`refunded`:(n.includes(`timeout`)||n.includes(`expire`))&&(r=`timeout`);let i=d[r];return{headline:t._(i.headline),reason:t._(i.reason)}}function p({children:a,...d}){let p=n(),m=i(),{tryAgain:h}=r(),{_:g,i18n:_}=e(),v=t();if(m.name!==`error`)return null;if(m.ctx.sessionId!==void 0){let e=p.onrampSession,{headline:t,reason:n}=f((e?.status===`ready`||e?.status===`stale`?e.payload:void 0)?.failureCode??m.ctx.failure?.code,_);return l(o,{...d,headline:t,reason:n,onTryAgain:h,children:a??u(c,{children:[l(o.Header,{}),l(o.Body,{children:l(o.Hero,{})}),l(o.Actions,{})]})})}let y=p.settlement,b=y.status===`ready`&&y.payload.kind===`failed`?y.payload:void 0,x=m.name===`error`?m.ctx.failure:void 0,S=g({id:`i-4Fbp`,message:`Deposit failed`}),C=b?v(b.failureKind):x?.reason;if(!b)return l(o,{...d,headline:S,...C?{reason:C}:{},onTryAgain:h,children:a??u(c,{children:[l(o.Header,{}),l(o.Body,{children:l(o.Hero,{})}),l(o.Actions,{})]})});let w=b,T={...w.sourceWallet.name===void 0?{}:{name:w.sourceWallet.name},address:w.sourceWallet.address.formatted,...w.sourceWallet.explorerUrl?{explorerUrl:w.sourceWallet.explorerUrl}:{}},E={...w.destination.name===void 0?{}:{name:w.destination.name},address:w.destination.address.formatted},D=s(w.creditedAsset)??{symbol:w.creditedAsset.symbol},O={hash:w.txHash.formatted,...w.txExplorerUrl?{explorerUrl:w.txExplorerUrl}:{}};return l(o,{...d,headline:S,...C?{reason:C}:{},sourceWallet:T,destination:E,receiveAmount:w.receiveAmount.formatted,receiveAsset:D,depositTx:O,submittedAt:w.submittedAt.formatted,failedAt:w.failedAt.formatted,onTryAgain:h,children:a??u(c,{children:[l(o.Header,{}),u(o.Body,{children:[l(o.Hero,{}),u(o.Details,{children:[l(o.FillStatusRow,{}),l(o.SourceRow,{}),l(o.DestinationRow,{}),l(o.YouReceiveRow,{}),u(o.MoreDetails,{children:[l(o.DepositTxRow,{}),l(o.SubmittedAtRow,{}),l(o.FailedAtRow,{})]})]}),l(o.HelpInfo,{})]}),l(o.Actions,{})]})})}function m({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return l(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:l(p,{...i})})}(function(e){e.Dialog=m,e.Header=o.Header,e.Body=o.Body,e.Hero=o.Hero,e.Details=o.Details,e.FillStatusRow=o.FillStatusRow,e.SourceRow=o.SourceRow,e.DestinationRow=o.DestinationRow,e.YouReceiveRow=o.YouReceiveRow,e.MoreDetails=o.MoreDetails,e.DepositTxRow=o.DepositTxRow,e.SubmittedAtRow=o.SubmittedAtRow,e.FailedAtRow=o.FailedAtRow,e.HelpInfo=o.HelpInfo,e.Actions=o.Actions})(p||={});export{p as ErrorState};

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

@@ -0,0 +1,64 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { AmountEntryBodyProps } from "../../../../shared/widgets/amount-entry/compound/types.js";
+import { AmountEntryHeader } from "../../../../shared/widgets/amount-entry/compound/components/Header.js";
+import { AmountEntryDetails, AmountEntryDetailsRow } from "../../../../shared/widgets/amount-entry/compound/components/Details.js";
+import { AmountEntryFlow } from "../../../../shared/widgets/amount-entry/compound/components/Flow.js";
+import { AmountEntryFooter } from "../../../../shared/widgets/amount-entry/compound/components/Footer.js";
+import { AmountEntryHero } from "../../../../shared/widgets/amount-entry/compound/components/Hero/Hero.js";
+import { AmountEntryNotice } from "../../../../shared/widgets/amount-entry/compound/components/Notice.js";
+import { AmountEntryPills } from "../../../../shared/widgets/amount-entry/compound/components/Pills.js";
+import { OnrampAmountEntryHeroLabel } from "./compound/components/HeroLabel.js";
+import { OnrampAmountEntryReceiveChip } from "./compound/components/ReceiveChip.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-amount-entry/OnrampAmountEntry.d.ts
+interface OnrampAmountEntryOwnProps {
+  /**
+   * Optional custom composition. When omitted, the canonical default composition renders —
+   * `<Header />` + `<Body>` with YOU PAY label + Hero (Receive chip subLine) + fiat-absolute
+   * Pills + Details breakdown + `<Footer />`. Pass children to interleave your own elements
+   * between compound parts or replace the composition entirely.
+   */
+  children?: ReactNode;
+}
+/**
+ * Orchestrated `OnrampAmountEntry` widget — the screen between the "Cash" rail and the
+ * onramp confirm screen. Reads the entered fiat amount from the FSM's `onrampAmountEntry.ctx`, the
+ * limit from the driver's `onrampMethods` entity, and the live fee/receive breakdown from the
+ * driver's `onrampQuote` entity (refreshed by the controller's debounced quote effect). Renders
+ * nothing on any other FSM state.
+ */
+declare function OnrampAmountEntry({
+  children,
+  ...props
+}: ComponentProps<"div"> & OnrampAmountEntryOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function OnrampAmountEntryDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: OnrampAmountEntry.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampAmountEntry {
+  type Props = ComponentProps<"div"> & OnrampAmountEntryOwnProps;
+  type DialogProps = Props & DialogShellControls;
+  const Dialog: typeof OnrampAmountEntryDialog;
+  /**
+   * Compound sub-parts aliased on the orchestrated widget so consumers can compose without
+   * importing the headless compound separately.
+   */
+  const HeroLabel: typeof OnrampAmountEntryHeroLabel;
+  const ReceiveChip: typeof OnrampAmountEntryReceiveChip;
+  const Header: typeof AmountEntryHeader;
+  const Body: (props: AmountEntryBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof AmountEntryHero;
+  const Pills: typeof AmountEntryPills;
+  const Flow: typeof AmountEntryFlow;
+  const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
+  const Details: typeof AmountEntryDetails;
+  const DetailsRow: typeof AmountEntryDetailsRow;
+}
+//#endregion
+export { OnrampAmountEntry };

package/dist/flows/deposit/widgets/onramp-amount-entry/OnrampAmountEntry.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{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{OnrampAmountEntry as o}from"./compound/OnrampAmountEntry.js";import"./compound/index.js";import{ONRAMP_AMOUNT_PRESETS as s}from"../../shared/onramp.js";import{useEffect as c,useMemo as l,useState as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";const m={symbol:`USDC`,chainId:1,address:`0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48`};function h({children:a,...h}){let g=n(),_=i(),{back:v,confirmOnrampAmount:y,setOnrampAmount:b}=r(),{_:x}=t(),S=_.name===`onrampAmountEntry`?_.ctx.amount:void 0,C=g.onrampMethods,w=C?.status===`ready`||C?.status===`stale`?C.payload:void 0,T=w?.limit?.value,E=w?.limit?.formatted,D=g.onrampQuote,O=D?.status===`ready`||D?.status===`stale`?D.payload:void 0,k=D==null||D.status===`idle`||D.status===`loading`,A=s[0]?.value??0,j=S??A,[M,N]=u(j),[P,F]=u(()=>{let e=s.find(e=>e.value===j);return e?String(e.value):void 0}),I=l(()=>s.map(e=>({value:String(e.value),label:e.label})),[]);c(()=>{b(M)},[M,b]);let L=e=>{let t=Number.parseInt(e,10);Number.isFinite(t)&&(N(t),F(e))},R=e=>{N(e),F(void 0)},z=T===0,B=()=>{if(!z){if(typeof T==`number`&&M!==null&&M>T){N(T),F(void 0);return}M===null||M<=0||y(M)}};if(_.name!==`onrampAmountEntry`)return null;let V=!z&&typeof T==`number`&&M!==null&&M>T,H=z?f(e,{id:`EzZNDI`,message:`Buy-with-card isn't available for your region`}):V&&E?f(e,{id:`GXkBas`,message:`Max {formattedLimit}`,values:{formattedLimit:E}}):void 0,U=V?x({id:`wkskq5`,message:`Use max`}):void 0,W=O?{symbol:O.receiveAsset.symbol,chainId:O.receiveAsset.chainId,address:O.receiveAsset.address,isNative:O.receiveAsset.isNative,...O.receiveAsset.assetLogoUrl?{logoUrl:O.receiveAsset.assetLogoUrl}:{}}:m,G=O?.receiveAmount.formatted??``,K=_.ctx.backTarget===`closed`?void 0:v;return f(o,{...h,formattedReceive:G,onrampReceiveToken:W,quoteLoading:k,amount:M,sendToken:{symbol:`USD`},receiveToken:W,...typeof T==`number`&&T>0?{max:T}:{},headerTitle:x({id:`kj3M8S`,message:`Deposit`}),currencySymbol:`$`,onAmountChange:R,...K?{onBack:K}:{},presets:I,...P===void 0?{}:{activePreset:P},onPresetSelect:L,...U===void 0?{}:{footerLabel:U},...z?{}:{onContinue:B},ctaDisabled:k,notice:H,children:a??p(d,{children:[f(o.Header,{}),p(o.Body,{children:[f(o.HeroLabel,{children:f(e,{id:`VAxOSg`,message:`You pay`})}),f(o.Hero,{}),f(o.Pills,{}),p(o.Details,{children:[f(o.DetailsRow,{label:f(e,{id:`hehnjM`,message:`Amount`}),children:O?O.amountUsd.formatted:``}),f(o.DetailsRow,{label:f(e,{id:`vepIdX`,message:`Crypto price`}),children:O?f(e,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:O.receiveAsset.symbol,1:O.rate.formatted}}):``}),f(o.DetailsRow,{label:f(e,{id:`QFwptY`,message:`Processing fee`}),info:f(e,{id:`A-C4hO`,message:`The processing fee covers the cost of processing your payment through the hosted checkout provider.`}),children:O?.processingFeeUsd?`− ${O.processingFeeUsd.formatted}`:``}),f(o.DetailsRow,{label:f(e,{id:`y62Dys`,message:`Network fee`}),info:f(e,{id:`f-nEg4`,message:`The network fee is paid to miners and validators of the blockchain to make sure the transaction is processed and confirmed.`}),children:O?.networkFeeUsd?`− ${O.networkFeeUsd.formatted}`:``})]})]}),f(o.Footer,{children:f(o.Notice,{})})]})})}function g({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return f(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:f(h,{...i})})}(function(e){e.Dialog=g,e.HeroLabel=o.HeroLabel,e.ReceiveChip=o.ReceiveChip,e.Header=o.Header,e.Body=o.Body,e.Hero=o.Hero,e.Pills=o.Pills,e.Flow=o.Flow,e.Footer=o.Footer,e.Notice=o.Notice,e.Details=o.Details,e.DetailsRow=o.DetailsRow})(h||={});export{h as OnrampAmountEntry};

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

@@ -0,0 +1,62 @@
+import { AmountEntryBodyProps } from "../../../../../shared/widgets/amount-entry/compound/types.js";
+import { AmountEntryHeader } from "../../../../../shared/widgets/amount-entry/compound/components/Header.js";
+import { AmountEntryDetails, AmountEntryDetailsRow } from "../../../../../shared/widgets/amount-entry/compound/components/Details.js";
+import { AmountEntryFlow } from "../../../../../shared/widgets/amount-entry/compound/components/Flow.js";
+import { AmountEntryFooter } from "../../../../../shared/widgets/amount-entry/compound/components/Footer.js";
+import { AmountEntryHero } from "../../../../../shared/widgets/amount-entry/compound/components/Hero/Hero.js";
+import { AmountEntryNotice } from "../../../../../shared/widgets/amount-entry/compound/components/Notice.js";
+import { AmountEntryPills } from "../../../../../shared/widgets/amount-entry/compound/components/Pills.js";
+import { OnrampAmountEntryDialogProps, OnrampAmountEntryHeroLabelProps, OnrampAmountEntryProps } from "./types.js";
+import { OnrampAmountEntryHeroLabel } from "./components/HeroLabel.js";
+import { OnrampAmountEntryReceiveChip } from "./components/ReceiveChip.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.d.ts
+/**
+ * Root of the OnrampAmountEntry compound. Wraps the shared {@link AmountEntryCompound} and provides
+ * onramp-flow-specific context (formattedReceive, receiveToken, loading) to the onramp-flow-internal
+ * sub-parts (`HeroLabel`, `ReceiveChip`) so children render without prop-drilling from the host.
+ *
+ * Defaults the `subLine` slot to a `<OnrampAmountEntry.ReceiveChip />` when the host doesn't provide
+ * one explicitly — that's the canonical composition. Pass `subLine={…}` to override.
+ *
+ * Parts:
+ * - {@link OnrampAmountEntry.HeroLabel}
+ * - {@link OnrampAmountEntry.ReceiveChip}
+ *
+ * The AmountEntry compound parts (`Header`, `Body`, `Hero`, `Pills`, `Details`, `DetailsRow`,
+ * `Notice`, `Footer`) are re-exposed off the namespace too so consumers can compose the full tree
+ * without importing two compounds.
+ *
+ * Dialog form: {@link OnrampAmountEntry.Dialog} pre-composes the widget into a dialog shell.
+ */
+declare function OnrampAmountEntry(props: OnrampAmountEntryProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampAmountEntryDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampAmountEntryDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampAmountEntry {
+  type Props = OnrampAmountEntryProps;
+  type HeroLabelProps = OnrampAmountEntryHeroLabelProps;
+  type DialogProps = OnrampAmountEntryDialogProps;
+  /** Onramp-flow-specific sub-parts. */
+  const HeroLabel: typeof OnrampAmountEntryHeroLabel;
+  const ReceiveChip: typeof OnrampAmountEntryReceiveChip;
+  /** AmountEntry compound parts re-exposed for one-stop composition. */
+  const Header: typeof AmountEntryHeader;
+  const Body: (props: AmountEntryBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof AmountEntryHero;
+  const Pills: typeof AmountEntryPills;
+  const Flow: typeof AmountEntryFlow;
+  const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
+  const Details: typeof AmountEntryDetails;
+  const DetailsRow: typeof AmountEntryDetailsRow;
+  const Dialog: typeof OnrampAmountEntryDialog;
+}
+//#endregion
+export { OnrampAmountEntry };

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

@@ -0,0 +1 @@
+"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{AmountEntry as t}from"../../../../../shared/widgets/amount-entry/compound/AmountEntry.js";import"../../../../../shared/widgets/amount-entry/compound/index.js";import{OnrampAmountEntryHeroLabel as n}from"./components/HeroLabel.js";import{OnrampAmountEntryContext as r}from"./context.js";import{OnrampAmountEntryReceiveChip as i}from"./components/ReceiveChip.js";import{useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=o(i,{});function c(e){let{formattedReceive:n,onrampReceiveToken:i,quoteLoading:c=!1,subLine:l,children:u,...d}=e;return o(r,{value:a(()=>({formattedReceive:n,receiveToken:i,loading:c}),[n,i,c]),children:o(t,{...d,subLine:l??s,children:u})})}function l({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...s}){return o(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:o(c,{...s,children:a})})}(function(e){e.HeroLabel=n,e.ReceiveChip=i,e.Header=t.Header,e.Body=t.Body,e.Hero=t.Hero,e.Pills=t.Pills,e.Flow=t.Flow,e.Footer=t.Footer,e.Notice=t.Notice,e.Details=t.Details,e.DetailsRow=t.DetailsRow,e.Dialog=l})(c||={});export{c as OnrampAmountEntry};

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

@@ -0,0 +1,14 @@
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the onramp-amount-entry widget's onramp-flow-internal sub-parts
+ * (hero label, receive chip). The amount-input chrome itself stamps the shared `AMOUNT_ENTRY_SLOTS`
+ * from `#/shared/widgets/amount-entry`; this file only covers the onramp additions.
+ */
+declare const ONRAMP_AMOUNT_ENTRY_SLOTS: {
+  readonly root: "onramp-amount-entry";
+  readonly heroLabel: "onramp-amount-entry-hero-label";
+  readonly receiveChip: "onramp-amount-entry-receive-chip";
+};
+type OnrampAmountEntrySlot = (typeof ONRAMP_AMOUNT_ENTRY_SLOTS)[keyof typeof ONRAMP_AMOUNT_ENTRY_SLOTS];
+//#endregion
+export { ONRAMP_AMOUNT_ENTRY_SLOTS, OnrampAmountEntrySlot };

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

@@ -0,0 +1 @@
+const e={root:`onramp-amount-entry`,heroLabel:`onramp-amount-entry-hero-label`,receiveChip:`onramp-amount-entry-receive-chip`};export{e as ONRAMP_AMOUNT_ENTRY_SLOTS};

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

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

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

@@ -0,0 +1,13 @@
+import { OnrampAmountEntryHeroLabelProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/components/HeroLabel.d.ts
+/**
+ * Small uppercase label rendered above the hero band on onramp amount-entry. Mirrors the design's
+ * "YOU PAY" reading. Onramp-flow-internal — the wallet path doesn't use a hero label.
+ */
+declare function OnrampAmountEntryHeroLabel({
+  children
+}: OnrampAmountEntryHeroLabelProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampAmountEntryHeroLabel };

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

@@ -0,0 +1 @@
+"use client";import{text as e}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{ONRAMP_AMOUNT_ENTRY_SLOTS as t}from"../OnrampAmountEntry.slots.js";import{styles as n}from"../OnrampAmountEntry.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){return r(`div`,{...i.props(n.heroLabelWrap),children:r(e.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`subdued`,transform:`uppercase`,"data-stridge-slot":t.heroLabel,...i.props(n.heroLabel),children:a})})}export{a as OnrampAmountEntryHeroLabel};

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

@@ -0,0 +1,14 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-amount-entry/compound/components/ReceiveChip.d.ts
+/**
+ * Read-only receive chip slotted into the hero's `subLine` for onramp amount-entry. Mirrors the
+ * "Receive [USDC logo] 24.21 USDC" reading. Onramp-flow-internal — the wallet path's Hero uses the
+ * swap toggle in this slot, not a static chip.
+ *
+ * Reads `formattedReceive` + `receiveToken` from context. While the quote is still resolving the
+ * chip renders a shimmer so the user sees the row is live.
+ */
+declare function OnrampAmountEntryReceiveChip(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampAmountEntryReceiveChip };

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

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

package/dist/flows/deposit/widgets/onramp-amount-entry/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 <OnrampAmountEntry>.`);return r}export{n as OnrampAmountEntryContext,r as useOnrampAmountEntryContext};

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

@@ -0,0 +1,3 @@
+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/index.js

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

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

@@ -0,0 +1,29 @@
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { AmountEntryProps, AmountEntryToken } from "../../../../../shared/widgets/amount-entry/compound/types.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.
+ */
+interface OnrampAmountEntryProps extends AmountEntryProps {
+  /** Pre-formatted receive amount (e.g. `"24.21"`). Rendered inside the ReceiveChip. */
+  formattedReceive: string;
+  /** The crypto asset the user receives. Drives the ReceiveChip's token logo + symbol. */
+  onrampReceiveToken: AmountEntryToken;
+  /** When `true`, the ReceiveChip renders a shimmer placeholder while the quote resolves. */
+  quoteLoading?: boolean;
+}
+/** Props for {@link OnrampAmountEntry.HeroLabel}. */
+interface OnrampAmountEntryHeroLabelProps {
+  children: ReactNode;
+}
+/**
+ * Props for `<OnrampAmountEntry.Dialog>` — the dialog form of the OnrampAmountEntry widget.
+ * Combines the widget root props with the shared dialog shell controls.
+ */
+type OnrampAmountEntryDialogProps = OnrampAmountEntryProps & DialogShellControls;
+//#endregion
+export { OnrampAmountEntryDialogProps, OnrampAmountEntryHeroLabelProps, OnrampAmountEntryProps };

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

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

package/dist/flows/deposit/widgets/onramp-amount-entry/index.js

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

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

@@ -0,0 +1,50 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { OnrampConfirmBody } from "./compound/components/Body.js";
+import { OnrampConfirmHeader } from "./compound/components/Header.js";
+import { OnrampConfirmSummary } from "./compound/components/Summary.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/OnrampConfirm.d.ts
+interface OnrampConfirmProps extends ComponentProps<"div"> {
+  /**
+   * Optional custom composition. When omitted, the canonical default composition renders —
+   * `<Header />` + `<Body>` (Summary + the "Continue to payment" CTA). Pass children to
+   * interleave your own elements or replace the composition entirely.
+   */
+  children?: ReactNode;
+}
+/**
+ * Orchestrated `OnrampConfirm` widget — the confirm screen that follows `onrampAmountEntry`. Reads
+ * the amount + phase from the FSM ctx, the brand name from the driver's `brand` entity, and the
+ * priced breakdown from `onrampQuote`. The CTA dispatches `confirmOnramp()`, which the controller
+ * turns into `createOnrampSession` + a new-tab checkout redirect.
+ *
+ * Renders nothing on any other FSM state — the dialog routes the widget under
+ * `<Deposit.Step name="onrampConfirm">`.
+ */
+declare function OnrampConfirm({
+  children,
+  ...props
+}: OnrampConfirmProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function OnrampConfirmDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: OnrampConfirm.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampConfirm {
+  type Props = OnrampConfirmProps;
+  type DialogProps = OnrampConfirmProps & DialogShellControls;
+  const Dialog: typeof OnrampConfirmDialog;
+  /**
+   * Compound sub-parts aliased on the orchestrated widget so consumers can compose without
+   * importing the headless compound separately.
+   */
+  const Header: typeof OnrampConfirmHeader;
+  const Body: typeof OnrampConfirmBody;
+  const Summary: typeof OnrampConfirmSummary;
+}
+//#endregion
+export { OnrampConfirm };

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

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

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

@@ -0,0 +1,42 @@
+import { OnrampConfirmBodyProps, OnrampConfirmDialogProps, OnrampConfirmHeaderProps, OnrampConfirmProps, OnrampConfirmSummaryProps } from "./types.js";
+import { OnrampConfirmBody } from "./components/Body.js";
+import { OnrampConfirmHeader } from "./components/Header.js";
+import { OnrampConfirmSummary } from "./components/Summary.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.d.ts
+/**
+ * Onramp confirm widget — the screen that follows `onrampAmountEntry`. Renders the priced quote
+ * summary + a single "Continue to payment" CTA inside the shared frame + header. There is no in-app
+ * payment form: the CTA hands off to the provider's hosted checkout in a new tab and the FSM
+ * advances to `onrampPaymentPending`.
+ *
+ * Parts:
+ * - {@link OnrampConfirm.Header}
+ * - {@link OnrampConfirm.Body}
+ * - {@link OnrampConfirm.Summary}
+ *
+ * Dialog form: {@link OnrampConfirm.Dialog} pre-composes the widget into a dialog shell.
+ */
+declare function OnrampConfirm(props: OnrampConfirmProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampConfirmDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampConfirmDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampConfirm {
+  type Props = OnrampConfirmProps;
+  type HeaderProps = OnrampConfirmHeaderProps;
+  type BodyProps = OnrampConfirmBodyProps;
+  type SummaryProps = OnrampConfirmSummaryProps;
+  type DialogProps = OnrampConfirmDialogProps;
+  const Header: typeof OnrampConfirmHeader;
+  const Body: typeof OnrampConfirmBody;
+  const Summary: typeof OnrampConfirmSummary;
+  const Dialog: typeof OnrampConfirmDialog;
+}
+//#endregion
+export { OnrampConfirm };

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.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{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};

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

@@ -0,0 +1,24 @@
+//#region src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the onramp-confirm compound widget. Hosts target these via CSS
+ * selectors like `[data-stridge-slot="onramp-confirm-header"]` without forking the kit.
+ */
+declare const ONRAMP_CONFIRM_SLOTS: {
+  readonly root: "onramp-confirm";
+  readonly header: "onramp-confirm-header";
+  readonly body: "onramp-confirm-body";
+  readonly summary: "onramp-confirm-summary";
+  readonly summaryStaticRow: "onramp-confirm-summary-static-row";
+  readonly summaryRowLabel: "onramp-confirm-summary-row-label";
+  readonly summaryRowValue: "onramp-confirm-summary-row-value";
+  readonly summaryBreakdown: "onramp-confirm-summary-breakdown";
+  readonly breakdownTrigger: "onramp-confirm-breakdown-trigger";
+  readonly breakdownChevron: "onramp-confirm-breakdown-chevron";
+  readonly breakdownRow: "onramp-confirm-breakdown-row";
+  readonly breakdownRowLabel: "onramp-confirm-breakdown-row-label";
+  readonly breakdownRowValue: "onramp-confirm-breakdown-row-value";
+  readonly cta: "onramp-confirm-cta";
+};
+type OnrampConfirmSlot = (typeof ONRAMP_CONFIRM_SLOTS)[keyof typeof ONRAMP_CONFIRM_SLOTS];
+//#endregion
+export { ONRAMP_CONFIRM_SLOTS, OnrampConfirmSlot };

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { OnrampConfirmBodyProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Body.d.ts
+/**
+ * Card.Body wrapper for the onramp-confirm widget. When `children` is omitted, auto-renders
+ * `<Summary />` + the primary CTA so the canonical composition just works. Pass children to
+ * override. Wraps children in a slot div so the body's `gap` + `padding` apply where the children
+ * actually live (Card.Body's scroll viewport otherwise redirects them).
+ */
+declare function OnrampConfirmBody({
+  children,
+  ...props
+}?: OnrampConfirmBodyProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampConfirmBody };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Body.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{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};

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

@@ -0,0 +1,15 @@
+import { OnrampConfirmHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Header.d.ts
+/**
+ * Header row for the onramp confirm screen. Renders a back affordance + "Cash" title in a
+ * start-aligned cluster, with the dialog close button as the trailing element. Mirrors the other
+ * back-bearing flow headers so they share the same chrome rhythm.
+ */
+declare function OnrampConfirmHeader({
+  title,
+  onBack
+}?: OnrampConfirmHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampConfirmHeader };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Header.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{ChevronLeftIcon as n}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as r}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as i}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as a}from"../../../../../../shared/ui/Card/Card.js";import{text as o}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as s}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as c}from"../OnrampConfirm.slots.js";import{styles as l}from"../OnrampConfirm.styles.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({title:p,onBack:m}={}){let h=s(`OnrampConfirm.Header`),{_:g}=t(),_=m===null?void 0:m??h.onBack,v=p??u(e,{id:`_rHUhS`,message:`Cash`});return d(a.Header,{"data-stridge-slot":c.header,...f.props(l.header),children:[d(`div`,{...f.props(l.headerLeft),children:[typeof _==`function`?u(r,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:_,children:u(n,{"aria-hidden":!0,...f.props(l.backIcon)})}):null,u(o.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...f.props(l.headerTitle),children:v})]}),u(i.CloseButton,{})]})}export{p as OnrampConfirmHeader};

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

@@ -0,0 +1,15 @@
+import { OnrampConfirmSummaryProps } from "../types.js";
+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
+ * render-only.
+ */
+declare function OnrampConfirmSummary({
+  brandName: brandNameOverride
+}?: OnrampConfirmSummaryProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampConfirmSummary };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.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"../../../../../../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};

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

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/context.d.ts
+/**
+ * Pre-formatted summary rows projected from the driver's `onrampQuote` entity. The orchestrated
+ * wrapper formats once and hands the strings to the compound so the Summary part stays render-only.
+ */
+interface OnrampConfirmSummary {
+  /** What the user pays end-to-end (the FSM `amount`). Renders in the static "Total" row. */
+  totalUsd: string;
+  /** 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;
+  /** 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;
+}
+//#endregion
+export { OnrampConfirmSummary };

package/dist/flows/deposit/widgets/onramp-confirm/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 <OnrampConfirm>.`);return r}export{n as OnrampConfirmContext,r as useOnrampConfirmContext};

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

@@ -0,0 +1,4 @@
+import { 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/index.js

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