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

package/dist/stridge/stubs.js

@@ -1 +1 @@
-const e=Object.freeze({status:`idle`}),t=Object.freeze({brand:e,target:e,addresses:e,balances:e,quote:e,settlement:e,wallet:e,cashMethods:e,activity:e}),n=Object.freeze({withdrawableBalances:e,receiveOptions:e,quote:e,settlement:e,activity:e}),r=()=>{};function i(){if(typeof DOMException==`function`)return new DOMException(`Aborted`,`AbortError`);let e=Error(`Aborted`);return e.name=`AbortError`,e}function a(e){return new Promise((t,n)=>{if(e.aborted){n(i());return}e.addEventListener(`abort`,()=>n(i()),{once:!0})})}function o(){return{getSnapshot:()=>t,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),submitDeposit:(e,t)=>a(t),watchSettlement:()=>{},fetchActiveSettlement:async()=>null}}function s(){return{getSnapshot:()=>n,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),prepareWithdrawal:(e,t)=>a(t),watchSettlement:()=>{}}}export{o as createStubDepositDriver,s as createStubWithdrawDriver};
+const e=Object.freeze({status:`idle`}),t=Object.freeze({brand:e,target:e,addresses:e,balances:e,quote:e,settlement:e,wallet:e,onrampMethods:e,activity:e}),n=Object.freeze({withdrawableBalances:e,receiveOptions:e,quote:e,settlement:e,activity:e}),r=()=>{};function i(){if(typeof DOMException==`function`)return new DOMException(`Aborted`,`AbortError`);let e=Error(`Aborted`);return e.name=`AbortError`,e}function a(e){return new Promise((t,n)=>{if(e.aborted){n(i());return}e.addEventListener(`abort`,()=>n(i()),{once:!0})})}function o(){return{getSnapshot:()=>t,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),submitDeposit:(e,t)=>a(t),watchSettlement:()=>{},fetchActiveSettlement:async()=>null}}function s(){return{getSnapshot:()=>n,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),prepareWithdrawal:(e,t)=>a(t),watchSettlement:()=>{}}}export{o as createStubDepositDriver,s as createStubWithdrawDriver};

package/dist/styles/index.css

@@ -441,10 +441,6 @@
     border-color: var(--stridge-kit-border);
   }
 
-  .x16691aj {
-    border-color: var(--stridge-kit-destructive);
-  }
-
   .xab7lrg {
     border-color: var(--stridge-kit-tabs-tab-border-active);
   }
@@ -665,6 +661,10 @@
     gap: var(--stridge-kit-space-3);
   }
 
+  .x157g05j {
+    gap: var(--stridge-kit-space-5);
+  }
+
   .x1a6yh9e {
     gap: var(--stridge-kit-space-2);
   }
@@ -1869,10 +1869,6 @@
     line-height: 0;
   }
 
-  .x1u7k74 {
-    line-height: 1.2;
-  }
-
   .x132q4wb {
     line-height: 1.25;
   }
@@ -2333,10 +2329,6 @@
     transition-property: border-color, box-shadow;
   }
 
-  .xshfolx {
-    transition-property: border-color;
-  }
-
   .xkdsq27 {
     transition-property: box-shadow;
   }
@@ -2486,14 +2478,6 @@
     z-index: var(--stridge-kit-z-popover);
   }
 
-  .x3ppix8:active:not(:disabled) {
-    background-color: color-mix(in oklab,var(--stridge-kit-card-surface) 78%,var(--stridge-kit-foreground));
-  }
-
-  .x16sea6d:hover:not(:disabled) {
-    background-color: color-mix(in oklab,var(--stridge-kit-card-surface) 89%,var(--stridge-kit-foreground));
-  }
-
   .x3celgi:active:not(:disabled) {
     background-color: color-mix(in oklab,var(--stridge-kit-surface-hover) 70%,var(--stridge-kit-foreground));
   }
@@ -2878,10 +2862,6 @@
     height: 14px;
   }
 
-  .x1ymw6g {
-    height: 160px;
-  }
-
   .xlup9mm {
     height: 16px;
   }
@@ -2906,10 +2886,6 @@
     height: 200px;
   }
 
-  .x1qx5ct2 {
-    height: 20px;
-  }
-
   .x17rw0jw {
     height: 22px;
   }
@@ -3374,10 +3350,6 @@
     width: 14px;
   }
 
-  .xq1dxzn {
-    width: 160px;
-  }
-
   .x1kky2od {
     width: 16px;
   }
@@ -3394,10 +3366,6 @@
     width: 1em;
   }
 
-  .xw4jnvo {
-    width: 20px;
-  }
-
   .x16grhtn {
     width: 220px;
   }
@@ -3426,18 +3394,10 @@
     width: 44px;
   }
 
-  .x1bu4hv2 {
-    width: 5ch;
-  }
-
   .x1fu8urw {
     width: 64px;
   }
 
-  .xig3uv9 {
-    width: 6ch;
-  }
-
   .x1xc55vz {
     width: 8px;
   }

package/dist/types.d.ts

@@ -1,8 +1,8 @@
 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 "./flows/deposit/driver/payloads.js";
+import { AcceptedAssetPayload, AddressItemPayload, AssetPayload, BalanceItemPayload, BrandPayload, ChainPayload, OnrampMethodCapability, OnrampMethodsPayload, OnrampQuotePayload, OnrampReceiveAssetPayload, OnrampSessionPayload, OnrampSessionStateName, QuoteBreakdownPayload, QuotePayload, QuoteRoutePayload, SettlementFailurePayload, SettlementPayload, SettlementPendingPayload, SettlementSuccessPayload, SourceWalletPayload, TargetPayload, WalletInfo, WalletPayload } from "./flows/deposit/driver/payloads.js";
 import { DepositSnapshot } from "./flows/deposit/driver/types.js";
 import { FailureInfo } from "./shared/orchestrator/types.js";
