npm - @stridge/kit - Versions diffs - 0.1.0-alpha.6 → 0.1.0-alpha.61 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (580) hide show

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/flows/deposit/widgets/onramp-payment-pending/compound/context.js ADDED Viewed

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

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

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

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

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

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

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

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

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

package/dist/flows/deposit/widgets/processing-state/ProcessingState.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { ProcessingStateBodyProps } from "../../../../shared/widgets/processing-state/compound/types.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 { ProcessingStateDetectedAtRow, ProcessingStateSourceRow, ProcessingStateSourceTxRow, ProcessingStateSubmittedAtRow } from "../../../../shared/widgets/processing-state/compound/components/Rows.js";
+import { ProcessingStateStatusPill } from "../../../../shared/widgets/processing-state/compound/components/StatusPill.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/processing-state/ProcessingState.d.ts
@@ -14,7 +20,18 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * `detectedAt` timestamp, and source-wallet adornment land when the indexer picks them up; the
  * deposit-tx hash is shown immediately from `state.ctx.tx`.
  */
-declare function ProcessingState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface ProcessingStateOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Hero /><StatusPill />
+   * <Details><SourceRow /><SourceTxRow /><SubmittedAtRow /><DetectedAtRow /></Details>
+   * </Body>`. Pass children to interleave your own elements between compound parts.
+   */
+  children?: ReactNode;
+}
+declare function ProcessingState({
+  children,
+  ...props
+}: ComponentProps<"div"> & ProcessingStateOwnProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function ProcessingStateDialog({
   open,
   defaultOpen,
@@ -23,9 +40,18 @@ declare function ProcessingStateDialog({
   ...rootProps
 }: ProcessingState.DialogProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace ProcessingState {
-  type Props = ComponentProps<"div">;
-  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  type Props = ComponentProps<"div"> & ProcessingStateOwnProps;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls & ProcessingStateOwnProps;
   const Dialog: typeof ProcessingStateDialog;
+  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 SourceRow: typeof ProcessingStateSourceRow;
+  const SourceTxRow: typeof ProcessingStateSourceTxRow;
+  const SubmittedAtRow: typeof ProcessingStateSubmittedAtRow;
+  const DetectedAtRow: typeof ProcessingStateDetectedAtRow;
 }
 //#endregion
 export { ProcessingState };

package/dist/flows/deposit/widgets/processing-state/ProcessingState.js CHANGED Viewed

	@@ -1 +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{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{shortenAddress as i}from"../../../../shared/format/shortenAddress.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ProcessingState as o}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{~~jsx~~ as s,jsxs as c}from"react/jsx-runtime";~~function~~ l(a){let l=e(),u=r(),{back:~~d,close:~~f}=n(),{_:p}=t();if(u.name!==`processing`)return null;let m=l.settlement,h=(m.status===`ready`\|\|m.status===`stale`)&&m.payload.kind===`pending`?m.payload:void 0,g=l.brand,_=g.status===`ready`\|\|g.status===`stale`?g.payload.name:void 0,v=l.target,y=v.status===`ready`\|\|v.status===`stale`?v.payload:void 0,b=l.wallet,x=b.status===`ready`\|\|b.status===`stale`?b.payload:void 0,S=!h\|\|h.receiveAmount.value===0,C=h?h.receiveAmount.formatted:``,w=h?.creditedAsset.symbol??y?.symbol??``,T=h?.creditedTo\|\|_\|\|w,E=u.ctx.tx,D=h?.txHash?.formatted??(E.hash?i(E.hash):``),O=h?.txExplorerUrl??E.explorerUrl,k=h?.sourceWallet.name??p({id:`sb9Y58`,message:`Wallet`}),A=h?.sourceWallet.address.formatted??x?.address.formatted??``,j=h?.sourceWallet.explorerUrl,M=A?{name:k,address:A,...j?{explorerUrl:j}:{}}:void 0,N=D?{hash:D,...O?{explorerUrl:O}:{}}:void 0;return c(o,{...a,amount:C,creditedAsset:{symbol:w},creditedTo:T,...S?{loading:!0}:{},onBack:d,...M?{sourceWallet:M}:{},...N?{sourceTx:N}:{},...h?.submittedAt?{submittedAt:h.submittedAt.formatted}:{},...h?.detectedAt?{detectedAt:h.detectedAt.formatted}:{},~~onClose:f,~~children:~~[s(o.Header,{~~})~~,c(o.Body,{children:[s(o.Hero,{~~}~~),s(o.StatusPill,{}),c(o.Details,{children:[s(o.SourceRow,{}),s(o.SourceTxRow,{}),s(o.SubmittedAtRow,{}),s(o.DetectedAtRow,{})]})]}),s(o.Actions,{})]})}~~function u({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return s(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:s(l,{...i})})}(function(e){e.Dialog=u})(l\|\|={});export{l as ProcessingState};
1	+ "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as t}from"../../driver/context.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{shortenAddress as i}from"../../../../shared/format/shortenAddress.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ProcessingState as o}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=l(s,{children:[c(o.Header,{}),l(o.Body,{children:[c(o.Hero,{}),c(o.StatusPill,{}),l(o.Details,{children:[c(o.SourceRow,{}),c(o.SourceTxRow,{}),c(o.SubmittedAtRow,{}),c(o.DetectedAtRow,{})]})]})]});function d({children:a,...s}){let l=t(),d=r(),{back:f}=n(),{_:p}=e();if(d.name!==`processing`)return null;let m=l.settlement,h=(m.status===`ready`\|\|m.status===`stale`)&&m.payload.kind===`pending`?m.payload:void 0,g=l.brand,_=g.status===`ready`\|\|g.status===`stale`?g.payload.name:void 0,v=l.target,y=v.status===`ready`\|\|v.status===`stale`?v.payload:void 0,b=l.wallet,x=b.status===`ready`\|\|b.status===`stale`?b.payload:void 0,S=!h\|\|h.receiveAmount.value===0,C=h?h.receiveAmount.formatted:``,w=h?.creditedAsset.symbol??y?.symbol??``,T=h?.creditedTo\|\|_\|\|w,E=d.ctx.tx,D=h?.txHash?.formatted??(E.hash?i(E.hash):``),O=h?.txExplorerUrl??E.explorerUrl,k=h?.sourceWallet.name??p({id:`sb9Y58`,message:`Wallet`}),A=h?.sourceWallet.address.formatted??x?.address.formatted??``,j=h?.sourceWallet.explorerUrl,M=A?{name:k,address:A,...j?{explorerUrl:j}:{}}:void 0,N=D?{hash:D,...O?{explorerUrl:O}:{}}:void 0;return c(o,{...s,amount:C,creditedAsset:{symbol:w},creditedTo:T,...S?{loading:!0}:{},onBack:f,...M?{sourceWallet:M}:{},...N?{sourceTx:N}:{},...h?.submittedAt?{submittedAt:h.submittedAt.formatted}:{},...h?.detectedAt?{detectedAt:h.detectedAt.formatted}:{},children:a??u})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return c(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:c(d,{...i})})}(function(e){e.Dialog=f,e.Header=o.Header,e.Body=o.Body,e.Hero=o.Hero,e.StatusPill=o.StatusPill,e.Details=o.Details,e.SourceRow=o.SourceRow,e.SourceTxRow=o.SourceTxRow,e.SubmittedAtRow=o.SubmittedAtRow,e.DetectedAtRow=o.DetectedAtRow})(d\|\|={});export{d as ProcessingState};

package/dist/flows/deposit/widgets/success-state/SuccessState.d.ts CHANGED Viewed

@@ -1,5 +1,12 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { SuccessStateBodyProps } from "../../../../shared/widgets/success-state/compound/types.js";
+import { SuccessStateActions } from "../../../../shared/widgets/success-state/compound/components/Actions.js";
+import { SuccessStateDetails } from "../../../../shared/widgets/success-state/compound/components/Details.js";
+import { SuccessStateHeader } from "../../../../shared/widgets/success-state/compound/components/Header.js";
+import { SuccessStateHeadline } from "../../../../shared/widgets/success-state/compound/components/Headline.js";
+import { SuccessStateMoreDetails } from "../../../../shared/widgets/success-state/compound/components/MoreDetails.js";
+import { SuccessStateCompletionTxRow, SuccessStateDepositTxRow, SuccessStateDestinationRow, SuccessStateFillStatusRow, SuccessStateFilledAtRow, SuccessStateSourceRow, SuccessStateSubmittedAtRow, SuccessStateTotalTimeRow, SuccessStateYouReceiveRow } from "../../../../shared/widgets/success-state/compound/components/Rows.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/success-state/SuccessState.d.ts
@@ -13,7 +20,19 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * `<DepositDialog />` shell; the dialog's lifecycle gates the render on the FSM's `success`
  * state.
  */
-declare function SuccessState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface SuccessStateOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Headline /><Details>…rows…
+   * <MoreDetails>…</MoreDetails></Details></Body>` + `<Actions />`. The default conditionally
+   * mounts `<MoreDetails>` only when at least one of `depositTx` / `completionTx` /
+   * `submittedAt` / `filledAt` is available. Pass children to interleave your own elements.
+   */
+  children?: ReactNode;
+}
+declare function SuccessState({
+  children,
+  ...props
+}: ComponentProps<"div"> & SuccessStateOwnProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function SuccessStateDialog({
   open,
   defaultOpen,
@@ -22,9 +41,24 @@ declare function SuccessStateDialog({
   ...rootProps
 }: SuccessState.DialogProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SuccessState {
-  type Props = ComponentProps<"div">;
-  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  type Props = ComponentProps<"div"> & SuccessStateOwnProps;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls & SuccessStateOwnProps;
   const Dialog: typeof SuccessStateDialog;
+  const Header: typeof SuccessStateHeader;
+  const Body: (props: SuccessStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Headline: typeof SuccessStateHeadline;
+  const Details: typeof SuccessStateDetails;
+  const FillStatusRow: typeof SuccessStateFillStatusRow;
+  const TotalTimeRow: typeof SuccessStateTotalTimeRow;
+  const SourceRow: typeof SuccessStateSourceRow;
+  const DestinationRow: typeof SuccessStateDestinationRow;
+  const YouReceiveRow: typeof SuccessStateYouReceiveRow;
+  const MoreDetails: typeof SuccessStateMoreDetails;
+  const DepositTxRow: typeof SuccessStateDepositTxRow;
+  const CompletionTxRow: typeof SuccessStateCompletionTxRow;
+  const SubmittedAtRow: typeof SuccessStateSubmittedAtRow;
+  const FilledAtRow: typeof SuccessStateFilledAtRow;
+  const Actions: typeof SuccessStateActions;
 }
 //#endregion
 export { SuccessState };

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

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

package/dist/flows/deposit/widgets/transfer-crypto/TransferCrypto.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { TransferCryptoBodyProps, TransferCryptoHeaderProps } from "./compound/types.js";
+import { TransferCryptoAddress } from "./compound/components/Address.js";
+import { TransferCryptoDisclosure } from "./compound/components/Disclosure.js";
+import { TransferCryptoQrCode } from "./compound/components/QrCode.js";
+import { TransferCryptoSelectors } from "./compound/components/Selectors.js";
+import { TransferCryptoSummary } from "./compound/components/Summary.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/transfer-crypto/TransferCrypto.d.ts
@@ -8,7 +14,15 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * callback (`(address: string) => void`) collides with the native div's
  * `ClipboardEventHandler`. Hosts route copy tracking through the driver layer.
  */
-type TransferCryptoOrchestratedProps = Omit<ComponentProps<"div">, "onCopy">;
+type TransferCryptoOrchestratedProps = Omit<ComponentProps<"div">, "onCopy"> & TransferCryptoOwnProps;
+interface TransferCryptoOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Selectors /><QrCode />
+   * <Summary /><Address /><Disclosure /></Body>`. Pass children to interleave your own
+   * elements between compound parts.
+   */
+  children?: ReactNode;
+}
 /**
  * Orchestrated `TransferCrypto` widget. Reads the per-chain deposit address list from the
  * driver's `addresses` entity and the destination receive asset from `target`.
@@ -24,7 +38,10 @@ type TransferCryptoOrchestratedProps = Omit<ComponentProps<"div">, "onCopy">;
  * driver layer; this wrapper just renders whatever the driver surfaces and then narrows by the
  * active token.
  */
-declare function TransferCrypto(props: TransferCryptoOrchestratedProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function TransferCrypto({
+  children,
+  ...props
+}: TransferCryptoOrchestratedProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function TransferCryptoDialog({
   open,
   defaultOpen,
@@ -32,10 +49,24 @@ declare function TransferCryptoDialog({
   trigger,
   ...rootProps
 }: TransferCrypto.DialogProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Wraps the headless `<TransferCryptoCompound.Header />` so that consumers of the production
+ * namespace get the orchestrated back chevron for free. Reads the FSM the same way the
+ * production widget's default composition does (hide when entered from `closed`); host-supplied
+ * `onBack` overrides the orchestrated default.
+ */
+declare function TransferCryptoHeader(props?: TransferCryptoHeaderProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace TransferCrypto {
   type Props = TransferCryptoOrchestratedProps;
   type DialogProps = TransferCryptoOrchestratedProps & DialogShellControls;
   const Dialog: typeof TransferCryptoDialog;
+  const Header: typeof TransferCryptoHeader;
+  const Body: (props: TransferCryptoBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Selectors: typeof TransferCryptoSelectors;
+  const QrCode: typeof TransferCryptoQrCode;
+  const Summary: typeof TransferCryptoSummary;
+  const Address: typeof TransferCryptoAddress;
+  const Disclosure: typeof TransferCryptoDisclosure;
 }
 //#endregion
 export { TransferCrypto };

package/dist/flows/deposit/widgets/transfer-crypto/TransferCrypto.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{~~DialogShell~~ as r}from"../../../../shared/dialog/DialogShell.js";import{TransferCrypto as i}from"./compound/TransferCrypto.js";import"./compound/index.js";import{useMemo as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(r){let l=e(),u=n(),d=u.name,{back:f}=t(),p=u.name===`transferCrypto`&&u.ctx.backTarget!==`closed`?f:void 0,m=l.addresses,h=m.status===`ready`\|\|m.status===`stale`?m.payload:[],g=l.target,_=g.status===`ready`\|\|g.status===`stale`?g.payload:void 0,v=_?.~~minDepositUsd~~?.formatted,y=a(()=>{let e=new Map;for(let t of h)for(let n of t.acceptedAssets??[]){let r=n.symbol.toUpperCase(),i=e.get(r);i?i.push({chain:t,asset:n}):e.set(r,[{chain:t,asset:n}])}return e},[h]),b=a(()=>y.size===0?_?[{symbol:_.symbol,..._.eip155Id?{chainId:Number(_.eip155Id)}:{},..._.address?{address:_.address}:{},..._.isNative===void 0?{}:{isNative:_.isNative},..._.assetLogoUrl?{logoUrl:_.assetLogoUrl}:{}}]:[]:[...y.values()].map(e=>{let t=e[0];return{symbol:t.asset.symbol,...t.chain.eip155Id?{chainId:Number(t.chain.eip155Id)}:{},...t.asset.address?{address:t.asset.address}:{},isNative:t.asset.isNative,...t.asset.assetLogoUrl?{logoUrl:t.asset.assetLogoUrl}:{}}}),[y,_]),[x,S]=o(void 0),[C,w]=o(void 0),T=a(()=>{if(x&&b.some(e=>e.symbol.toUpperCase()===x.symbol.toUpperCase()))return x;let e=_?.symbol.toUpperCase();return b.find(t=>t.symbol.toUpperCase()===e)??b[0]},[x,b,_?.symbol]),E=a(()=>(T?y.get(T.symbol.toUpperCase())?.map(e=>e.chain)??[...h]:[...h]).map(e=>{let t=e.~~minDepositUsd~~?.formatted??v;return{symbol:e.networkName,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},isNative:!0,...e.chainLogoUrl?{logoUrl:e.chainLogoUrl}:{},...t?{minDeposit:t}:{}}}),[T,y,~~h,v~~]),D=a(()=>{if(C&&E.some(e=>e.chainId===C.chainId))return C;let e=_?.eip155Id?Number(_.eip155Id):void 0;return(e===void 0?void 0:E.find(t=>t.chainId===e))??E[0]},[C,E,_?.eip155Id]),O=a(()=>D?.chainId?h.find(e=>e.eip155Id&&Number(e.eip155Id)===D.chainId)??h[0]:h[0],[D,h]),k=a(()=>{if(!T)return;let e=O?.acceptedAssets?.find(e=>e.symbol.toUpperCase()===T.symbol.toUpperCase())~~;return~~ e?{symbol:e.symbol,...D?.chainId===void 0?{}:{chainId:D.chainId},...e.address?{address:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{}}:T},[T,O,D?.chainId]),A=O?.address.value??``;if(d!==`transferCrypto`\|\|!_\|\|h.length===0)return null;let j={symbol:_.symbol,..._.eip155Id?{chainId:Number(_.eip155Id)}:{},..._.address?{address:_.address}:{},..._.isNative===void 0?{}:{isNative:_.isNative},..._.assetLogoUrl?{logoUrl:_.assetLogoUrl}:{}},M={symbol:_.networkName,..._.eip155Id?{chainId:Number(_.eip155Id)}:{},isNative:!0,..._.chainLogoUrl?{logoUrl:_.chainLogoUrl}:{}};return c(i,{...r,depositAddress:A,token:k,chain:D,onTokenChange:S,onChainChange:w,tokenOptions:b,chainOptions:E,sendAsset:k,sendNetwork:D,receiveAsset:j,receiveNetwork:M,children:[s(i.Header,{...p?{onBack:p}:{}}),c(i.Body,{children:[s(i.Selectors,{}),s(i.QrCode,{}),s(i.Summary,{}),s(i.Address,{}),s(i.Disclosure,{})]})]})}function u({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return s(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:s(l,{...a})})}(function(e){e.Dialog=u})(l\|\|={});export{l as TransferCrypto};
1	+ "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{useKitEmitter as r}from"../../../../events/emit/useKitEmitter.js";import"../../../../events/emit/index.js";import{DialogShell as i}from"../../../../shared/dialog/DialogShell.js";import{TransferCrypto as a}from"./compound/TransferCrypto.js";import"./compound/index.js";import{useCallback as o,useMemo as s,useState as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";function f({children:i,...f}){let p=e(),m=n(),h=m.name,{back:g}=t(),_=m.name===`transferCrypto`&&m.ctx.backTarget!==`closed`?g:void 0,v=p.addresses,y=v.status===`ready`\|\|v.status===`stale`?v.payload:[],b=p.target,x=b.status===`ready`\|\|b.status===`stale`?b.payload:void 0,S=x?.minAmountUsd?.formatted,C=s(()=>{let e=new Map;for(let t of y)for(let n of t.acceptedAssets??[]){let r=n.symbol.toUpperCase(),i=e.get(r);i?i.push({chain:t,asset:n}):e.set(r,[{chain:t,asset:n}])}return e},[y]),w=s(()=>C.size===0?x?[{symbol:x.symbol,...x.eip155Id?{chainId:Number(x.eip155Id)}:{},...x.address?{address:x.address}:{},...x.isNative===void 0?{}:{isNative:x.isNative},...x.assetLogoUrl?{logoUrl:x.assetLogoUrl}:{}}]:[]:[...C.values()].map(e=>{let t=e[0];return{symbol:t.asset.symbol,...t.chain.eip155Id?{chainId:Number(t.chain.eip155Id)}:{},...t.asset.address?{address:t.asset.address}:{},isNative:t.asset.isNative,...t.asset.assetLogoUrl?{logoUrl:t.asset.assetLogoUrl}:{},...t.asset.priceImpact?{priceImpact:t.asset.priceImpact}:{}}}),[C,x]),[T,E]=c(void 0),[D,O]=c(void 0),k=r(),A=o(e=>{E(e),k({type:`deposit.transfer.token.changed`,flow:`deposit`,tier:`ui`,payload:{token:e}})},[k]),j=o(e=>{O(e),k({type:`deposit.transfer.chain.changed`,flow:`deposit`,tier:`ui`,payload:{chain:e}})},[k]),M=o(e=>{k({type:`deposit.transfer.address.copied`,flow:`deposit`,tier:`ui`,payload:{address:e}})},[k]),N=s(()=>{if(T&&w.some(e=>e.symbol.toUpperCase()===T.symbol.toUpperCase()))return T;let e=x?.symbol.toUpperCase();return w.find(t=>t.symbol.toUpperCase()===e)??w[0]},[T,w,x?.symbol]),P=s(()=>(N?C.get(N.symbol.toUpperCase())?.map(e=>e.chain)??[...y]:[...y]).map(e=>{let t=e.minAmountUsd?.formatted??S;return{symbol:e.networkName,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},isNative:!0,...e.chainLogoUrl?{logoUrl:e.chainLogoUrl}:{},...t?{minDeposit:t}:{}}}),[N,C,y,S]),F=s(()=>{if(D&&P.some(e=>e.chainId===D.chainId))return D;let e=x?.eip155Id?Number(x.eip155Id):void 0;return(e===void 0?void 0:P.find(t=>t.chainId===e))??P[0]},[D,P,x?.eip155Id]),I=s(()=>F?.chainId?y.find(e=>e.eip155Id&&Number(e.eip155Id)===F.chainId)??y[0]:y[0],[F,y]),L=s(()=>{if(!N)return;let e=I?.acceptedAssets?.find(e=>e.symbol.toUpperCase()===N.symbol.toUpperCase()),t=e?{symbol:e.symbol,...F?.chainId===void 0?{}:{chainId:F.chainId},...e.address?{address:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{},...e.priceImpact?{priceImpact:e.priceImpact}:{}}:N;return x?.eip155Id!==void 0&&F?.chainId===Number(x.eip155Id)&&t.symbol.toUpperCase()===x.symbol.toUpperCase()?{...t,priceImpact:`0.00`}:t},[N,I,F?.chainId,x]),R=I?.address.value??``;if(h!==`transferCrypto`\|\|!x\|\|y.length===0)return null;let z={symbol:x.symbol,...x.eip155Id?{chainId:Number(x.eip155Id)}:{},...x.address?{address:x.address}:{},...x.isNative===void 0?{}:{isNative:x.isNative},...x.assetLogoUrl?{logoUrl:x.assetLogoUrl}:{}},B={symbol:x.networkName,...x.eip155Id?{chainId:Number(x.eip155Id)}:{},isNative:!0,...x.chainLogoUrl?{logoUrl:x.chainLogoUrl}:{}};return u(a,{...f,depositAddress:R,token:L,chain:F,onTokenChange:A,onChainChange:j,onCopy:M,tokenOptions:w,chainOptions:P,sendAsset:L,sendNetwork:F,receiveAsset:z,receiveNetwork:B,children:i??d(l,{children:[u(a.Header,{..._?{onBack:_}:{}}),d(a.Body,{children:[u(a.Selectors,{}),u(a.QrCode,{}),u(a.Summary,{}),u(a.Address,{}),u(a.Disclosure,{})]})]})})}function p({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...a}){return u(i,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:u(f,{...a})})}function m(e={}){let r=n(),{back:i}=t(),o=r.name===`transferCrypto`&&r.ctx.backTarget!==`closed`?i:void 0,s=e.onBack??o;return u(a.Header,{...e,...s?{onBack:s}:{}})}(function(e){e.Dialog=p,e.Header=m,e.Body=a.Body,e.Selectors=a.Selectors,e.QrCode=a.QrCode,e.Summary=a.Summary,e.Address=a.Address,e.Disclosure=a.Disclosure})(f\|\|={});export{f as TransferCrypto};

package/dist/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { TransferCryptoAddress } from "./components/Address.js";
 import { TransferCryptoBodyProps, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps } from "./types.js";
+import { TransferCryptoAddress } from "./components/Address.js";
 import { TransferCryptoDisclosure } from "./components/Disclosure.js";
 import { TransferCryptoHeader } from "./components/Header.js";
 import { TransferCryptoQrCode } from "./components/QrCode.js";

package/dist/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- const e={root:{"TransferCrypto__styles.root":`TransferCrypto__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,"containerType-k9g6sI":`x12h1iku`,"containerName-kanfag":`x1tehvyw`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:10`},header:{"TransferCrypto__styles.header":`TransferCrypto__styles.header`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x109j2v6 x19raiq2`,"paddingInlineEnd-kwRFfy":`x1pic42t x1511ct0`,"paddingBottom-kGO01o":`x1l90r2v x1qngw98`,"paddingInlineStart-kZCmMZ":`x1onr9mi x12owy3a`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:20`},headerLeft:{"TransferCrypto__styles.headerLeft":`TransferCrypto__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:39`},backIcon:{"TransferCrypto__styles.backIcon":`TransferCrypto__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:44`},closeIcon:{"TransferCrypto__styles.closeIcon":`TransferCrypto__styles.closeIcon`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:48`},selectors:{"TransferCrypto__styles.selectors":`TransferCrypto__styles.selectors`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"paddingTop-kLKAdn":`xyamay9 x1evf9ll`,"paddingInlineEnd-kwRFfy":`x1x5flf6 x1511ct0`,"paddingBottom-kGO01o":`x18d9i69 x1hf6i2e`,"paddingInlineStart-kZCmMZ":`xwn43p0 x12owy3a`,"gap-kOIVth":`x883omv x1935yeb`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:53`},selectorColumn:{"TransferCrypto__styles.selectorColumn":`TransferCrypto__styles.selectorColumn`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"gap-kOIVth":`x167g77z`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:77`},selectorLabelRow:{"TransferCrypto__styles.selectorLabelRow":`TransferCrypto__styles.selectorLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"height-kZKoxP":`x1v9usgg`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:86`},minDepositRow:{"TransferCrypto__styles.minDepositRow":`TransferCrypto__styles.minDepositRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:92`},minDepositIcon:{"TransferCrypto__styles.minDepositIcon":`TransferCrypto__styles.minDepositIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:97`},qrFrame:{"TransferCrypto__styles.qrFrame":`TransferCrypto__styles.qrFrame`,"position-kVAEAm":`x1n2onr6`,"alignSelf-kSGwAc":`xamitd3`,"width-kzqmXN":`x16grhtn xsxf1mu`,"height-kZKoxP":`x1m3v4wt xpkk1xi`,"marginTop-keoZOQ":`xw7yly9 x12r3qzf`,"borderRadius-kaIpWk":`x2u8bby x1vfxggr`,"paddingBlock-k8WAf4":`x12ulsxz xpib278`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"borderWidth-kMzoRj":`xc342km xqv1bf0`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,"backgroundColor-kWkggS":`xjbqb8w x1005t9t`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:109`},qrSvg:{"TransferCrypto__styles.qrSvg":`TransferCrypto__styles.qrSvg`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1so1ns2 x2ytoob`,"height-kZKoxP":`xb2rc7v x885qvc`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:148`},flowPill:{"TransferCrypto__styles.flowPill":`TransferCrypto__styles.flowPill`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"alignSelf-kSGwAc":`xamitd3`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"backgroundColor-kWkggS":`xsdq91f`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x1npxkrn`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"paddingBlock-k8WAf4":`xknfcqp xzc4l6o`,"paddingInline-kg3NbH":`xqin4a2 xy8emu7`,"gap-kOIVth":`x1v2ro7d x9czr6x`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:167`},flowSide:{"TransferCrypto__styles.flowSide":`TransferCrypto__styles.flowSide`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:195`},flowText:{"TransferCrypto__styles.flowText":`TransferCrypto__styles.flowText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:200`},flowArrow:{"TransferCrypto__styles.flowArrow":`TransferCrypto__styles.flowArrow`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x170jfvy`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:205`},addressSection:{"TransferCrypto__styles.addressSection":`TransferCrypto__styles.addressSection`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z x19decax`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:212`},addressLabelRow:{"TransferCrypto__styles.addressLabelRow":`TransferCrypto__styles.addressLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:232`},addressLabel:{"TransferCrypto__styles.addressLabel":`TransferCrypto__styles.addressLabel`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:237`},addressLabelInfo:{"TransferCrypto__styles.addressLabelInfo":`TransferCrypto__styles.addressLabelInfo`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"color-kMwMTN":`x137ha3m`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:242`},termsLink:{"TransferCrypto__styles.termsLink":`TransferCrypto__styles.termsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:248`},addressPill:{"TransferCrypto__styles.addressPill":`TransferCrypto__styles.addressPill`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingInlineEnd-kwRFfy":`xf159sx`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:260`},addressText:{"TransferCrypto__styles.addressText":`TransferCrypto__styles.addressText`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:270`},copyButton:{"TransferCrypto__styles.copyButton":`TransferCrypto__styles.copyButton`,"height-kZKoxP":`xt7dq6l`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInline-kg3NbH":`xaope02`,"cursor-kkrTdU":`x1ypdohk`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:286`},copyIcon:{"TransferCrypto__styles.copyIcon":`TransferCrypto__styles.copyIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"strokeWidth-kfJifR":`xupzf07`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:297`},disclosure:{"TransferCrypto__styles.disclosure":`TransferCrypto__styles.disclosure`,"paddingBlock-k8WAf4":`x10dr8xq xwv64x0`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,"marginBottom-k1K539":`x1c436fg x37ks8j`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:309`},disclosureHeader:{"TransferCrypto__styles.disclosureHeader":`TransferCrypto__styles.disclosureHeader`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"width-kzqmXN":`xh8yej3`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:335`},disclosureHeaderChevron:{"TransferCrypto__styles.disclosureHeaderChevron":`TransferCrypto__styles.disclosureHeaderChevron`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:347`},disclosurePanelInner:{"TransferCrypto__styles.disclosurePanelInner":`TransferCrypto__styles.disclosurePanelInner`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xmmi0ta x19decax`,"paddingTop-kLKAdn":`x96k8nx xskglhc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:350`},disclosureRow:{"TransferCrypto__styles.disclosureRow":`TransferCrypto__styles.disclosureRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:365`},disclosureRowTextWithInfo:{"TransferCrypto__styles.disclosureRowTextWithInfo":`TransferCrypto__styles.disclosureRowTextWithInfo`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:370`},disclosureRowIcon:{"TransferCrypto__styles.disclosureRowIcon":`TransferCrypto__styles.disclosureRowIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:375`},infoTrigger:{"TransferCrypto__styles.infoTrigger":`TransferCrypto__styles.infoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`x137ha3m`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:381`},disclosureRowInfo:{"TransferCrypto__styles.disclosureRowInfo":`TransferCrypto__styles.disclosureRowInfo`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:397`},disclosureChevron:{"TransferCrypto__styles.disclosureChevron":`TransferCrypto__styles.disclosureChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,"[data-panel-open] &_transform-kSnp38":`xtqhfa`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:403`},helpQuestion:{"TransferCrypto__styles.helpQuestion":`TransferCrypto__styles.helpQuestion`,"marginInlineEnd-k71WvV":`xf6vk7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:416`},helpLink:{"TransferCrypto__styles.helpLink":`TransferCrypto__styles.helpLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:419`}};export{e as styles};
1	+ const e={root:{"TransferCrypto__styles.root":`TransferCrypto__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,"containerType-k9g6sI":`x12h1iku`,"containerName-kanfag":`x1tehvyw`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:10`},header:{"TransferCrypto__styles.header":`TransferCrypto__styles.header`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x109j2v6 x19raiq2`,"paddingInlineEnd-kwRFfy":`x1pic42t x1511ct0`,"paddingBottom-kGO01o":`x1l90r2v x1qngw98`,"paddingInlineStart-kZCmMZ":`x1onr9mi x12owy3a`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:20`},headerLeft:{"TransferCrypto__styles.headerLeft":`TransferCrypto__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:39`},headerTrailing:{"TransferCrypto__styles.headerTrailing":`TransferCrypto__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:47`},backIcon:{"TransferCrypto__styles.backIcon":`TransferCrypto__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:52`},closeIcon:{"TransferCrypto__styles.closeIcon":`TransferCrypto__styles.closeIcon`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:56`},selectors:{"TransferCrypto__styles.selectors":`TransferCrypto__styles.selectors`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"paddingTop-kLKAdn":`xyamay9 x1evf9ll`,"paddingInlineEnd-kwRFfy":`x1x5flf6 x1511ct0`,"paddingBottom-kGO01o":`x18d9i69 x1hf6i2e`,"paddingInlineStart-kZCmMZ":`xwn43p0 x12owy3a`,"gap-kOIVth":`x883omv x1935yeb`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:61`},selectorColumn:{"TransferCrypto__styles.selectorColumn":`TransferCrypto__styles.selectorColumn`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"gap-kOIVth":`x167g77z`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:85`},selectorLabelRow:{"TransferCrypto__styles.selectorLabelRow":`TransferCrypto__styles.selectorLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"height-kZKoxP":`x1v9usgg`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:94`},minDepositRow:{"TransferCrypto__styles.minDepositRow":`TransferCrypto__styles.minDepositRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:100`},minDepositIcon:{"TransferCrypto__styles.minDepositIcon":`TransferCrypto__styles.minDepositIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:105`},qrFrame:{"TransferCrypto__styles.qrFrame":`TransferCrypto__styles.qrFrame`,"position-kVAEAm":`x1n2onr6`,"alignSelf-kSGwAc":`xamitd3`,"width-kzqmXN":`x16grhtn xsxf1mu`,"height-kZKoxP":`x1m3v4wt xpkk1xi`,"marginTop-keoZOQ":`xw7yly9 x12r3qzf`,"borderRadius-kaIpWk":`x2u8bby x1vfxggr`,"paddingBlock-k8WAf4":`x12ulsxz xpib278`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"borderWidth-kMzoRj":`xc342km xqv1bf0`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,"backgroundColor-kWkggS":`xjbqb8w x1005t9t`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:117`},qrSvg:{"TransferCrypto__styles.qrSvg":`TransferCrypto__styles.qrSvg`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1so1ns2 x2ytoob`,"height-kZKoxP":`xb2rc7v x885qvc`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:156`},flowPill:{"TransferCrypto__styles.flowPill":`TransferCrypto__styles.flowPill`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"alignSelf-kSGwAc":`xamitd3`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"backgroundColor-kWkggS":`xsdq91f`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x1npxkrn`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"paddingBlock-k8WAf4":`xknfcqp xzc4l6o`,"paddingInline-kg3NbH":`xqin4a2 xy8emu7`,"gap-kOIVth":`x1v2ro7d x9czr6x`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:175`},flowSide:{"TransferCrypto__styles.flowSide":`TransferCrypto__styles.flowSide`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:203`},flowText:{"TransferCrypto__styles.flowText":`TransferCrypto__styles.flowText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:208`},flowArrow:{"TransferCrypto__styles.flowArrow":`TransferCrypto__styles.flowArrow`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x170jfvy`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:213`},addressSection:{"TransferCrypto__styles.addressSection":`TransferCrypto__styles.addressSection`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z x19decax`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:220`},addressLabelRow:{"TransferCrypto__styles.addressLabelRow":`TransferCrypto__styles.addressLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:240`},addressLabel:{"TransferCrypto__styles.addressLabel":`TransferCrypto__styles.addressLabel`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:245`},addressLabelInfo:{"TransferCrypto__styles.addressLabelInfo":`TransferCrypto__styles.addressLabelInfo`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"color-kMwMTN":`x137ha3m`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:250`},termsLink:{"TransferCrypto__styles.termsLink":`TransferCrypto__styles.termsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:256`},addressPill:{"TransferCrypto__styles.addressPill":`TransferCrypto__styles.addressPill`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingInlineEnd-kwRFfy":`xf159sx`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:268`},addressText:{"TransferCrypto__styles.addressText":`TransferCrypto__styles.addressText`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:278`},copyButton:{"TransferCrypto__styles.copyButton":`TransferCrypto__styles.copyButton`,"height-kZKoxP":`xt7dq6l`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInline-kg3NbH":`xaope02`,"cursor-kkrTdU":`x1ypdohk`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:294`},copyIcon:{"TransferCrypto__styles.copyIcon":`TransferCrypto__styles.copyIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"strokeWidth-kfJifR":`xupzf07`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:305`},disclosure:{"TransferCrypto__styles.disclosure":`TransferCrypto__styles.disclosure`,"paddingBlock-k8WAf4":`x10dr8xq xwv64x0`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,"marginBottom-k1K539":`x1c436fg x37ks8j`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:317`},disclosureHeader:{"TransferCrypto__styles.disclosureHeader":`TransferCrypto__styles.disclosureHeader`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"width-kzqmXN":`xh8yej3`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:343`},disclosureHeaderChevron:{"TransferCrypto__styles.disclosureHeaderChevron":`TransferCrypto__styles.disclosureHeaderChevron`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:355`},disclosurePanelInner:{"TransferCrypto__styles.disclosurePanelInner":`TransferCrypto__styles.disclosurePanelInner`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xmmi0ta x19decax`,"paddingTop-kLKAdn":`x96k8nx xskglhc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:358`},disclosureRow:{"TransferCrypto__styles.disclosureRow":`TransferCrypto__styles.disclosureRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:373`},disclosureRowTextWithInfo:{"TransferCrypto__styles.disclosureRowTextWithInfo":`TransferCrypto__styles.disclosureRowTextWithInfo`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexWrap-kwnvtZ":`x1a02dak`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:378`},disclosureRowIcon:{"TransferCrypto__styles.disclosureRowIcon":`TransferCrypto__styles.disclosureRowIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:384`},infoTrigger:{"TransferCrypto__styles.infoTrigger":`TransferCrypto__styles.infoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`x137ha3m`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:390`},disclosureRowInfo:{"TransferCrypto__styles.disclosureRowInfo":`TransferCrypto__styles.disclosureRowInfo`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:406`},disclosureChevron:{"TransferCrypto__styles.disclosureChevron":`TransferCrypto__styles.disclosureChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,"[data-panel-open] &_transform-kSnp38":`xtqhfa`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:412`},helpQuestion:{"TransferCrypto__styles.helpQuestion":`TransferCrypto__styles.helpQuestion`,"marginInlineEnd-k71WvV":`xf6vk7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:425`},helpLink:{"TransferCrypto__styles.helpLink":`TransferCrypto__styles.helpLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:428`}};export{e as styles};