@stridge/kit 0.1.0-alpha.0

package/dist/flows/deposit/driver/transformers/settlementToPayload.js

@@ -0,0 +1 @@
+import{classifyFailureKind as e,classifySettlementStatus as t}from"../../../shared/transformers/classifySettlementStatus.js";import{parseDecimalSafe as n,parseSmallestUnit as r}from"../../../shared/transformers/parseSmallestUnit.js";import{parseIsoMs as i}from"../../../shared/transformers/parseIsoMs.js";import"../../../shared/transformers/pickRelevantSettlement.js";import{formatDurationCompact as a}from"../../../../shared/format/formatDurationCompact.js";import{formatTimestamp as o}from"../../../../shared/format/formatTimestamp.js";import{formatTokenAmount as s}from"../../../../shared/format/formatTokenAmount.js";import{shortenAddress as c}from"../../../../shared/format/shortenAddress.js";function l(e,n,r){let i=t(e.status);return i===`completed`?d(e,n,r):i===`failed`?f(e,n,r):u(e,n,r)}function u(e,t,n){let r=e.from,a=i(r?.confirmed_at)??i(e.created_at),l=i(r?.confirmed_at)??i(e.created_at)??Date.now(),u=m(e.to,t.destination.asset_decimals);return{kind:`pending`,sourceWallet:p(n),creditedAsset:{symbol:t.destination.asset_symbol,decimals:t.destination.asset_decimals,address:t.destination.asset_address??``,isNative:!t.destination.asset_address},creditedTo:n.brandName??t.destination.address,...r?.tx_id?{txHash:{value:r.tx_id,formatted:c(r.tx_id)},...h(r,n,r.tx_id)?{txExplorerUrl:h(r,n,r.tx_id)}:{}}:{},...a===void 0?{}:{detectedAt:{value:a,formatted:o(a,n.i18n)}},submittedAt:{value:l,formatted:o(l,n.i18n)},receiveAmount:{value:u,formatted:s(u,n.i18n,{maxDecimals:t.destination.asset_decimals})}}}function d(e,t,n){let r=e.from,l=e.to,u=i(r?.confirmed_at)??i(e.created_at)??Date.now(),d=i(l?.settled_at)??i(e.updated_at)??Date.now(),f=Math.max(0,d-u),_=m(l,t.destination.asset_decimals),v=t.destination.address;return{kind:`succeeded`,sourceWallet:p(n),destination:{...n.brandName?{name:n.brandName}:{},address:{value:v,formatted:c(v)}},creditedAsset:{symbol:t.destination.asset_symbol,decimals:t.destination.asset_decimals,address:t.destination.asset_address??``,isNative:!t.destination.asset_address},receiveAmount:{value:_,formatted:s(_,n.i18n,{maxDecimals:t.destination.asset_decimals})},routeHops:g(e),totalTime:{value:f,formatted:a(f,n.i18n)},...r?.tx_id?{depositTx:{hash:{value:r.tx_id,formatted:c(r.tx_id)},...h(r,n,r.tx_id)?{explorerUrl:h(r,n,r.tx_id)}:{}}}:{depositTx:{hash:{value:``,formatted:``}}},...l?.tx_id?{completionTx:{hash:{value:l.tx_id,formatted:c(l.tx_id)},...h(l,n,l.tx_id)?{explorerUrl:h(l,n,l.tx_id)}:{}}}:{},submittedAt:{value:u,formatted:o(u,n.i18n)},filledAt:{value:d,formatted:o(d,n.i18n)}}}function f(t,n,r){let a=t.from,l=i(a?.confirmed_at)??i(t.created_at)??Date.now(),u=i(t.updated_at)??Date.now(),d=a?.tx_id??``,f=n.destination.address;return{kind:`failed`,failureKind:e(t.error),sourceWallet:p(r),destination:{...r.brandName?{name:r.brandName}:{},address:{value:f,formatted:c(f)}},creditedAsset:{symbol:n.destination.asset_symbol,decimals:n.destination.asset_decimals,address:n.destination.asset_address??``,isNative:!n.destination.asset_address},receiveAmount:{value:0,formatted:s(0,r.i18n)},txHash:{value:d,formatted:d?c(d):``},...h(a,r,d)?{txExplorerUrl:h(a,r,d)}:{},submittedAt:{value:l,formatted:o(l,r.i18n)},failedAt:{value:u,formatted:o(u,r.i18n)}}}function p(e){return{...e.sourceWallet.name?{name:e.sourceWallet.name}:{},address:{value:e.sourceWallet.address,formatted:c(e.sourceWallet.address)},...e.sourceWallet.explorerUrl?{explorerUrl:e.sourceWallet.explorerUrl}:{}}}function m(e,t){if(!e)return 0;if(e.amount){let t=n(e.amount);if(t>0)return t}return e.raw_amount?r(e.raw_amount,t):0}function h(e,t,n){if(!e||!n)return;let r=e.eip155_id===void 0?void 0:Number(e.eip155_id);if(r===void 0||!t.explorers)return;let i=t.explorers[r];if(i)return`${i.replace(/\/+$/,``)}/tx/${n}`}function g(e){let t=e.from,n=e.to,r=e.route?.provider??``,i=[];return t?.eip155_id!==void 0&&i.push({provider:r,chainId:Number(t.eip155_id)}),n?.eip155_id!==void 0&&n.eip155_id!==t?.eip155_id&&i.push({provider:r,chainId:Number(n.eip155_id)}),i}export{l as settlementToPayload};

package/dist/flows/deposit/driver/transformers/startToAddressesPayload.js

@@ -0,0 +1 @@
+import{formatNetworkName as e}from"../../../../shared/format/formatNetworkName.js";import{formatUsd as t}from"../../../../shared/format/formatUsd.js";import{shortenAddress as n}from"../../../../shared/format/shortenAddress.js";const r=new Set([11155111,5,80001,80002,84532,421614,11155420,97]);function i(i,o={}){let s=o.includeTestnets??!1;return i.flatMap(i=>{let c=String(i.eip155_id??``),l=Number(c);if(!s&&Number.isFinite(l)&&r.has(l))return[];let u=o.explorers?.[l],d=o.i18n&&c?o.minDepositUsdByEip155Id?.[c]:void 0,f=a(i.accepted_assets,c?o.nativeAssetByEip155Id?.[c]:void 0);return[{networkName:e(i.network_name??``),...c?{eip155Id:c}:{},...o.chainLogos?.[c]?{chainLogoUrl:o.chainLogos[c]}:{},address:{value:i.address,formatted:n(i.address)},...u?{explorerUrl:`${u.replace(/\/+$/,``)}/address/${i.address}`}:{},...d!==void 0&&o.i18n?{minDepositUsd:{value:d,formatted:t(d,o.i18n)}}:{},...f.length>0?{acceptedAssets:f}:{}}]})}function a(e,t){let n=Array.isArray(e)?e.map(o):[];return!t||new Set(n.map(e=>e.symbol.toUpperCase())).has(t.symbol.toUpperCase())?n:[t,...n]}function o(e){let t=e.logo,n=!e.address;return{symbol:e.symbol,address:e.address,decimals:e.decimals,...typeof t==`string`&&t.length>0?{assetLogoUrl:t}:{},isNative:n}}export{i as startToAddressesPayload};

