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

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/{cash-amount-entry → onramp-amount-entry}/compound/context.js

@@ -1 +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 <CashAmountEntry>.`);return r}export{n as CashAmountEntryContext,r as useCashAmountEntryContext};
+"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/{cash-confirm → onramp-confirm}/compound/context.js

@@ -1 +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 <CashConfirm>.`);return r}export{n as CashConfirmContext,r as useCashConfirmContext};
+"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";

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

@@ -0,0 +1,62 @@
+import { OnrampConfirmPhase } from "../../../orchestrator/types.js";
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { OnrampConfirmSummary } from "./context.js";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/types.d.ts
+/**
+ * Public props accepted by the {@link OnrampConfirm} compound root. Required FSM-derived data on
+ * the root + optional callbacks the orchestrated wrapper supplies. Standalone compositions feed
+ * these directly.
+ */
+interface OnrampConfirmProps extends ComponentProps<"div"> {
+  /** Onramp-confirm phase. Drives the CTA's loading / creating / failed chrome. */
+  phase: OnrampConfirmPhase;
+  /** USD amount the user is paying. */
+  amount: number;
+  /** Pre-formatted summary rows from the resolved quote. Absent while the quote is loading. */
+  summary?: OnrampConfirmSummary;
+  /** Brand name for the summary card's "Top up on" row. */
+  brandName?: string;
+  /** Inline failure reason shown above the CTA when `phase.kind === "failed"`. */
+  failureReason?: ReactNode;
+  /** Back-affordance handler. When omitted, the header renders without the back button. */
+  onBack?: () => void;
+  /** CTA handler — promotes the FSM into `creating` (open checkout). */
+  onConfirm?: () => void;
+  /**
+   * Optional custom composition. When omitted, the canonical default composition renders —
+   * `<Header />` + `<Body>` (Summary + CTA). Pass children to interleave your own elements.
+   */
+  children?: ReactNode;
+}
+/** Props for {@link OnrampConfirm.Header}. */
+interface OnrampConfirmHeaderProps {
+  /** Override the default "Cash" title. */
+  title?: ReactNode;
+  /**
+   * Override the context's `onBack`. Pass `null` explicitly to suppress the back affordance even
+   * when the context provides one.
+   */
+  onBack?: (() => void) | null;
+}
+/** Props for {@link OnrampConfirm.Body}. */
+interface OnrampConfirmBodyProps extends ComponentProps<"div"> {
+  /**
+   * Optional custom composition. When omitted, Body auto-renders `<Summary />` + the CTA. Pass
+   * children to override.
+   */
+  children?: ReactNode;
+}
+/** Props for {@link OnrampConfirm.Summary}. */
+interface OnrampConfirmSummaryProps {
+  /** Override the context's `brandName` for the "Top up on" row value. */
+  brandName?: string;
+}
+/**
+ * Props for `<OnrampConfirm.Dialog>` — the dialog form of the OnrampConfirm widget. Combines the
+ * widget root props with the shared dialog shell controls.
+ */
+type OnrampConfirmDialogProps = OnrampConfirmProps & DialogShellControls;
+//#endregion
+export { OnrampConfirmBodyProps, OnrampConfirmDialogProps, OnrampConfirmHeaderProps, OnrampConfirmProps, OnrampConfirmSummaryProps };

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{openCheckoutPopup as r}from"../../shared/checkoutPopup.js";import{useDepositActions as i,useDepositEffectiveState as a}from"../../orchestrator/controller.js";import{DialogShell as o}from"../../../../shared/dialog/DialogShell.js";import{text as s}from"../../../../shared/ui/Text/Text.js";import"../../../../ui/index.js";import{ONRAMP_PAYMENT_PENDING_SLOTS as c}from"./compound/OnrampPaymentPending.slots.js";import{OnrampPaymentPending as l}from"./compound/OnrampPaymentPending.js";import"./compound/index.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f({children:o,...f}){let p=n(),m=a(),{back:h}=i(),{_:g}=t();if(m.name!==`onrampPaymentPending`)return null;let{checkoutUrl:_}=m.ctx,v=p.onrampSession,y=v?.status===`ready`||v?.status===`stale`?v.payload:void 0,b=p.onrampQuote,x=b?.status===`ready`||b?.status===`stale`?b.payload:void 0,S=y?.receiveAmount?.formatted??x?.receiveAmount.formatted??``,C=x?.receiveAsset.symbol??``,w=()=>{r(_)};return u(l,{...f,amount:S,creditedAsset:{symbol:C},headerTitle:g({id:`y3dWqX`,message:`Finish your payment`}),statusPillLabel:g({id:`quR8Qp`,message:`Waiting for payment`}),onBack:h,onReopen:w,children:o??u(l.Body,{children:d(`div`,{"data-stridge-slot":c.body,className:`OnrampPaymentPending__styles.body x78zum5 xdt5ytf x1qjc9v5 x157g05j x4xct4k xpnfv0q x1hvdk87 xmg6hw8`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:14`,children:[u(`div`,{className:`OnrampPaymentPending__styles.statusRow x78zum5 xl56j7k`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:38`,children:u(l.StatusPill,{})}),d(`div`,{className:`OnrampPaymentPending__styles.copy x78zum5 xdt5ytf x6s0dn4 x1a6yh9e x2b8uid`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:24`,children:[u(s.span,{size:`lg`,leading:`tight`,className:`OnrampPaymentPending__styles.headline x1ghz6dp x1qvi77d`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:31`,children:u(e,{id:`y3dWqX`,message:`Finish your payment`})}),u(s.span,{size:`sm`,leading:`normal`,color:`subdued`,className:`OnrampPaymentPending__styles.bodyText x1ghz6dp`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.tsx:35`,children:u(e,{id:`sMaRBz`,message:`Complete your purchase in the window we just opened. This screen updates automatically.`})})]}),S?u(l.Details,{children:u(l.Detail,{label:g({id:`88cUW-`,message:`You receive`}),value:`${S} ${C}`.trim()})}):null,u(l.ReopenButton,{})]})})})}function p({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return u(o,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:u(f,{...i})})}(function(e){e.Dialog=p,e.ReopenButton=l.ReopenButton,e.Header=l.Header,e.Body=l.Body,e.Hero=l.Hero,e.StatusPill=l.StatusPill,e.Details=l.Details,e.Detail=l.Detail})(f||={});export{f as OnrampPaymentPending};

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