-import { CashMethodId, ConfirmDepositPhase, DepositActions, DepositController, DepositMethod, DepositState, DepositStateName, GatewayEvent, OpenInput, ResolvedOpenInput, RetryTargetSpec } from "./flows/deposit/orchestrator/types.js";
+import { ConfirmDepositPhase, DepositActions, DepositController, DepositMethod, DepositState, DepositStateName, GatewayEvent, OnrampConfirmPhase, OpenInput, ResolvedOpenInput, RetryTargetSpec } from "./flows/deposit/orchestrator/types.js";
 import { ReceiveOptionDto, ReceiveOptionsResponse, WithdrawableBalanceDto, WithdrawableBalancesResponse, WithdrawalQuoteDto, WithdrawalQuoteResponse, WithdrawalSettlementDto, WithdrawalSettlementResponse } from "./flows/withdraw/driver/dto.js";
 import { ReceiveChainPayload, ReceiveTokenOptionPayload, WithdrawableBalanceItemPayload, WithdrawalQuoteBreakdownPayload, WithdrawalQuotePayload, WithdrawalReceiveAssetPayload, WithdrawalSettlementFailurePayload, WithdrawalSettlementPayload, WithdrawalSettlementPendingPayload, WithdrawalSettlementSuccessPayload } from "./flows/withdraw/driver/payloads.js";
 import { WithdrawSnapshot } from "./flows/withdraw/driver/types.js";