package/dist/flows/deposit/driver/transformers/startToBrandPayload.js

@@ -0,0 +1 @@
+function e(e){let n=t(e,`brand_name`),r=t(e,`checkout_item_title`),i={};return n!==void 0&&(i.name=n),r!==void 0&&(i.checkoutItemTitle=r),i}function t(e,t){if(!e)return;let n=e[t];if(typeof n!=`string`)return;let r=n.trim();return r.length>0?r:void 0}export{e as startToBrandPayload};

package/dist/flows/deposit/driver/transformers/startToTargetPayload.js

@@ -0,0 +1 @@
+import{formatNetworkName as e}from"../../../../shared/format/formatNetworkName.js";import{formatUsd as t}from"../../../../shared/format/formatUsd.js";function n(n,r){let i=n.assets.find(e=>String(e.network_id)===r.networkId);if(!i)return;let a=i.assets.find(e=>e.symbol.toUpperCase()===r.assetSymbol.toUpperCase());if(!a)return;let o=i.native_currency?.logo;return{networkId:r.networkId,networkName:e(i.network_name),eip155Id:String(i.eip155_id),...o?{chainLogoUrl:o}:{},symbol:a.symbol,decimals:a.decimals,address:a.address??``,isNative:!a.address,...a.logo?{assetLogoUrl:a.logo}:{},...r.minDepositUsd===void 0?{}:{minDepositUsd:{value:r.minDepositUsd,formatted:t(r.minDepositUsd,r.i18n)}}}}export{n as startToTargetPayload};

package/dist/flows/deposit/driver/transformers/walletAddressToWalletPayload.js

@@ -0,0 +1 @@
+import{shortenAddress as e}from"../../../../shared/format/shortenAddress.js";function t(t){return{address:{value:t.address,formatted:e(t.address)},...t.chainId===void 0?{}:{chainId:t.chainId}}}export{t as walletAddressToWalletPayload};

package/dist/flows/deposit/driver/types.d.ts