@@ -0,0 +1,63 @@
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { ProcessingStateBodyProps } from "../../../../../shared/widgets/processing-state/compound/types.js";
+import { ProcessingStateDetail } from "../../../../../shared/widgets/processing-state/compound/components/Detail.js";
+import { ProcessingStateDetails } from "../../../../../shared/widgets/processing-state/compound/components/Details.js";
+import { ProcessingStateHeader } from "../../../../../shared/widgets/processing-state/compound/components/Header.js";
+import { ProcessingStateHero } from "../../../../../shared/widgets/processing-state/compound/components/Hero.js";
+import { ProcessingStateStatusPill } from "../../../../../shared/widgets/processing-state/compound/components/StatusPill.js";
+import { ProcessingState } from "../../../../../shared/widgets/processing-state/compound/ProcessingState.js";
+import { OnrampPaymentPendingReopenButton } from "./components/ReopenButton.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.d.ts
+/**
+ * Public props accepted by the {@link OnrampPaymentPending} compound root. Composes the shared
+ * {@link ProcessingStateCompound} for visual parity with the crypto processing screen, plus the
+ * onramp-pending reopen affordance.
+ */
+interface OnrampPaymentPendingProps extends Omit<ProcessingState.Props, "children"> {
+  /** Re-opens the hosted-checkout window. Wired through to {@link OnrampPaymentPending.ReopenButton}. */
+  onReopen?: () => void;
+  /**
+   * Optional custom composition. When omitted, the canonical default renders the processing
+   * chrome (Header / Hero / StatusPill) + the order summary rows + the Reopen affordance.
+   */
+  children?: ReactNode;
+}
+/**
+ * Onramp payment-pending widget — shown while the FSM is in `onrampPaymentPending`. Reuses the
+ * shared processing-state chrome (spinner hero + status pill) and adds a "Reopen payment window"
+ * affordance. The controller's session watcher drives the transition to success / error; there is
+ * no manual "I'm done" button.
+ *
+ * Parts:
+ * - {@link OnrampPaymentPending.ReopenButton}
+ * - the {@link ProcessingStateCompound} parts (`Header`, `Body`, `Hero`, `StatusPill`, `Details`,
+ *   `Detail`) re-exposed for one-stop composition.
+ */
+declare function OnrampPaymentPending(props: OnrampPaymentPendingProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampPaymentPendingDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampPaymentPendingProps & DialogShellControls): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampPaymentPending {
+  type Props = OnrampPaymentPendingProps;
+  type DialogProps = OnrampPaymentPendingProps & DialogShellControls & ComponentProps<"div">;
+  /** Onramp-pending-specific sub-part. */
+  const ReopenButton: typeof OnrampPaymentPendingReopenButton;
+  /** Processing-state compound parts re-exposed for one-stop composition. */
+  const Header: typeof ProcessingStateHeader;
+  const Body: (props: ProcessingStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof ProcessingStateHero;
+  const StatusPill: typeof ProcessingStateStatusPill;
+  const Details: typeof ProcessingStateDetails;
+  const Detail: typeof ProcessingStateDetail;
+  const Dialog: typeof OnrampPaymentPendingDialog;
+}
+//#endregion
+export { OnrampPaymentPending, OnrampPaymentPendingProps };

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

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

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

@@ -0,0 +1,14 @@
+//#region src/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the onramp-payment-pending compound. The processing-state
+ * compound parts the widget composes carry their own `PROCESSING_STATE_SLOTS`; this file only
+ * covers the onramp-pending additions (the root + the "Reopen payment window" affordance).
+ */
+declare const ONRAMP_PAYMENT_PENDING_SLOTS: {
+  readonly root: "onramp-payment-pending";
+  readonly reopen: "onramp-payment-pending-reopen";
+  readonly body: "onramp-payment-pending-body";
+};
+type OnrampPaymentPendingSlot = (typeof ONRAMP_PAYMENT_PENDING_SLOTS)[keyof typeof ONRAMP_PAYMENT_PENDING_SLOTS];
+//#endregion
+export { ONRAMP_PAYMENT_PENDING_SLOTS, OnrampPaymentPendingSlot };

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

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

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

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

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

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