@@ -14,4 +14,4 @@ import { WithdrawActions, WithdrawController, WithdrawEvent, WithdrawState, With
 import { STEPS_WITH_OWN_SETTLEMENT_VIEW, stepRendersSettlement } from "./flows/deposit/orchestrator/steps.js";
 import { WithdrawBalanceInput, WithdrawBindings, WithdrawSuggestedRecipient } from "./flows/withdraw/bindings/WithdrawBindings.js";
 import { BannerAckBucket } from "./banners/useBannerAck.js";
-export { type AcceptedAssetPayload, type AddressItemPayload, type AssetPayload, type BalanceItemPayload, type BannerAckBucket, type BrandPayload, type CashMethodId, type ChainPayload, type ConfirmDepositPhase, type DepositActions, type DepositController, type DepositMethod, type DepositSnapshot, type DepositState, type DepositStateName, type Entity, type FailureInfo, type GatewayEvent, type KitConfig, type KitDirection, type KitRadius, type KitStorage, type KitStorageAdapter, type KitStoragePersistence, type KitTarget, type KitTheme, type OpenInput, type Presentation, type PresentationConfig, type PresentationMode, type QuoteBreakdownPayload, type QuotePayload, type QuoteRoutePayload, type ReceiveChainPayload, type ReceiveOptionDto, type ReceiveOptionsResponse, type ReceiveTokenOptionPayload, type ResolvedOpenInput, type RetryTargetSpec, STEPS_WITH_OWN_SETTLEMENT_VIEW, type SettlementFailureKind, type SettlementFailurePayload, type SettlementPayload, type SettlementPendingPayload, type SettlementSuccessPayload, type SourceWalletPayload, type TargetPayload, type TxRef, type WalletInfo, type WalletPayload, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawEvent, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawableBalanceDto, type WithdrawableBalanceItemPayload, type WithdrawableBalancesResponse, type WithdrawalFormSnapshot, type WithdrawalQuoteBreakdownPayload, type WithdrawalQuoteDto, type WithdrawalQuotePayload, type WithdrawalQuoteResponse, type WithdrawalReceiveAssetPayload, type WithdrawalSettlementDto, type WithdrawalSettlementFailurePayload, type WithdrawalSettlementPayload, type WithdrawalSettlementPendingPayload, type WithdrawalSettlementResponse, type WithdrawalSettlementSuccessPayload, stepRendersSettlement };
+export { type AcceptedAssetPayload, type AddressItemPayload, type AssetPayload, type BalanceItemPayload, type BannerAckBucket, type BrandPayload, type ChainPayload, type ConfirmDepositPhase, type DepositActions, type DepositController, type DepositMethod, type DepositSnapshot, type DepositState, type DepositStateName, type Entity, type FailureInfo, type GatewayEvent, type KitConfig, type KitDirection, type KitRadius, type KitStorage, type KitStorageAdapter, type KitStoragePersistence, type KitTarget, type KitTheme, type OnrampConfirmPhase, type OnrampMethodCapability, type OnrampMethodsPayload, type OnrampQuotePayload, type OnrampReceiveAssetPayload, type OnrampSessionPayload, type OnrampSessionStateName, type OpenInput, type Presentation, type PresentationConfig, type PresentationMode, type QuoteBreakdownPayload, type QuotePayload, type QuoteRoutePayload, type ReceiveChainPayload, type ReceiveOptionDto, type ReceiveOptionsResponse, type ReceiveTokenOptionPayload, type ResolvedOpenInput, type RetryTargetSpec, STEPS_WITH_OWN_SETTLEMENT_VIEW, type SettlementFailureKind, type SettlementFailurePayload, type SettlementPayload, type SettlementPendingPayload, type SettlementSuccessPayload, type SourceWalletPayload, type TargetPayload, type TxRef, type WalletInfo, type WalletPayload, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawEvent, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawableBalanceDto, type WithdrawableBalanceItemPayload, type WithdrawableBalancesResponse, type WithdrawalFormSnapshot, type WithdrawalQuoteBreakdownPayload, type WithdrawalQuoteDto, type WithdrawalQuotePayload, type WithdrawalQuoteResponse, type WithdrawalReceiveAssetPayload, type WithdrawalSettlementDto, type WithdrawalSettlementFailurePayload, type WithdrawalSettlementPayload, type WithdrawalSettlementPendingPayload, type WithdrawalSettlementResponse, type WithdrawalSettlementSuccessPayload, stepRendersSettlement };

package/dist/version.js

@@ -1 +1 @@
-const e=`0.1.0-alpha.60`;export{e as KIT_VERSION};
+const e=`0.1.0-alpha.61`;export{e as KIT_VERSION};

package/dist/withdraw/compound/index.js

@@ -1 +1 @@
-import{AMOUNT_ENTRY_SLOTS as e}from"../../shared/widgets/amount-entry/compound/AmountEntry.slots.js";import{AmountEntry as t}from"../../shared/widgets/amount-entry/compound/AmountEntry.js";import"../../shared/widgets/amount-entry/compound/index.js";import{ASSET_PICKER_SLOTS as n}from"../../shared/widgets/asset-picker/compound/AssetPicker.slots.js";import{AssetPicker as r}from"../../shared/widgets/asset-picker/compound/AssetPicker.js";import"../../shared/widgets/asset-picker/compound/index.js";import{CONFIRM_TRANSFER_SLOTS as i}from"../../shared/widgets/confirm-transfer/compound/ConfirmTransfer.slots.js";import{ConfirmTransfer as a}from"../../shared/widgets/confirm-transfer/compound/ConfirmTransfer.js";import"../../shared/widgets/confirm-transfer/compound/index.js";import{ERROR_STATE_SLOTS as o}from"../../shared/widgets/error-state/compound/ErrorState.slots.js";import{ErrorState as s}from"../../shared/widgets/error-state/compound/ErrorState.js";import"../../shared/widgets/error-state/compound/index.js";import{PROCESSING_STATE_SLOTS as c}from"../../shared/widgets/processing-state/compound/ProcessingState.slots.js";import{ProcessingState as l}from"../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../shared/widgets/processing-state/compound/index.js";import{SUCCESS_STATE_SLOTS as u}from"../../shared/widgets/success-state/compound/SuccessState.slots.js";import{SuccessState as d}from"../../shared/widgets/success-state/compound/SuccessState.js";import"../../shared/widgets/success-state/compound/index.js";import{Withdraw as f}from"../../flows/withdraw/widgets/withdraw/compound/Withdraw.js";import{WITHDRAW_SLOTS as p}from"../../flows/withdraw/widgets/withdraw/compound/Withdraw.slots.js";import"../../flows/withdraw/widgets/withdraw/compound/index.js";import{WITHDRAW_FORM_SLOTS as m}from"../../flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.slots.js";import{WithdrawForm as h}from"../../flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.js";import"../../flows/withdraw/widgets/withdraw-form/compound/index.js";export{e as AMOUNT_ENTRY_SLOTS,n as ASSET_PICKER_SLOTS,t as AmountEntry,r as AssetPicker,i as CONFIRM_TRANSFER_SLOTS,a as ConfirmTransfer,o as ERROR_STATE_SLOTS,s as ErrorState,c as PROCESSING_STATE_SLOTS,l as ProcessingState,u as SUCCESS_STATE_SLOTS,d as SuccessState,m as WITHDRAW_FORM_SLOTS,p as WITHDRAW_SLOTS,f as Withdraw,h as WithdrawForm};
+import{AMOUNT_ENTRY_SLOTS as e}from"../../shared/widgets/amount-entry/compound/AmountEntry.slots.js";import{AmountEntry as t}from"../../shared/widgets/amount-entry/compound/AmountEntry.js";import"../../shared/widgets/amount-entry/compound/index.js";import{PROCESSING_STATE_SLOTS as n}from"../../shared/widgets/processing-state/compound/ProcessingState.slots.js";import{ProcessingState as r}from"../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../shared/widgets/processing-state/compound/index.js";import{ASSET_PICKER_SLOTS as i}from"../../shared/widgets/asset-picker/compound/AssetPicker.slots.js";import{AssetPicker as a}from"../../shared/widgets/asset-picker/compound/AssetPicker.js";import"../../shared/widgets/asset-picker/compound/index.js";import{CONFIRM_TRANSFER_SLOTS as o}from"../../shared/widgets/confirm-transfer/compound/ConfirmTransfer.slots.js";import{ConfirmTransfer as s}from"../../shared/widgets/confirm-transfer/compound/ConfirmTransfer.js";import"../../shared/widgets/confirm-transfer/compound/index.js";import{ERROR_STATE_SLOTS as c}from"../../shared/widgets/error-state/compound/ErrorState.slots.js";import{ErrorState as l}from"../../shared/widgets/error-state/compound/ErrorState.js";import"../../shared/widgets/error-state/compound/index.js";import{SUCCESS_STATE_SLOTS as u}from"../../shared/widgets/success-state/compound/SuccessState.slots.js";import{SuccessState as d}from"../../shared/widgets/success-state/compound/SuccessState.js";import"../../shared/widgets/success-state/compound/index.js";import{Withdraw as f}from"../../flows/withdraw/widgets/withdraw/compound/Withdraw.js";import{WITHDRAW_SLOTS as p}from"../../flows/withdraw/widgets/withdraw/compound/Withdraw.slots.js";import"../../flows/withdraw/widgets/withdraw/compound/index.js";import{WITHDRAW_FORM_SLOTS as m}from"../../flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.slots.js";import{WithdrawForm as h}from"../../flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.js";import"../../flows/withdraw/widgets/withdraw-form/compound/index.js";export{e as AMOUNT_ENTRY_SLOTS,i as ASSET_PICKER_SLOTS,t as AmountEntry,a as AssetPicker,o as CONFIRM_TRANSFER_SLOTS,s as ConfirmTransfer,c as ERROR_STATE_SLOTS,l as ErrorState,n as PROCESSING_STATE_SLOTS,r as ProcessingState,u as SUCCESS_STATE_SLOTS,d as SuccessState,m as WITHDRAW_FORM_SLOTS,p as WITHDRAW_SLOTS,f as Withdraw,h as WithdrawForm};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stridge/kit",
-  "version": "0.1.0-alpha.60",
+  "version": "0.1.0-alpha.61",
   "license": "MIT",
   "type": "module",
   "files": [

package/dist/flows/deposit/bindings/DepositBindings.d.ts

@@ -1,87 +0,0 @@
-import { ReactNode } from "react";
-//#region src/flows/deposit/bindings/DepositBindings.d.ts
-/**
- * Detected card-brand union. Matches the IIN-range coverage of the cash deposit's
- * `CardInputRow`: Visa / Mastercard / Amex / Discover, plus `"unknown"` for any prefix outside
- * those ranges. Exposed here (rather than alongside the widget-local masking helpers) so the
- * public `tokenizeCard` binding can talk about it without a deep widget import.
- */
-type CardBrand = "visa" | "mastercard" | "amex" | "discover" | "unknown";
-/**
- * Raw card data the kit hands to the host's tokenize binding when the user submits the cash
- * deposit's card form. PAN / CVC are raw digit strings (no masking); `exp` is the formatted
- * `MM/YY` value the user typed; `brand` is the IIN-range detection from `CardInputRow`.
- *
- * This struct is the host's only direct contact with cardholder data — once `tokenizeCard`
- * resolves, the host exchanges it for an opaque token (Stripe.js / Adyen / Spreedly / similar)
- * and the kit no longer holds the raw PAN.
- */
-interface CardData {
-  /** Raw digits with no separators (16 for Visa/MC/Discover, 15 for Amex). */
-  pan: string;
-  /** Formatted `MM/YY` value. Validated upstream by `isValidExp` before submit. */
-  exp: string;
-  /** Raw digits (3 for Visa/MC/Discover, 4 for Amex). */
-  cvc: string;
-  /** Detected brand at submit time. */
-  brand: CardBrand;
-}
-/**
- * Discriminated result of a tokenize attempt. Success carries the opaque token the host's PSP
- * returned; failure carries a host-supplied reason string the form surfaces inline.
- */
-type TokenizationResult = {
-  ok: true;
-  token: string;
-} | {
-  ok: false;
-  reason: string;
-};
-/**
- * Render-time inputs the host supplies to the deposit flow. Today this is just the optional
- * `tokenizeCard` callback — when undefined, callers compose with {@link DEFAULT_TOKENIZE_CARD}
- * so the editable form stays observable end-to-end without any host wiring. Future per-method
- * slots (`applePayMerchantSession`, `googlePayPaymentData`) will land on the same context.
- */
-interface DepositBindings {
-  /**
-   * Optional host-supplied tokenize handler. Fired when the user submits a valid card form.
-   * Host wires this to its PSP's tokenization JS — `stripe.createPaymentMethod`,
-   * `adyenWebComponents.createToken`, `spreedlyExpress.createToken`, etc. Resolves to a
-   * discriminated result the form surfaces inline.
-   *
-   * When undefined, callers fall through to {@link DEFAULT_TOKENIZE_CARD} — keeps the demo
-   * path interactive without forcing every host to ship a tokenizer just to render the form.
-   */
-  tokenizeCard?: (data: CardData) => Promise<TokenizationResult>;
-}
-/**
- * Publish the host's render-time deposit inputs (just `tokenizeCard` today) into the kit's
- * deposit scope. Call it once from whatever component renders the deposit UI:
- *
- * - The kit's `<DepositDialog>` calls it internally when the host passes its bindings prop.
- * - A **headless** host that renders fully custom deposit UI calls it directly — it's the
- *   supported way to wire `tokenizeCard` without mounting the dialog.
- *
- * Publishes via `useLayoutEffect` so the bridge ref and reactive state are committed before the
- * next browser paint — the form's submit handler reads `ctx.ref.current.tokenizeCard` at fire
- * time and always sees the latest value. Cleanup blanks both on unmount.
- *
- * React 19 StrictMode runs the layout effect mount → cleanup → mount sequence, so the cleanup
- * blanking the ref is fine: the immediate re-mount restores the bound `tokenizeCard` before any
- * paint, so no user interaction can observe the empty window.
- *
- * @example Headless usage
- * ```tsx
- * useDepositBindings({
- *     tokenizeCard: async (card) => {
- *         const result = await stripe.createPaymentMethod({ type: "card", card });
- *         if (result.error) return { ok: false, reason: result.error.message ?? "Tokenization failed" };
- *         return { ok: true, token: result.paymentMethod.id };
- *     },
- * });
- * ```
- */
-declare function useDepositBindings(bindings: DepositBindings): void;
-//#endregion
-export { CardBrand, CardData, DepositBindings, TokenizationResult, useDepositBindings };

package/dist/flows/deposit/bindings/DepositBindings.js

@@ -1 +0,0 @@
-"use client";import{createContext as e,use as t,useLayoutEffect as n,useMemo as r,useRef as i,useState as a}from"react";import{jsx as o}from"react/jsx-runtime";async function s(e){return await new Promise(e=>setTimeout(e,800)),{ok:!0,token:`kit-mock-token`}}const c=e(null);c.displayName=`DepositBindingsControlContext`;const l=e(null);l.displayName=`DepositBindingsValueContext`;function u({children:e}){let[t,n]=a({}),s=i({});return o(c,{value:r(()=>({setBindings:n,ref:s}),[]),children:o(l,{value:t,children:e})})}function d(){let e=t(c),n=i({});return e?.ref??n}function f(e){let r=t(c),a=e.tokenizeCard,o=i(r?.setBindings);o.current=r?.setBindings;let s=i(r?.ref);s.current=r?.ref,n(()=>{let e=o.current,t=s.current;if(!e||!t)return;let n={...a?{tokenizeCard:a}:{}};return t.current=n,e(n),()=>{let e=o.current,t=s.current;t&&(t.current={}),e&&e({})}},[a])}export{s as DEFAULT_TOKENIZE_CARD,u as DepositBindingsProvider,f as useDepositBindings,d as useDepositBindingsRef};

package/dist/flows/deposit/bindings/index.d.ts

@@ -1 +0,0 @@
-import { CardBrand, CardData, DepositBindings, TokenizationResult, useDepositBindings } from "./DepositBindings.js";

package/dist/flows/deposit/bindings/index.js

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

package/dist/flows/deposit/shared/cash.d.ts

@@ -1,20 +0,0 @@
-//#region src/flows/deposit/shared/cash.d.ts
-/**
- * Mock breakdown computed in-widget from the entered amount + chosen cash method. Returns the
- * same shape the future `cashQuote` driver entity will surface, so the widget only swaps its
- * source from this helper to `useDepositSnapshot().cashQuote` when the backend ships.
- */
-interface CashAmountBreakdown {
-  /** USD amount the user is paying — surfaced on the Amount row and the hero band. */
-  amountUsd: number;
-  /** USDC the user receives after fees. Drives the Receive chip + hero sub-line. */
-  receiveAmount: number;
-  /** USDC quoted-per-USD rate. Drives the Crypto price row. */
-  rate: number;
-  /** Processing fee charged by the cash method (USD, deducted from amount). */
-  processingFeeUsd: number;
-  /** Network fee paid to settle on-chain (USD, deducted from amount). */
-  networkFeeUsd: number;
-}
-//#endregion
-export { CashAmountBreakdown };

package/dist/flows/deposit/shared/cash.js

@@ -1 +0,0 @@
-const e={symbol:`USDC`,chainId:1,address:`0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48`},t=[{value:200,label:`$200`},{value:500,label:`$500`},{value:1e3,label:`$1k`},{value:2e3,label:`$2k`}],n={card:.029,applePay:.025,googlePay:.025};function r(e,t){let r=e??0,i=+(r*n[t]).toFixed(2),a=.4;return{amountUsd:r,receiveAmount:Math.max(0,r-i-a)/1,rate:1,processingFeeUsd:i,networkFeeUsd:a}}export{t as MOCK_CASH_PRESETS,e as MOCK_RECEIVE_TOKEN,r as computeMockCashBreakdown};

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

@@ -1,71 +0,0 @@
-import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { AmountEntryBodyProps } from "../../../../shared/widgets/amount-entry/compound/types.js";
-import { AmountEntryHeader } from "../../../../shared/widgets/amount-entry/compound/components/Header.js";
-import { AmountEntryDetails, AmountEntryDetailsRow } from "../../../../shared/widgets/amount-entry/compound/components/Details.js";
-import { AmountEntryFlow } from "../../../../shared/widgets/amount-entry/compound/components/Flow.js";
-import { AmountEntryFooter } from "../../../../shared/widgets/amount-entry/compound/components/Footer.js";
-import { AmountEntryHero } from "../../../../shared/widgets/amount-entry/compound/components/Hero/Hero.js";
-import { AmountEntryNotice } from "../../../../shared/widgets/amount-entry/compound/components/Notice.js";
-import { AmountEntryPills } from "../../../../shared/widgets/amount-entry/compound/components/Pills.js";
-import { CashAmountEntryHeroLabel } from "./compound/components/HeroLabel.js";
-import { CashAmountEntryMethodChip } from "./compound/components/MethodChip.js";
-import { CashAmountEntryReceiveChip } from "./compound/components/ReceiveChip.js";
-import { ComponentProps, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.d.ts
-interface CashAmountEntryProps extends ComponentProps<"div"> {
-  /**
-   * Optional custom composition. When omitted, the canonical default composition renders —
-   * `<Header />` + `<Body>` with method chip + YOU PAY label + Hero (Receive chip subLine) +
-   * fiat-absolute Pills + Details breakdown + Notice + `<Footer />`. Pass children to interleave
-   * your own elements between compound parts or replace the composition entirely.
-   */
-  children?: ReactNode;
-}
-/**
- * Orchestrated `CashAmountEntry` widget — the screen between the cash-method picker and the
- * per-method confirmation form. Reads the chosen cash method from the FSM's `cashAmountEntry.ctx`,
- * the per-method limit from the driver's `cashMethods` entity, and computes the fee breakdown
- * from the mock fixture in {@link computeMockCashBreakdown}. The `cashQuote` driver entity that
- * backs this in production is deferred.
- *
- * Renders nothing on any other FSM state — the dialog routes it under
- * `<Deposit.Step name="cashAmountEntry">`, and the guard inside this component is a belt-and-
- * braces check against host compositions that don't honour the step routing.
- */
-declare function CashAmountEntry({
-  children,
-  ...props
-}: CashAmountEntryProps): _$react_jsx_runtime0.JSX.Element | null;
-declare function CashAmountEntryDialog({
-  open,
-  defaultOpen,
-  onOpenChange,
-  trigger,
-  ...rootProps
-}: CashAmountEntry.DialogProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace CashAmountEntry {
-  type Props = CashAmountEntryProps;
-  type DialogProps = CashAmountEntryProps & DialogShellControls;
-  const Dialog: typeof CashAmountEntryDialog;
-  /**
-   * Compound sub-parts aliased on the orchestrated widget so consumers can compose without
-   * importing the headless compound separately. Identity-equal to the parts on the compound
-   * exported from `@stridge/kit/deposit/compound`.
-   */
-  const MethodChip: typeof CashAmountEntryMethodChip;
-  const HeroLabel: typeof CashAmountEntryHeroLabel;
-  const ReceiveChip: typeof CashAmountEntryReceiveChip;
-  const Header: typeof AmountEntryHeader;
-  const Body: (props: AmountEntryBodyProps) => _$react_jsx_runtime0.JSX.Element;
-  const Hero: typeof AmountEntryHero;
-  const Pills: typeof AmountEntryPills;
-  const Flow: typeof AmountEntryFlow;
-  const Footer: typeof AmountEntryFooter;
-  const Notice: typeof AmountEntryNotice;
-  const Details: typeof AmountEntryDetails;
-  const DetailsRow: typeof AmountEntryDetailsRow;
-}
-//#endregion
-export { CashAmountEntry };

package/dist/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.js

@@ -1 +0,0 @@
-"use client";import{useKitI18n as e}from"../../../../shared/i18n/useKitI18n.js";import{Trans as t}from"../../../../shared/i18n/Trans.js";import{useLingui as n}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as r}from"../../driver/context.js";import{useDepositActions as i,useDepositEffectiveState as a}from"../../orchestrator/controller.js";import{formatTokenAmount as o}from"../../../../shared/format/formatTokenAmount.js";import{formatUsd as s}from"../../../../shared/format/formatUsd.js";import{DialogShell as c}from"../../../../shared/dialog/DialogShell.js";import{MOCK_CASH_PRESETS as l,MOCK_RECEIVE_TOKEN as u,computeMockCashBreakdown as d}from"../../shared/cash.js";import{CashAmountEntry as f}from"./compound/CashAmountEntry.js";import"./compound/index.js";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";function b({children:c,...b}){let x=r(),S=a(),{back:C,confirmCashAmount:w}=i(),{_:T}=n(),E=e(),D=S.name===`cashAmountEntry`?S.ctx.cashMethod:void 0,O=S.name===`cashAmountEntry`?S.ctx.amount:void 0,k=x.cashMethods,A=k?.status===`ready`||k?.status===`stale`?k.payload:void 0,j=D?A?.[D]?.limit?.value:void 0,M=D?A?.[D]?.limit?.formatted:void 0,N=l[0]?.value??0,P=O??N,[F,I]=g(P),[L,R]=g(()=>{let e=l.find(e=>e.value===P);return e?String(e.value):void 0}),z=h(D);p(()=>{D&&z.current!==D&&(z.current=D,I(N),R(String(N)))},[D,N]);let B=m(()=>l.map(e=>({value:String(e.value),label:e.label})),[]),V=e=>{let t=Number.parseInt(e,10);Number.isFinite(t)&&(I(t),R(e))},H=e=>{I(e),R(void 0)},U=j===0,W=()=>{if(!U){if(typeof j==`number`&&F!==null&&F>j){I(j),R(void 0);return}F===null||F<=0||!D||w(F)}};if(S.name!==`cashAmountEntry`||!D)return null;let G=!U&&typeof j==`number`&&F!==null&&F>j,K=U?v(t,{id:`FWbwx6`,message:`Cash deposit unavailable for your account`}):G&&M?v(t,{id:`GXkBas`,message:`Max {formattedLimit}`,values:{formattedLimit:M}}):void 0,q=G?T({id:`wkskq5`,message:`Use max`}):void 0,J=d(F,D),Y=o(J.receiveAmount,E,{maxDecimals:2,useGrouping:!0}),X=S.ctx.backTarget===`closed`?void 0:C;return v(f,{...b,cashMethod:D,breakdown:J,formattedReceive:Y,...X?{onChangeMethod:X}:{},amount:F,sendToken:{symbol:`USD`},receiveToken:u,...typeof j==`number`?{max:j}:{},headerTitle:T({id:`kj3M8S`,message:`Deposit`}),currencySymbol:`$`,onAmountChange:H,...X?{onBack:X}:{},presets:B,...L===void 0?{}:{activePreset:L},onPresetSelect:V,...q===void 0?{}:{footerLabel:q},...U?{}:{onContinue:W},notice:K,children:c??y(_,{children:[v(f.Header,{}),y(f.Body,{children:[v(f.MethodChip,{}),v(f.HeroLabel,{children:v(t,{id:`VAxOSg`,message:`You pay`})}),v(f.Hero,{}),v(f.Pills,{}),y(f.Details,{children:[v(f.DetailsRow,{label:v(t,{id:`hehnjM`,message:`Amount`}),children:s(J.amountUsd,E,{showSmallValueClamp:!1})}),v(f.DetailsRow,{label:v(t,{id:`vepIdX`,message:`Crypto price`}),children:v(t,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:u.symbol,1:s(J.rate,E,{showSmallValueClamp:!1})}})}),y(f.DetailsRow,{label:v(t,{id:`QFwptY`,message:`Processing fee`}),info:v(t,{id:`C7cyXd`,message:`The processing fee covers the cost of processing your payment through the selected payment method.`}),children:[`− `,s(J.processingFeeUsd,E,{showSmallValueClamp:!1})]}),y(f.DetailsRow,{label:v(t,{id:`y62Dys`,message:`Network fee`}),info:v(t,{id:`f-nEg4`,message:`The network fee is paid to miners and validators of the blockchain to make sure the transaction is processed and confirmed.`}),children:[`− `,s(J.networkFeeUsd,E,{showSmallValueClamp:!1})]})]})]}),v(f.Footer,{children:v(f.Notice,{})})]})})}function x({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return v(c,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:v(b,{...i})})}(function(e){e.Dialog=x,e.MethodChip=f.MethodChip,e.HeroLabel=f.HeroLabel,e.ReceiveChip=f.ReceiveChip,e.Header=f.Header,e.Body=f.Body,e.Hero=f.Hero,e.Pills=f.Pills,e.Flow=f.Flow,e.Footer=f.Footer,e.Notice=f.Notice,e.Details=f.Details,e.DetailsRow=f.DetailsRow})(b||={});export{b as CashAmountEntry};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.d.ts

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

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.js

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

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.d.ts

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

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.js

@@ -1 +0,0 @@
-const e={methodChip:`cash-amount-entry-method-chip`,methodChipChange:`cash-amount-entry-method-chip-change`,heroLabel:`cash-amount-entry-hero-label`,receiveChip:`cash-amount-entry-receive-chip`};export{e as CASH_AMOUNT_ENTRY_SLOTS};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.js

@@ -1 +0,0 @@
-const e={heroLabelWrap:{"CashAmountEntry__styles.heroLabelWrap":`CashAmountEntry__styles.heroLabelWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingTop-kLKAdn":`xyamay9`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:12`},heroLabel:{"CashAmountEntry__styles.heroLabel":`CashAmountEntry__styles.heroLabel`,"margin-kogj98":`x1ghz6dp`,"letterSpacing-kb6lSQ":`x1labic3`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:19`},methodChipWrap:{"CashAmountEntry__styles.methodChipWrap":`CashAmountEntry__styles.methodChipWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:24`},methodChip:{"CashAmountEntry__styles.methodChip":`CashAmountEntry__styles.methodChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,"paddingBlock-k8WAf4":`x1t0vds8`,"paddingInlineStart-kZCmMZ":`x25sj25`,"paddingInlineEnd-kwRFfy":`xpdmqnj`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x1qkydf4`,"borderColor-kVAM5u":`x12c9lpl`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:31`},methodChipIcon:{"CashAmountEntry__styles.methodChipIcon":`CashAmountEntry__styles.methodChipIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x17z2i9w`,"height-kZKoxP":`x17rw0jw`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:44`},methodChipLabel:{"CashAmountEntry__styles.methodChipLabel":`CashAmountEntry__styles.methodChipLabel`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:53`},methodChipChange:{"CashAmountEntry__styles.methodChipChange":`CashAmountEntry__styles.methodChipChange`,"appearance-kysU6D":`xjyslct`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,":focus-visible_borderRadius-k7aC84":`x63abuj`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:56`},receiveLine:{"CashAmountEntry__styles.receiveLine":`CashAmountEntry__styles.receiveLine`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:76`},receiveLabel:{"CashAmountEntry__styles.receiveLabel":`CashAmountEntry__styles.receiveLabel`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:81`},receiveChip:{"CashAmountEntry__styles.receiveChip":`CashAmountEntry__styles.receiveChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInlineStart-kZCmMZ":`x25sj25`,"paddingInlineEnd-kwRFfy":`x2vl965`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`xvaq5cg`,"borderColor-kVAM5u":`x12c9lpl`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:84`},receiveChipAmount:{"CashAmountEntry__styles.receiveChipAmount":`CashAmountEntry__styles.receiveChipAmount`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:97`}};export{e as styles};

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

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

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

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

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.d.ts

@@ -1,18 +0,0 @@
-import { CashAmountEntryMethodChipProps } from "../types.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.d.ts
-/**
- * Compact chip above the hero showing which cash method the user picked, with a `Change` link
- * that takes them back to the method picker. Cash-flow-internal — the crypto path has no equivalent
- * (the asset picker fills the same "what's selected, change it" role inline on the deposit method
- * tile).
- *
- * Reads `cashMethod` and `onChangeMethod` from context. Pass `onChange={null}` to suppress the
- * `Change` link even when context supplies a callback; pass an explicit function to override.
- */
-declare function CashAmountEntryMethodChip({
-  onChange
-}?: CashAmountEntryMethodChipProps): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { CashAmountEntryMethodChip };

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.js

@@ -1 +0,0 @@
-"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{ApplePayIcon as t}from"../../../../../../shared/icons/ApplePayIcon.js";import{CardIcon as n}from"../../../../../../shared/icons/CardIcon.js";import{GooglePayIcon as r}from"../../../../../../shared/icons/GooglePayIcon.js";import"../../../../../../icons/index.js";import{text as i}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_AMOUNT_ENTRY_SLOTS as a}from"../CashAmountEntry.slots.js";import{styles as o}from"../CashAmountEntry.styles.js";import{useCashAmountEntryContext as s}from"../context.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";const d={width:13,height:13,"aria-hidden":!0};function f({onChange:t}={}){let n=s(`CashAmountEntry.MethodChip`),r=t===null?void 0:t??n.onChangeMethod;return c(`div`,{...u.props(o.methodChipWrap),children:l(`div`,{"data-stridge-slot":a.methodChip,...u.props(o.methodChip),children:[c(`span`,{...u.props(o.methodChipIcon),children:p(n.cashMethod)}),c(i.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,...u.props(o.methodChipLabel),children:m(n.cashMethod)}),r?c(`button`,{type:`button`,onClick:r,"data-stridge-slot":a.methodChipChange,...u.props(o.methodChipChange),children:c(i.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:c(e,{id:`o-XJ9D`,message:`Change`})})}):null]})})}function p(e){return c(e===`applePay`?t:e===`googlePay`?r:n,{...d})}function m(t){return t===`applePay`?c(e,{id:`TMA5Ot`,message:`Paying with Apple Pay`}):t===`googlePay`?c(e,{id:`FkAVbF`,message:`Paying with Google Pay`}):c(e,{id:`tInLgk`,message:`Paying with Card`})}export{f as CashAmountEntryMethodChip};

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

@@ -1,14 +0,0 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/flows/deposit/widgets/cash-amount-entry/compound/components/ReceiveChip.d.ts
-/**
- * Read-only receive chip slotted into the hero's `subLine` for cash amount-entry. Mirrors the
- * Paper design's "Receive [USDC logo] 24.21 USDC" reading. Cash-flow-internal — the wallet path's
- * Hero uses the swap toggle in this slot, not a static chip.
- *
- * Reads `formattedReceive` from context. The token is sourced from
- * {@link MOCK_RECEIVE_TOKEN} while the cash backend is mocked.
- */
-declare function CashAmountEntryReceiveChip(): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { CashAmountEntryReceiveChip };

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

@@ -1 +0,0 @@
-"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{text as t}from"../../../../../../shared/ui/Text/Text.js";import{TokenLogo as n}from"../../../../../../shared/ui/TokenLogo/TokenLogo.js";import"../../../../../../shared/ui/TokenLogo/index.js";import"../../../../../../ui/index.js";import{CASH_AMOUNT_ENTRY_SLOTS as r}from"../CashAmountEntry.slots.js";import{styles as i}from"../CashAmountEntry.styles.js";import{useCashAmountEntryContext as a}from"../context.js";import{MOCK_RECEIVE_TOKEN as o}from"../../../../shared/cash.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let{formattedReceive:u}=a(`CashAmountEntry.ReceiveChip`),d=o;return c(`span`,{...l.props(i.receiveLine),children:[s(t.span,{size:`sm`,leading:`tight`,color:`subdued`,...l.props(i.receiveLabel),children:s(e,{id:`lDgVWA`,message:`Receive`})}),c(`span`,{"data-stridge-slot":r.receiveChip,...l.props(i.receiveChip),children:[s(n,{size:18,symbol:d.symbol,...d.chainId===void 0?{}:{chainId:d.chainId},...d.address===void 0?{}:{address:d.address},...d.isNative===void 0?{}:{isNative:d.isNative},...d.logoUrl===void 0?{}:{logoUrl:d.logoUrl},hideChainBadge:!0}),c(t.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,...l.props(i.receiveChipAmount),children:[u,` `,d.symbol]})]})]})}export{u as CashAmountEntryReceiveChip};

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

@@ -1,3 +0,0 @@
-import { CashAmountEntryDialogProps, CashAmountEntryHeroLabelProps, CashAmountEntryMethodChipProps, CashAmountEntryProps } from "./types.js";
-import { CashAmountEntry } from "./CashAmountEntry.js";
-import { CASH_AMOUNT_ENTRY_SLOTS, CashAmountEntrySlot } from "./CashAmountEntry.slots.js";

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

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

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

@@ -1,42 +0,0 @@
-import { CashMethodId } from "../../../orchestrator/types.js";
-import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
-import { AmountEntryProps } from "../../../../../shared/widgets/amount-entry/compound/types.js";
-import { CashAmountBreakdown } from "../../../shared/cash.js";
-import { ReactNode } from "react";
-
-//#region src/flows/deposit/widgets/cash-amount-entry/compound/types.d.ts
-/**
- * Public props accepted by the {@link CashAmountEntry} compound root. Extends the underlying
- * {@link AmountEntryProps} shape with cash-flow-specific fields the orchestrated wrapper populates
- * from the deposit FSM ctx + the mock cash breakdown.
- */
-interface CashAmountEntryProps extends AmountEntryProps {
-  /** Cash method picked on the previous step. */
-  cashMethod: CashMethodId;
-  /** Mock fee + receive breakdown computed from the entered amount + chosen method. */
-  breakdown: CashAmountBreakdown;
-  /** Pre-formatted receive amount (e.g. `"24.21"`). Rendered inside the ReceiveChip. */
-  formattedReceive: string;
-  /**
-   * Callback invoked when the user clicks `Change` on the method chip. When omitted, the chip
-   * renders without the `Change` link.
-   */
-  onChangeMethod?: () => void;
-}
-/** Props for {@link CashAmountEntry.MethodChip}. */
-interface CashAmountEntryMethodChipProps {
-  /** Override the context's `onChangeMethod`. Pass `null` to suppress the `Change` link. */
-  onChange?: (() => void) | null;
-}
-/** Props for {@link CashAmountEntry.HeroLabel}. */
-interface CashAmountEntryHeroLabelProps {
-  children: ReactNode;
-}
-/**
- * Props for `<CashAmountEntry.Dialog>` — the dialog form of the CashAmountEntry widget. Combines
- * the widget root props with the shared dialog shell controls (`open` / `defaultOpen` /
- * `onOpenChange` / `trigger`).
- */
-type CashAmountEntryDialogProps = CashAmountEntryProps & DialogShellControls;
-//#endregion
-export { CashAmountEntryDialogProps, CashAmountEntryHeroLabelProps, CashAmountEntryMethodChipProps, CashAmountEntryProps };

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

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

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

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