@@ -0,0 +1,177 @@
+import { Entity, SettlementFailureKind, TxRef } from "../../../shared/driver/types.js";
+import { AcceptedAssetPayload, AddressItemPayload, AssetPayload, BalanceItemPayload, BrandPayload, ChainPayload, QuoteBreakdownPayload, QuotePayload, QuoteRoutePayload, SettlementFailurePayload, SettlementPayload, SettlementPendingPayload, SettlementSuccessPayload, SourceWalletPayload, TargetPayload, WalletInfo, WalletPayload } from "./payloads.js";
+import { DepositAddressDto, GatewayPollResponse, GatewaySettlementDto, GatewayStartResponse, OnchainBalanceResponse, QuoteResponse, SupportedAssetDto, SupportedAssetsResponse } from "@stridge/sdk";
+
+//#region src/flows/deposit/driver/types.d.ts
+/**
+ * Snapshot of every entity the driver currently exposes. Returned by {@link DepositDriver.getSnapshot}
+ * and consumed by `useSyncExternalStore`. The kit's `useDepositSnapshot()` hook returns this shape.
+ *
+ * Each field is an {@link Entity} envelope — components switch on `status` and read `payload` on
+ * the `ready` / `stale` variants.
+ */
+interface DepositSnapshot {
+  /** Brand metadata — merchant name, checkout item title. Backed by `gateway/start.metadata`. */
+  brand: Entity<BrandPayload, GatewayStartResponse["metadata"], GatewayStartResponse>;
+  /**
+   * Settlement destination — the (network × asset) tuple the host configured. Backed by the
+   * matched supported-assets entry.
+   */
+  target: Entity<TargetPayload, SupportedAssetDto, SupportedAssetsResponse>;
+  /**
+   * Provisioned deposit addresses (one per supported source chain). List-shaped envelope —
+   * `payload` is an array, `raw` is the underlying `deposit_addresses` array, `response` is the
+   * full `gateway/start` response.
+   */
+  addresses: Entity<ReadonlyArray<AddressItemPayload>, ReadonlyArray<DepositAddressDto>, GatewayStartResponse>;
+  /**
+   * Source-side per-asset balances for the connected wallet. List-shaped envelope. The list is
+   * derived from the response's `chains[].tokens[]` so `raw` carries the entire response
+   * (there is no single per-row DTO that backs an individual `BalanceItemPayload` 1:1).
+   */
+  balances: Entity<ReadonlyArray<BalanceItemPayload>, OnchainBalanceResponse, OnchainBalanceResponse>;
+  /**
+   * Active deposit quote. Drives the confirm-deposit widget. Transitions to `stale` on expiry.
+   */
+  quote: Entity<QuotePayload, QuoteResponse, QuoteResponse>;
+  /**
+   * The most-recent settlement observed for the connected wallet. The discriminated `kind` on
+   * the payload (`pending` / `succeeded` / `failed`) drives whether `<ProcessingState>`,
+   * `<SuccessState>`, or `<ErrorState>` is shown.
+   */
+  settlement: Entity<SettlementPayload, GatewaySettlementDto, GatewayPollResponse>;
+  /**
+   * Connected-wallet identity. `idle` when no wallet is connected; `ready` once the host has
+   * supplied an address. The `payload.address.formatted` field is the canonical
+   * `0x…<last 4>` form components render anywhere a connected-wallet pill appears outside a
+   * settlement (deposit-method tile, amount-entry source pill, banner disconnected-state copy).
+   */
+  wallet: Entity<WalletPayload, WalletInfo, WalletInfo>;
+}
+/**
+ * Input to {@link DepositDriver.requestQuote}.
+ */
+interface RequestQuoteInput {
+  sourceChainId: number;
+  sourceTokenAddress: string;
+  sourceTokenDecimals: number;
+  sourceTokenSymbol: string;
+  sourceIsNative: boolean;
+  /** Send amount in display units (post-decimals). */
+  amount: number;
+  /**
+   * Optional source-token unit price in USD. Drives the confirm-deposit hero amount: when set,
+   * the live driver passes it through to {@link import("./transformers").quoteToPayload}'s
+   * `sendPriceUsd` so the hero reads `$<amount × priceUsd>` instead of falling back to the raw
+   * source-token amount. The kit's orchestrator pulls this from the picked
+   * {@link BalanceItemPayload}'s `priceUsd` at confirm time; BYO drivers can ignore it if they
+   * surface their own hero math.
+   */
+  sourcePriceUsd?: number;
+}
+/**
+ * Input to {@link DepositDriver.submitDeposit}.
+ */
+interface SubmitDepositInput {
+  sourceChainId: number;
+  sourceTokenAddress: string;
+  sourceTokenDecimals: number;
+  sourceIsNative: boolean;
+  /** Send amount in display units. */
+  amount: number;
+}
+/**
+ * Input to {@link DepositDriver.watchSourceTx}. Path B — kit waits for an inbound transfer to the
+ * deposit address.
+ */
+interface WatchSourceTxInput {
+  /** Optional last-known tx hash (used to ack snapshots on dialog reopen). */
+  sinceTxHash?: string;
+}
+/**
+ * Input to {@link DepositDriver.watchSettlement}. Carries the source-chain tx hash so the watcher can
+ * scope its poll to a specific in-flight settlement.
+ */
+interface WatchSettlementInput {
+  tx: TxRef;
+}
+/**
+ * Input to {@link DepositDriver.fetchActiveSettlement}. The kit calls this on dialog open so a
+ * still-in-flight deposit lands the user straight on the processing screen.
+ */
+type FetchActiveSettlementInput = Record<string, never>;
+/**
+ * One-shot snapshot returned by {@link DepositDriver.fetchActiveSettlement}. Resolves to `null` when
+ * nothing is in-flight.
+ */
+interface SettlementSnapshot {
+  payload: SettlementPayload;
+  raw: GatewaySettlementDto;
+  response: GatewayPollResponse;
+}
+/**
+ * Unified driver contract. A `DepositDriver` is the single host-supplied source of both reactive
+ * data (the 6 entities) and imperative actions (quote / submit / watch / fetch). One contract,
+ * one implementation per backend — `createStridgeDriver` for live Stridge integrations,
+ * `createStridgeMockDriver` for demos / tests / Storybook.
+ *
+ * The driver also implements the `useSyncExternalStore` contract (`subscribe` + `getSnapshot`) so
+ * `<KitProvider />` + `useDepositSnapshot()` get standard React 18+ external-store semantics.
+ *
+ * @example
+ *
+ * ```ts
+ * import { createStridgeDriver } from "@stridge/kit/drivers/stridge";
+ *
+ * const driver = createStridgeDriver({
+ *     projectKey: process.env.NEXT_PUBLIC_STRIDGE_GATEWAY_KEY!,
+ *     wagmiConfig,
+ *     destination: { network_id: "9006", asset_symbol: "USDC" },
+ *     userAddress,
+ *     getI18n: () => i18n,
+ * });
+ *
+ * <KitProvider deposit={driver}>{children}</KitProvider>;
+ * ```
+ */
+interface DepositDriver {
+  /** Lets you read the current snapshot of every reactive entity (used by `useSyncExternalStore`). */
+  getSnapshot(): DepositSnapshot;
+  /** Lets you subscribe to entity transitions outside React (analytics, headless integrations). */
+  subscribe(listener: () => void): () => void;
+  /**
+   * Fetches a fresh quote for `input` and updates the `quote` entity through its lifecycle
+   * (`idle | loading → ready | error`). The optional `signal` cancels in-flight work.
+   */
+  requestQuote(input: RequestQuoteInput, signal: AbortSignal): Promise<void>;
+  /**
+   * Submits the confirmed deposit. Resolves with the broadcast tx ref. Settlement watcher takes
+   * over from there to populate the `settlement` entity.
+   */
+  submitDeposit(input: SubmitDepositInput, signal: AbortSignal): Promise<TxRef>;
+  /**
+   * Watches the connected wallet's source-side balances. Updates the `balances` entity. Optional
+   * — when omitted, the asset-picker hides its USD-balance overlay.
+   */
+  watchBalances?(input: Record<string, never>, listener: (entity: DepositSnapshot["balances"]) => void, signal: AbortSignal): void;
+  /**
+   * Path B watcher — observes the deposit address until an inbound source-chain tx is detected,
+   * then fires the listener with the {@link TxRef}. Optional — when omitted, the orchestrator
+   * hides the transfer-crypto method tile.
+   */
+  watchSourceTx?(input: WatchSourceTxInput, listener: (tx: TxRef) => void, signal: AbortSignal): void;
+  /**
+   * Watches the settlement entity through its lifecycle (pending → succeeded / failed). Listener
+   * fires on every transition with the new envelope; the FSM consumes these to advance phases.
+   */
+  watchSettlement(input: WatchSettlementInput, listener: (entity: DepositSnapshot["settlement"]) => void, signal: AbortSignal): void;
+  /**
+   * One-shot resume probe — called at dialog `open()` time. Resolves with the most-recent
+   * **pending** settlement if any, so the dialog routes straight to `<ProcessingState>` instead
+   * of making the user re-do work. Optional — when omitted, the kit always opens at the deposit
+   * method picker.
+   */
+  fetchActiveSettlement?(input: FetchActiveSettlementInput, signal: AbortSignal): Promise<SettlementSnapshot | null>;
+}
+//#endregion
+export { DepositDriver, DepositSnapshot, FetchActiveSettlementInput, RequestQuoteInput, SettlementSnapshot, SubmitDepositInput, WatchSettlementInput, WatchSourceTxInput };

package/dist/flows/deposit/orchestrator/controller.d.ts

@@ -0,0 +1,11 @@
+import { DepositState } from "./types.js";
+import { ReactNode } from "react";
+//#region src/flows/deposit/orchestrator/controller.d.ts
+/**
+ * Read the **logical** gateway state — what the reducer says. Transitions to `closed` are
+ * surfaced synchronously, so this is the right hook for "is the dialog open?" gating, analytics,
+ * and any headless UI that drives off live machine state.
+ */
+declare function useDepositState(): DepositState;
+//#endregion
+export { useDepositState };

package/dist/flows/deposit/orchestrator/controller.js

@@ -0,0 +1 @@
+"use client";import{useDepositDriverInstance as e}from"../driver/context.js";import{useLingui as t}from"../../../shared/i18n/useLingui.js";import"../../../i18n/index.js";import{toFailure as n}from"../../../shared/orchestrator/toFailure.js";import{useDriverSettlementListener as r}from"../../../shared/orchestrator/useDriverSettlementListener.js";import{useEffectiveState as i}from"../../../shared/orchestrator/useEffectiveState.js";import{isUserRejectionFailure as a}from"../../../shared/orchestrator/userRejection.js";import{useSettlementWatcher as o}from"../../../shared/orchestrator/useSettlementWatcher.js";import"../../../shared/orchestrator/index.js";import{initialState as s,reducer as c}from"./reducer.js";import{resolveAssetById as l}from"./resolveAssetById.js";import{createContext as u,use as d,useCallback as f,useEffect as p,useMemo as m,useReducer as h,useRef as g}from"react";import{jsx as _}from"react/jsx-runtime";const v={id:`ELhVSL`,message:`Failed to submit deposit.`},y={id:`Ej5HL9`,message:`Signature declined. Please try again.`},b=u(null);b.displayName=`GatewayControllerContext`;function x(){let e=d(b);if(!e)throw Error(`useDeposit / GatewayController must be used inside <KitProvider deposit={…} />. Mount KitProvider once at the host's app root.`);return e}function S(){return x().state}function C(){return x().effectiveState}function w(){return x().actions}function T({children:t}){let n=e(),[r,a]=h(c,s),o=D(r,a,n);O(r,a,n),k(r,a,n);let l=i(r),u=E(r,a,n,o);return _(b,{value:m(()=>({state:r,effectiveState:l,dispatch:a,controller:u,actions:o}),[r,l,u,o]),children:t})}function E(e,t,n,r){let i=g(n);i.current=n;let a=f(e=>{if(!e)return t({type:`OPEN`,input:void 0}),!0;if(e.method===`transfer`)return t({type:`OPEN`,input:{method:`transfer`}}),!0;if(e.method===`wallet`&&e.assetId!==void 0){let n=l(i.current.getSnapshot(),e.assetId);return n?(t({type:`OPEN`,input:{method:`wallet`,asset:n}}),!0):!1}return t({type:`OPEN`,input:{method:`wallet`}}),!0},[t]),o=f(()=>{t({type:`CLOSE`})},[t]);return m(()=>({open:a,close:o,actions:r}),[a,o,r])}function D(e,r,i){let o=g(e);o.current=e;let s=g(i);s.current=i;let c=g(r);c.current=r;let{i18n:l}=t(),u=g(l);u.current=l;let d=f((e,t)=>{let r=s.current,i=new AbortController,o=j(e,t);r.submitDeposit(o,i.signal).then(e=>{i.signal.aborted||c.current({type:`DEPOSIT_SUBMITTED`,tx:e})}).catch(e=>{if(i.signal.aborted)return;let t=n(e,u.current._(v));if(a(t)){c.current({type:`DEPOSIT_SIGNATURE_DECLINED`,notice:u.current._(y)});return}c.current({type:`DEPOSIT_SUBMISSION_FAILED`,failure:t})})},[]),p=f(e=>{c.current({type:`DEPOSIT_METHOD_SELECTED`,method:e})},[]),h=f(e=>{c.current({type:`ASSET_CONFIRMED`,asset:e})},[]),_=f(e=>{o.current.name===`amountEntry`&&c.current({type:`AMOUNT_CONFIRMED`,amount:e})},[]),b=f(()=>{let e=o.current;if(e.name!==`confirmDeposit`)return;let t=e.ctx.phase;if(t.kind===`failed`){c.current({type:`QUOTE_RETRY`});return}if(t.kind!==`ready`)return;let{asset:n,amount:r}=e.ctx;c.current({type:`DEPOSIT_CONFIRMED`}),d(n,r)},[d]),x=f(()=>{c.current({type:`BACK`})},[]),S=f(()=>{c.current({type:`CLOSE`})},[]),C=f(()=>{c.current({type:`SUCCESS_DONE`})},[]),w=f(()=>{c.current({type:`ERROR_TRY_AGAIN`})},[]),T=f((e,t)=>{c.current({type:`RESUME_TO_PROCESSING`,method:e,tx:t})},[]),E=f((e,t)=>{c.current({type:`RESUME_TO_SUCCESS`,method:e,tx:t})},[]),D=f(e=>{c.current({type:`RESUME_TO_ERROR`,...e?{tx:e}:{}})},[]);return m(()=>({selectMethod:p,confirmAsset:h,confirmAmount:_,confirmDeposit:b,back:x,close:S,successDone:C,tryAgain:w,resumeToProcessing:T,resumeToSuccess:E,resumeToError:D}),[p,h,_,b,x,S,C,w,T,E,D])}function O(e,t,r){p(()=>{if(e.name!==`confirmDeposit`||e.ctx.phase.kind!==`loading`&&e.ctx.phase.kind!==`regenerating`)return;let i=new AbortController,a=A(e.ctx.asset,e.ctx.amount);return r.requestQuote(a,i.signal).catch(e=>{i.signal.aborted||t({type:`QUOTE_FAILED`,failure:n(e,`Failed to fetch quote.`)})}),()=>i.abort()},[e.name,e.name===`confirmDeposit`?e.ctx.phase.kind:void 0,e.name===`confirmDeposit`?e.ctx.asset:void 0,e.name===`confirmDeposit`?e.ctx.amount:void 0,r,t]),p(()=>{if(e.name!==`confirmDeposit`||e.ctx.phase.kind!==`ready`)return;let n=e.ctx.phase.quoteExpiresAt,r=Math.max(0,n-Date.now()),i=setTimeout(()=>{t({type:`QUOTE_EXPIRED`})},r);return()=>clearTimeout(i)},[e.name,e.name===`confirmDeposit`&&e.ctx.phase.kind===`ready`?e.ctx.phase.quoteExpiresAt:void 0,t])}function k(e,t,n){o(n,e.name===`processing`?e.ctx.tx:void 0),p(()=>{if(e.name!==`transferCrypto`||!n.watchSourceTx)return;let t=new AbortController,r;return n.watchSourceTx({},e=>{t.signal.aborted||r||(r=new AbortController,n.watchSettlement({tx:e},()=>{},r.signal))},t.signal),()=>{t.abort(),r?.abort()}},[e.name,n]),p(()=>{if(e.name===`closed`||e.name===`transferCrypto`||e.name===`processing`||!n.fetchActiveSettlement)return;let t=new AbortController,r,i,a=!1,o=async()=>{try{let e=await n.fetchActiveSettlement({},t.signal);if(a)return;if(e&&!r&&e.payload.kind===`pending`){let t=e.payload.txHash?.value;t&&(r=new AbortController,n.watchSettlement({tx:{hash:t}},()=>{},r.signal))}}catch{}a||(i=setTimeout(o,5e3))};return o(),()=>{a=!0,t.abort(),r?.abort(),i&&clearTimeout(i)}},[e.name,n]);let i=g(e);i.current=e,r(n,e=>{i.current.name===`processing`&&(e===`succeeded`?t({type:`PROCESSING_SUCCEEDED`}):e===`failed`&&t({type:`PROCESSING_FAILED`}))});let a=g(null);p(()=>{let e=()=>{let e=n.getSnapshot(),r=i.current,o=e.quote;o.status!==a.current&&(a.current=o.status,o.status===`ready`&&r.name===`confirmDeposit`?(r.ctx.phase.kind===`loading`||r.ctx.phase.kind===`regenerating`)&&t({type:`QUOTE_RESOLVED`,expiresAt:o.payload.expiresAt}):o.status===`error`&&r.name===`confirmDeposit`&&(r.ctx.phase.kind===`loading`||r.ctx.phase.kind===`regenerating`)&&t({type:`QUOTE_FAILED`,failure:{reason:o.error.message,code:o.error.name}}))},r=n.subscribe(e);return e(),r},[n,t])}function A(e,t){let n=e.eip155Id;if(!n)throw Error(`Asset ${e.symbol} is missing eip155Id; cannot build quote input.`);return{sourceChainId:Number(n),sourceTokenAddress:e.address,sourceTokenDecimals:e.decimals,sourceTokenSymbol:e.symbol,sourceIsNative:e.isNative,amount:t,...e.priceUsd===void 0?{}:{sourcePriceUsd:e.priceUsd}}}function j(e,t){let n=e.eip155Id;if(!n)throw Error(`Asset ${e.symbol} is missing eip155Id; cannot build submit input.`);return{sourceChainId:Number(n),sourceTokenAddress:e.address,sourceTokenDecimals:e.decimals,sourceIsNative:e.isNative,amount:t}}export{T as GatewayController,x as useControllerContext,w as useDepositActions,C as useDepositEffectiveState,S as useDepositState};

package/dist/flows/deposit/orchestrator/reducer.js

@@ -0,0 +1 @@
+const e={name:`closed`};function t(e,t){if(t.type===`RESUME_TO_PROCESSING`)return e.name===`closed`?e:{name:`processing`,ctx:{method:t.method,tx:t.tx,retryTargetForFailure:{kind:`fresh`}}};if(t.type===`RESUME_TO_SUCCESS`)return e.name===`closed`?e:{name:`success`,ctx:{method:t.method,tx:t.tx}};if(t.type===`RESUME_TO_ERROR`)return e.name===`closed`?e:{name:`error`,ctx:{retryTarget:{kind:`fresh`},...t.tx?{tx:t.tx}:{}}};switch(e.name){case`closed`:return n(t);case`deposit`:return r(e,t);case`assetPicker`:return i(e,t);case`amountEntry`:return a(e,t);case`confirmDeposit`:return o(e,t);case`transferCrypto`:return s(e,t);case`processing`:return c(e,t);case`success`:return l(e,t);case`error`:return u(e,t);default:return f(e)}}function n(e){if(e.type!==`OPEN`)return{name:`closed`};let t=e.input;return t?t.method===`transfer`?{name:`transferCrypto`,ctx:{method:`transfer`,backTarget:`closed`}}:t.asset?{name:`amountEntry`,ctx:{method:`wallet`,asset:t.asset,backTarget:`closed`}}:{name:`assetPicker`,ctx:{method:`wallet`,backTarget:`closed`}}:{name:`deposit`,ctx:{backTarget:`closed`}}}function r(e,t){switch(t.type){case`DEPOSIT_METHOD_SELECTED`:return t.method===`wallet`?{name:`assetPicker`,ctx:{method:`wallet`,backTarget:`deposit`}}:{name:`transferCrypto`,ctx:{method:`transfer`,backTarget:`deposit`}};case`BACK`:case`CLOSE`:return{name:`closed`};default:return e}}function i(e,t){switch(t.type){case`ASSET_CONFIRMED`:return{name:`amountEntry`,ctx:{method:`wallet`,asset:t.asset,backTarget:`assetPicker`}};case`BACK`:return e.ctx.backTarget===`deposit`?{name:`deposit`,ctx:{backTarget:`closed`}}:{name:`closed`};case`CLOSE`:return{name:`closed`};default:return e}}function a(e,t){switch(t.type){case`AMOUNT_CONFIRMED`:return{name:`confirmDeposit`,ctx:{method:`wallet`,asset:e.ctx.asset,amount:t.amount,phase:{kind:`loading`},backTarget:`amountEntry`}};case`BACK`:return e.ctx.backTarget===`assetPicker`?{name:`assetPicker`,ctx:{method:`wallet`,backTarget:`deposit`}}:{name:`closed`};case`CLOSE`:return{name:`closed`};default:return e}}function o(e,t){let n=e.ctx.phase;switch(t.type){case`QUOTE_RESOLVED`:return n.kind===`loading`||n.kind===`regenerating`?{...e,ctx:{...e.ctx,phase:{kind:`ready`,quoteExpiresAt:t.expiresAt}}}:e;case`QUOTE_FAILED`:return n.kind===`loading`||n.kind===`regenerating`?{...e,ctx:{...e.ctx,phase:{kind:`failed`,failure:t.failure,recoverFrom:`quote`}}}:e;case`QUOTE_RETRY`:return n.kind===`failed`?{...e,ctx:{...e.ctx,phase:{kind:`loading`}}}:e;case`QUOTE_EXPIRED`:return n.kind===`ready`?{...e,ctx:{...e.ctx,phase:{kind:`regenerating`}}}:e;case`DEPOSIT_CONFIRMED`:return n.kind===`ready`?{...e,ctx:{...e.ctx,phase:{kind:`submitting`}}}:e;case`DEPOSIT_SUBMITTED`:if(n.kind===`submitting`){let n={kind:`confirmDepositReady`,method:`wallet`,asset:e.ctx.asset,amount:e.ctx.amount};return{name:`processing`,ctx:{method:`wallet`,tx:t.tx,retryTargetForFailure:n}}}return e;case`DEPOSIT_SUBMISSION_FAILED`:return n.kind===`submitting`?{...e,ctx:{...e.ctx,phase:{kind:`failed`,failure:t.failure,recoverFrom:`submission`}}}:e;case`DEPOSIT_SIGNATURE_DECLINED`:return n.kind===`submitting`?{...e,ctx:{...e.ctx,phase:{kind:`regenerating`,...t.notice?{notice:t.notice}:{}}}}:e;case`BACK`:return{name:`amountEntry`,ctx:{method:`wallet`,asset:e.ctx.asset,backTarget:`assetPicker`}};case`CLOSE`:return{name:`closed`};default:return e}}function s(e,t){switch(t.type){case`BACK`:return e.ctx.backTarget===`deposit`?{name:`deposit`,ctx:{backTarget:`closed`}}:{name:`closed`};case`CLOSE`:return{name:`closed`};default:return e}}function c(e,t){switch(t.type){case`PROCESSING_SUCCEEDED`:return{name:`success`,ctx:{method:e.ctx.method,tx:e.ctx.tx}};case`PROCESSING_FAILED`:return{name:`error`,ctx:{retryTarget:e.ctx.retryTargetForFailure,tx:e.ctx.tx}};case`CLOSE`:return{name:`closed`};default:return e}}function l(e,t){return t.type===`SUCCESS_DONE`||t.type===`CLOSE`?{name:`closed`}:e}function u(e,t){return t.type===`ERROR_TRY_AGAIN`?d(e.ctx.retryTarget):t.type===`CLOSE`?{name:`closed`}:e}function d(e){return e.kind===`fresh`?{name:`deposit`,ctx:{backTarget:`closed`}}:e.kind===`transferCrypto`?{name:`transferCrypto`,ctx:{method:`transfer`,backTarget:e.backTarget}}:{name:`confirmDeposit`,ctx:{method:`wallet`,asset:e.asset,amount:e.amount,phase:{kind:`loading`},backTarget:`amountEntry`}}}function f(e){throw Error(`Unhandled state: ${JSON.stringify(e)}`)}export{e as initialState,t as reducer};

package/dist/flows/deposit/orchestrator/resolveAssetById.js

@@ -0,0 +1 @@
+function e(e,t){if(e.balances.status!==`ready`&&e.balances.status!==`stale`)return;let n=e.balances.payload,r=t.toLowerCase();for(let e of n){let t=e.eip155Id;if(t&&`${t}:${e.address}`.toLowerCase()===r)return e}let i=[];for(let e of n)e.symbol.toLowerCase()===r&&i.push(e);return i.length===1?i[0]:void 0}export{e as resolveAssetById};

package/dist/flows/deposit/orchestrator/steps.d.ts

@@ -0,0 +1,23 @@
+import { DepositStateName } from "./types.js";
+
+//#region src/flows/deposit/orchestrator/steps.d.ts
+/**
+ * FSM steps that already render a full-size view of the active settlement entity
+ * (`processing`, `success`, `error`). The settlement-status banner is suppressed on these
+ * steps because the underlying screen IS the settlement view — overlaying a banner on top
+ * would duplicate the same payload and clutter the dialog.
+ *
+ * Exported as the canonical "is the settlement self-rendered here?" predicate so widgets
+ * (orchestrated `<DepositStatusBanner />`) and headless banner consumers
+ * (`useBannerAckForSettlement` callsites in integrator code) compute visibility from one
+ * source instead of hand-rolling string-equality checks scattered across components.
+ */
+declare const STEPS_WITH_OWN_SETTLEMENT_VIEW: ReadonlySet<DepositStateName>;
+/**
+ * `true` when `state` already paints the active settlement (`processing` / `success` /
+ * `error`). Convenience wrapper over {@link STEPS_WITH_OWN_SETTLEMENT_VIEW} for callsites
+ * that just need a boolean.
+ */
+declare function stepRendersSettlement(state: DepositStateName): boolean;
+//#endregion
+export { STEPS_WITH_OWN_SETTLEMENT_VIEW, stepRendersSettlement };

package/dist/flows/deposit/orchestrator/steps.js

@@ -0,0 +1 @@
+const e=new Set([`processing`,`success`,`error`]);function t(t){return e.has(t)}export{e as STEPS_WITH_OWN_SETTLEMENT_VIEW,t as stepRendersSettlement};

package/dist/flows/deposit/orchestrator/types.d.ts

@@ -0,0 +1,266 @@
+import { TxRef } from "../../../shared/driver/types.js";
+import { BalanceItemPayload } from "../driver/payloads.js";
+import { FailureInfo } from "../../../shared/orchestrator/types.js";
+
+//#region src/flows/deposit/orchestrator/types.d.ts
+/**
+ * Deposit method picked on the `Deposit` widget. `wallet` enters Path A
+ * (asset → amount → confirm → process), `transfer` enters Path B
+ * (transfer-crypto → process).
+ */
+type DepositMethod = "wallet" | "transfer";
+/**
+ * Confirm-deposit phase sub-union. Drives the confirm-deposit widget's hero / footer chrome.
+ * Phase data is pure navigation; the actual quote payload comes from the driver's `quote` entity.
+ */
+type ConfirmDepositPhase = {
+  kind: "loading";
+} | {
+  kind: "ready";
+  quoteExpiresAt: number;
+} | {
+  kind: "regenerating";
+  notice?: string;
+} | {
+  kind: "submitting";
+} | {
+  kind: "failed";
+  failure: FailureInfo;
+  recoverFrom: "quote" | "submission";
+};
+/**
+ * Where `ERROR_TRY_AGAIN` lands. Encoded once at error-entry time so retry is deterministic.
+ */
+type RetryTargetSpec = {
+  kind: "confirmDepositReady";
+  method: "wallet";
+  asset: BalanceItemPayload;
+  amount: number;
+} | {
+  kind: "transferCrypto";
+  backTarget: "closed" | "deposit";
+} | {
+  /**
+   * No re-runnable target — used when `ERROR_TRY_AGAIN` should route the user back to the
+   * deposit picker (e.g. processing failures from a settlement we resumed via
+   * `fetchActiveSettlement`, where the original signature happened outside this session).
+   */
+  kind: "fresh";
+};
+/**
+ * State machine state nodes. Per-state discriminated ctx narrows what is available — illegal
+ * states (e.g. `confirmDeposit` without an asset) are unrepresentable.
+ *
+ * Entity-derived data (quote, settlement, balances, target, brand, addresses, wallet) lives on
+ * the driver — widgets read it via `useDepositSnapshot()`. The reducer only carries navigation
+ * intent: which screen, which method, which asset/amount the user has confirmed so far.
+ */
+type DepositState = {
+  name: "closed";
+} | {
+  name: "deposit";
+  ctx: {
+    backTarget: "closed";
+  };
+} | {
+  name: "assetPicker";
+  ctx: {
+    method: "wallet";
+    backTarget: "closed" | "deposit";
+  };
+} | {
+  name: "amountEntry";
+  ctx: {
+    method: "wallet";
+    asset: BalanceItemPayload;
+    backTarget: "closed" | "assetPicker";
+  };
+} | {
+  name: "confirmDeposit";
+  ctx: {
+    method: "wallet";
+    asset: BalanceItemPayload;
+    amount: number;
+    phase: ConfirmDepositPhase;
+    backTarget: "amountEntry";
+  };
+} | {
+  name: "transferCrypto";
+  ctx: {
+    method: "transfer";
+    backTarget: "closed" | "deposit";
+  };
+} | {
+  name: "processing";
+  ctx: {
+    method: DepositMethod;
+    tx: TxRef;
+    retryTargetForFailure: RetryTargetSpec;
+  };
+} | {
+  name: "success";
+  ctx: {
+    method: DepositMethod;
+    tx: TxRef;
+  };
+} | {
+  name: "error";
+  ctx: {
+    retryTarget: RetryTargetSpec;
+    /**
+     * Set for non-settlement failures (quote / submission rejections that escalate via
+     * the orchestrated `error` arm). Settlement failures leave this `undefined` — the
+     * widget renders from the driver's `settlement` entity (`kind: "failed"`) instead.
+     */
+    failure?: FailureInfo; /** Source-chain tx hash when the error followed a successful broadcast. */
+    tx?: TxRef;
+  };
+};
+type DepositStateName = DepositState["name"];
+/**
+ * Resolved variant of {@link OpenInput} — the controller turns the public `assetId` form into
+ * `asset: BalanceItemPayload` (resolved against the driver's `balances` entity) before
+ * dispatching, so the reducer never has to perform lookups.
+ */
+type ResolvedOpenInput = undefined | {
+  method: "wallet";
+  asset?: BalanceItemPayload;
+} | {
+  method: "transfer";
+};
+/**
+ * Reducer event union. Strict discriminated; no stringly-typed transitions, no payload
+ * polymorphism beyond the discriminator.
+ */
+type GatewayEvent = {
+  type: "OPEN";
+  input: ResolvedOpenInput;
+} | {
+  type: "CLOSE";
+} | {
+  type: "BACK";
+} | {
+  type: "DEPOSIT_METHOD_SELECTED";
+  method: DepositMethod;
+} | {
+  type: "ASSET_CONFIRMED";
+  asset: BalanceItemPayload;
+} | {
+  type: "AMOUNT_CONFIRMED";
+  amount: number;
+} | {
+  type: "QUOTE_RESOLVED";
+  expiresAt: number;
+} | {
+  type: "QUOTE_FAILED";
+  failure: FailureInfo;
+} | {
+  type: "QUOTE_RETRY";
+} | {
+  type: "QUOTE_EXPIRED";
+} | {
+  type: "DEPOSIT_CONFIRMED";
+} | {
+  type: "DEPOSIT_SUBMITTED";
+  tx: TxRef;
+} | {
+  type: "DEPOSIT_SUBMISSION_FAILED";
+  failure: FailureInfo;
+} | {
+  /**
+   * User declined the wallet signature prompt while `confirmDeposit{submitting}`. Distinct
+   * from `DEPOSIT_SUBMISSION_FAILED` because rejection is a recoverable UX event — the
+   * orchestrator regenerates the quote and surfaces an inline notice instead of dropping
+   * into the global error state.
+   */
+  type: "DEPOSIT_SIGNATURE_DECLINED";
+  notice?: string;
+} | {
+  type: "PROCESSING_SUCCEEDED";
+} | {
+  type: "PROCESSING_FAILED";
+} | {
+  type: "SUCCESS_DONE";
+} | {
+  type: "ERROR_TRY_AGAIN";
+} | {
+  /**
+   * Banner-driven jump into the full processing widget. Bypasses the per-state switch so
+   * any non-closed state can route directly. The retry target is `fresh` because banner
+   * resumes surface deposits that originated outside this session.
+   */
+  type: "RESUME_TO_PROCESSING";
+  method: DepositMethod;
+  tx: TxRef;
+} | {
+  /**
+   * Banner-driven jump into the success widget once the banner observed terminal success.
+   */
+  type: "RESUME_TO_SUCCESS";
+  method: DepositMethod;
+  tx: TxRef;
+} | {
+  /**
+   * Banner-driven jump into the error widget once the banner observed terminal failure.
+   */
+  type: "RESUME_TO_ERROR";
+  tx?: TxRef;
+};
+/**
+ * Public open-input variant accepted by `useDeposit().open()`. Hosts pass the small ID-based
+ * shape; the controller resolves IDs against the driver's `balances` entity and rejects when the
+ * lookup fails.
+ */
+type OpenInput = undefined | {
+  method: "wallet";
+  assetId?: string;
+} | {
+  method: "transfer";
+};
+/**
+ * Imperative controller returned by `useDeposit()`. Stable across re-renders.
+ */
+interface DepositController {
+  /**
+   * Open the deposit dialog.
+   *
+   * - `open()` → `deposit` (method picker)
+   * - `open({ method: "wallet" })` → `assetPicker`
+   * - `open({ method: "wallet", assetId })` → `amountEntry` (rejects if `assetId` doesn't resolve)
+   * - `open({ method: "transfer" })` → `transferCrypto`
+   *
+   * Returns `false` when `assetId` is provided but doesn't match any asset on the kit's
+   * `balances` entity.
+   */
+  open(input?: OpenInput): boolean;
+  /** Close the deposit dialog. Idempotent. */
+  close(): void;
+  /**
+   * Action dispatchers — fire the same FSM transitions the kit's compound widgets fire. Use
+   * these when building fully-custom headless UI; the dialog and compound layers wire them up
+   * automatically.
+   */
+  actions: DepositActions;
+}
+/**
+ * Imperative actions consumed by widgets. Read with `useDepositActions()` and dispatch into the
+ * deposit FSM directly — there's no host-supplied transitions handler in between.
+ */
+interface DepositActions {
+  selectMethod(method: DepositMethod): void;
+  confirmAsset(asset: BalanceItemPayload): void;
+  confirmAmount(amount: number): void;
+  confirmDeposit(): void;
+  back(): void;
+  close(): void;
+  successDone(): void;
+  tryAgain(): void;
+  /** Banner-driven jump into the full processing widget. */
+  resumeToProcessing(method: DepositMethod, tx: TxRef): void;
+  /** Banner-driven jump into the success widget. */
+  resumeToSuccess(method: DepositMethod, tx: TxRef): void;
+  /** Banner-driven jump into the error widget. */
+  resumeToError(tx?: TxRef): void;
+}
+//#endregion
+export { ConfirmDepositPhase, DepositActions, DepositController, DepositMethod, DepositState, DepositStateName, GatewayEvent, OpenInput, ResolvedOpenInput, RetryTargetSpec };

package/dist/flows/deposit/orchestrator/useDeposit.d.ts

@@ -0,0 +1,35 @@
+import { DepositController } from "./types.js";
+
+//#region src/flows/deposit/orchestrator/useDeposit.d.ts
+/**
+ * Imperative handle to the orchestrated deposit flow. Use to open / close the deposit dialog from
+ * anywhere in the host app.
+ *
+ * Mount `<KitProvider deposit={…} />` once at the host's app root first — the hook throws when
+ * called outside.
+ *
+ * @example
+ * ```tsx
+ * import { useDeposit } from "@stridge/kit";
+ *
+ * function DepositButton() {
+ *   const { open } = useDeposit();
+ *   return <button onClick={() => open()}>Deposit</button>;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Open straight to the wallet flow with an asset pre-selected.
+ * open({ method: "wallet", assetId: "1:0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48" });
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Open straight to the transfer-crypto flow.
+ * open({ method: "transfer" });
+ * ```
+ */
+declare function useDeposit(): DepositController;
+//#endregion
+export { useDeposit };

package/dist/flows/deposit/orchestrator/useDeposit.js

@@ -0,0 +1 @@
+"use client";import{useControllerContext as e}from"./controller.js";function t(){return e().controller}export{t as useDeposit};

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

@@ -0,0 +1,35 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/amount-entry/AmountEntry.d.ts
+/**
+ * Orchestrated `AmountEntry` widget. The user enters a USD amount; the widget displays the
+ * receive-token amount as the sub-line and converts the entered USD into source-token units
+ * before dispatching `confirmAmount` (the orchestrator's `ctx.amount` carries source-token
+ * units that flow into the gateway's quote request).
+ *
+ * Reads the source asset from the FSM's `amountEntry.ctx` (carries `priceUsd` for the USD↔token
+ * conversion and `amountUsd.value` for the wallet ceiling) and the receive token +
+ * minimum-deposit USD floor from the driver's `target` entity. Renders nothing on any other
+ * FSM state.
+ *
+ * Honors `target.payload.minDepositUsd.value`: when the entered amount is below it, the footer
+ * CTA flips to "Update order" and clicking auto-snaps the amount up to the floor. The widget
+ * also prefills the entry to the floor on first render so the user starts at a valid amount.
+ */
+declare function AmountEntry(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+declare function AmountEntryDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: AmountEntry.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace AmountEntry {
+  type Props = ComponentProps<"div">;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  const Dialog: typeof AmountEntryDialog;
+}
+//#endregion
+export { AmountEntry };

package/dist/flows/deposit/widgets/amount-entry/AmountEntry.js

@@ -0,0 +1 @@
+"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useKitI18n as t}from"../../../../shared/i18n/useKitI18n.js";import{Trans as n}from"../../../../shared/i18n/Trans.js";import{useLingui as r}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositActions as i,useDepositEffectiveState as a}from"../../orchestrator/controller.js";import{formatTokenAmount as o}from"../../../../shared/format/formatTokenAmount.js";import{DialogShell as s}from"../../../../shared/dialog/DialogShell.js";import{text as c}from"../../../../shared/ui/Text/Text.js";import"../../../../shared/ui/Text/index.js";import{AmountEntry as l}from"../../../../shared/widgets/amount-entry/compound/AmountEntry.js";import"../../../../shared/widgets/amount-entry/compound/index.js";import{toAssetDescriptor as u}from"../../../../shared/widgets/asset-descriptor.js";import{useEffect as d,useMemo as f,useRef as p,useState as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=[{value:`25`,label:`25%`},{value:`50`,label:`50%`},{value:`75`,label:`75%`},{value:`max`,label:`Max`}];function v(s){let v=e(),y=a(),{confirmAmount:b,back:x}=i(),{_:S}=r(),C=t(),w=v.target,T=w.status===`ready`||w.status===`stale`?w.payload:void 0,E=y.name===`amountEntry`?y.ctx.asset:void 0,D=E?.amountUsd?.value??0,O=T?.minDepositUsd?.value,k=T?.minDepositUsd?.formatted,A=E?.priceUsd,[j,M]=m(O??null),[N,P]=m(),F=p(void 0),I=E?`${E.eip155Id??``}:${E.address??``}`:void 0;d(()=>{I&&F.current!==I&&(F.current=I,typeof O==`number`&&(M(O),P(void 0)))},[I,O]);let L=e=>{P(e);let t=e===`max`?1:Number.parseInt(e,10)/100;Number.isFinite(t)&&M(D*t)},R=e=>{M(e),P(void 0)},z=f(()=>typeof O!=`number`||O<=0?!1:j===null||j<O,[j,O]),B=f(()=>typeof D!=`number`||D<=0?!1:j!==null&&j>D,[j,D]),V=()=>{if(B){M(D),P(`max`);return}if(z&&typeof O==`number`){M(O),P(void 0);return}j!==null&&b(A&&A>0?j/A:j)};if(y.name!==`amountEntry`||!E||!T)return null;let H=y.ctx.backTarget===`closed`?void 0:x,U=u(E)??{symbol:E.symbol},W=u(T)??{symbol:T.symbol},G=`${o((j??0)/1,C,{maxDecimals:5})} ${T.symbol}`,K=B?S({id:`9cCjMJ`,message:`Deposit max balance`}):z&&k?S({id:`bOZXx5`,message:`Update order`}):void 0;return g(l,{...s,amount:j,sendToken:U,receiveToken:W,max:D,...O===void 0?{}:{min:O},onAmountChange:R,...H?{onBack:H}:{},subLineAmount:G,presets:_,...N===void 0?{}:{activePreset:N},onPresetSelect:L,...K===void 0?{}:{footerLabel:K},onContinue:V,children:[h(l.Header,{}),g(l.Body,{children:[h(l.Hero,{}),h(l.Pills,{}),B?h(c.p,{size:`sm`,color:`subdued`,className:`AmountEntry__noticeStyles.root x2b8uid x1vvogim`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/amount-entry/AmountEntry.tsx:16`,children:h(n,{id:`znqB4T`,message:`Insufficient balance`})}):null,h(l.Flow,{}),!B&&z&&k?h(c.p,{size:`sm`,color:`subdued`,className:`AmountEntry__noticeStyles.root x2b8uid x1vvogim`,"data-style-src":`@stridge/kit:src/flows/deposit/widgets/amount-entry/AmountEntry.tsx:16`,children:h(n,{id:`3eKjkO`,message:`{formattedMin} minimum deposit`,values:{formattedMin:k}})}):null]}),h(l.Footer,{})]})}function y({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return h(s,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:h(v,{...i})})}(function(e){e.Dialog=y})(v||={});export{v as AmountEntry};

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

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

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

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