@stridge/kit 0.1.0-alpha.43 → 0.1.0-alpha.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/deposit/compound/index.d.ts +2 -1
- package/dist/flows/deposit/dialog/DepositDialog.js +1 -1
- package/dist/flows/deposit/widgets/deposit/compound/Deposit.d.ts +18 -0
- package/dist/flows/deposit/widgets/deposit/compound/Deposit.js +1 -1
- package/dist/flows/deposit/widgets/deposit/compound/components/Steps.d.ts +24 -0
- package/dist/flows/deposit/widgets/deposit/compound/components/Steps.js +1 -0
- package/dist/flows/deposit/widgets/deposit/compound/index.d.ts +1 -0
- package/dist/flows/withdraw/dialog/WithdrawDialog.js +1 -1
- package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.d.ts +45 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.js +1 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.slots.d.ts +13 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.slots.js +1 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/components/Steps.d.ts +27 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/components/Steps.js +1 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/index.d.ts +3 -0
- package/dist/flows/withdraw/widgets/withdraw/compound/index.js +1 -0
- package/dist/package.js +1 -1
- package/dist/shared/ui/Steps/Steps.d.ts +52 -0
- package/dist/shared/ui/Steps/Steps.js +1 -0
- package/dist/shared/ui/Steps/Steps.slots.d.ts +7 -0
- package/dist/shared/ui/Steps/Steps.slots.js +1 -0
- package/dist/shared/ui/Steps/Steps.styles.js +1 -0
- package/dist/shared/ui/Steps/index.d.ts +2 -0
- package/dist/shared/ui/Steps/index.js +1 -0
- package/dist/styles/index.css +4 -0
- package/dist/ui/index.d.ts +3 -1
- package/dist/ui/index.js +1 -1
- package/dist/withdraw/compound/index.d.ts +4 -1
- package/dist/withdraw/compound/index.js +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { ConfirmTransfer } from "../../shared/widgets/confirm-transfer/compound/
|
|
|
3
3
|
import { CONFIRM_TRANSFER_SLOTS, ConfirmTransferSlot } from "../../shared/widgets/confirm-transfer/compound/ConfirmTransfer.slots.js";
|
|
4
4
|
import { TransferCryptoAsset, TransferCryptoBodyProps, TransferCryptoChain, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps, TransferCryptoToken } from "../../flows/deposit/widgets/transfer-crypto/compound/types.js";
|
|
5
5
|
import { DepositBodyProps, DepositDialogProps, DepositHeaderProps, DepositMethodInput, DepositMethodOption, DepositMethodProps, DepositMethodsProps, DepositProps } from "../../flows/deposit/widgets/deposit/compound/types.js";
|
|
6
|
+
import { DepositStepsProps } from "../../flows/deposit/widgets/deposit/compound/components/Steps.js";
|
|
6
7
|
import { Deposit } from "../../flows/deposit/widgets/deposit/compound/Deposit.js";
|
|
7
8
|
import { DEPOSIT_SLOTS, DepositSlot } from "../../flows/deposit/widgets/deposit/compound/Deposit.slots.js";
|
|
8
9
|
import { DepositStatusBannerAsset, DepositStatusBannerBodyProps, DepositStatusBannerCloseProps, DepositStatusBannerDetailProps, DepositStatusBannerDetailsProps, DepositStatusBannerFooterProps, DepositStatusBannerHeroProps, DepositStatusBannerKind, DepositStatusBannerPrimaryActionProps, DepositStatusBannerProps, DepositStatusBannerRowProps, DepositStatusBannerToggleProps, DepositStatusBannerTxRef } from "../../flows/deposit/widgets/deposit-status-banner/compound/types.js";
|
|
@@ -25,4 +26,4 @@ import { PROCESSING_STATE_SLOTS, ProcessingStateSlot } from "../../shared/widget
|
|
|
25
26
|
import { SuccessStateActionsProps, SuccessStateAsset, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateExplorer, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateSourceWallet, SuccessStateStatusPillProps, SuccessStateTxRef } from "../../shared/widgets/success-state/compound/types.js";
|
|
26
27
|
import { SuccessState } from "../../shared/widgets/success-state/compound/SuccessState.js";
|
|
27
28
|
import { SUCCESS_STATE_SLOTS, SuccessStateSlot } from "../../shared/widgets/success-state/compound/SuccessState.slots.js";
|
|
28
|
-
export { AMOUNT_ENTRY_SLOTS, ASSET_PICKER_SLOTS, AmountEntry, AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntrySlot, AmountEntryToken, AssetOption, AssetPicker, AssetPickerAssetProps, AssetPickerBodyProps, AssetPickerDialogProps, AssetPickerFooterProps, AssetPickerHeaderProps, AssetPickerListProps, AssetPickerProps, AssetPickerSlot, AssetPickerToken, CONFIRM_TRANSFER_SLOTS, ConfirmTransfer, ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdown, ConfirmTransferBreakdownPercentRow, ConfirmTransferBreakdownProps, ConfirmTransferBreakdownTextRow, ConfirmTransferBreakdownUsdRow, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps, ConfirmTransferSlot, ConfirmTransferToken, ConfirmTransferTransfer, DEPOSIT_SLOTS, DEPOSIT_STATUS_BANNER_SLOTS, Deposit, DepositBodyProps, DepositDialogProps, DepositHeaderProps, DepositMethodInput, DepositMethodOption, DepositMethodProps, DepositMethodsProps, DepositProps, DepositSlot, DepositStatusBanner, DepositStatusBannerAsset, DepositStatusBannerBodyProps, DepositStatusBannerCloseProps, DepositStatusBannerDetailProps, DepositStatusBannerDetailsProps, DepositStatusBannerFooterProps, DepositStatusBannerHeroProps, DepositStatusBannerKind, DepositStatusBannerPrimaryActionProps, DepositStatusBannerProps, DepositStatusBannerRowProps, DepositStatusBannerSlot, DepositStatusBannerToggleProps, DepositStatusBannerTxRef, ERROR_STATE_SLOTS, ErrorState, ErrorStateActionsProps, ErrorStateAsset, ErrorStateAssetValueProps, ErrorStateBodyProps, ErrorStateDestination, ErrorStateDetailProps, ErrorStateDetailsProps, ErrorStateDialogProps, ErrorStateDisclosureChevronProps, ErrorStateHeaderProps, ErrorStateHelp, ErrorStateHelpInfoProps, ErrorStateHeroProps, ErrorStateMoreDetailsProps, ErrorStateProps, ErrorStateRowProps, ErrorStateSlot, ErrorStateSourceWallet, ErrorStateStatusValueProps, ErrorStateTxRef, PROCESSING_STATE_SLOTS, ProcessingState, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSlot, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef, SUCCESS_STATE_SLOTS, SuccessState, SuccessStateActionsProps, SuccessStateAsset, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateExplorer, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateSlot, SuccessStateSourceWallet, SuccessStateStatusPillProps, SuccessStateTxRef, TRANSFER_CRYPTO_SLOTS, TransferCrypto, TransferCryptoAsset, TransferCryptoBodyProps, TransferCryptoChain, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps, TransferCryptoSlot, TransferCryptoToken };
|
|
29
|
+
export { AMOUNT_ENTRY_SLOTS, ASSET_PICKER_SLOTS, AmountEntry, AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntrySlot, AmountEntryToken, AssetOption, AssetPicker, AssetPickerAssetProps, AssetPickerBodyProps, AssetPickerDialogProps, AssetPickerFooterProps, AssetPickerHeaderProps, AssetPickerListProps, AssetPickerProps, AssetPickerSlot, AssetPickerToken, CONFIRM_TRANSFER_SLOTS, ConfirmTransfer, ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdown, ConfirmTransferBreakdownPercentRow, ConfirmTransferBreakdownProps, ConfirmTransferBreakdownTextRow, ConfirmTransferBreakdownUsdRow, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps, ConfirmTransferSlot, ConfirmTransferToken, ConfirmTransferTransfer, DEPOSIT_SLOTS, DEPOSIT_STATUS_BANNER_SLOTS, Deposit, DepositBodyProps, DepositDialogProps, DepositHeaderProps, DepositMethodInput, DepositMethodOption, DepositMethodProps, DepositMethodsProps, DepositProps, DepositSlot, DepositStatusBanner, DepositStatusBannerAsset, DepositStatusBannerBodyProps, DepositStatusBannerCloseProps, DepositStatusBannerDetailProps, DepositStatusBannerDetailsProps, DepositStatusBannerFooterProps, DepositStatusBannerHeroProps, DepositStatusBannerKind, DepositStatusBannerPrimaryActionProps, DepositStatusBannerProps, DepositStatusBannerRowProps, DepositStatusBannerSlot, DepositStatusBannerToggleProps, DepositStatusBannerTxRef, DepositStepsProps, ERROR_STATE_SLOTS, ErrorState, ErrorStateActionsProps, ErrorStateAsset, ErrorStateAssetValueProps, ErrorStateBodyProps, ErrorStateDestination, ErrorStateDetailProps, ErrorStateDetailsProps, ErrorStateDialogProps, ErrorStateDisclosureChevronProps, ErrorStateHeaderProps, ErrorStateHelp, ErrorStateHelpInfoProps, ErrorStateHeroProps, ErrorStateMoreDetailsProps, ErrorStateProps, ErrorStateRowProps, ErrorStateSlot, ErrorStateSourceWallet, ErrorStateStatusValueProps, ErrorStateTxRef, PROCESSING_STATE_SLOTS, ProcessingState, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSlot, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef, SUCCESS_STATE_SLOTS, SuccessState, SuccessStateActionsProps, SuccessStateAsset, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateExplorer, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateSlot, SuccessStateSourceWallet, SuccessStateStatusPillProps, SuccessStateTxRef, TRANSFER_CRYPTO_SLOTS, TransferCrypto, TransferCryptoAsset, TransferCryptoBodyProps, TransferCryptoChain, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps, TransferCryptoSlot, TransferCryptoToken };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{useDepositSnapshot as e}from"../driver/context.js";import{useControllerContext as t}from"../orchestrator/controller.js";import{useDepositEmissions as n}from"../../../events/emit/useDepositEmissions.js";import"../../../events/emit/index.js";import{useIntercomShutdownOnUnmount as r}from"../../../shared/support/useIntercomShutdownOnUnmount.js";import"../../../shared/support/index.js";import{useDepositOwnerContext as i}from"../../../stridge/depositOwner.js";import{Dialog as a}from"../../../shared/ui/Dialog/Dialog.js";import"../../../shared/ui/Dialog/index.js";import{
|
|
1
|
+
"use client";import{useDepositSnapshot as e}from"../driver/context.js";import{useControllerContext as t}from"../orchestrator/controller.js";import{useDepositEmissions as n}from"../../../events/emit/useDepositEmissions.js";import"../../../events/emit/index.js";import{useIntercomShutdownOnUnmount as r}from"../../../shared/support/useIntercomShutdownOnUnmount.js";import"../../../shared/support/index.js";import{useDepositOwnerContext as i}from"../../../stridge/depositOwner.js";import{Dialog as a}from"../../../shared/ui/Dialog/Dialog.js";import"../../../shared/ui/Dialog/index.js";import{Deposit as o}from"../widgets/deposit/compound/Deposit.js";import"../widgets/deposit/compound/index.js";import{AmountEntry as s}from"../widgets/amount-entry/AmountEntry.js";import"../widgets/amount-entry/index.js";import{AssetPicker as c}from"../widgets/asset-picker/AssetPicker.js";import"../widgets/asset-picker/index.js";import{ConfirmDeposit as l}from"../widgets/confirm-deposit/ConfirmDeposit.js";import"../widgets/confirm-deposit/index.js";import{Deposit as u}from"../widgets/deposit/Deposit.js";import"../widgets/deposit/index.js";import{DepositStatusBanner as d}from"../widgets/deposit-status-banner/DepositStatusBanner.js";import"../widgets/deposit-status-banner/index.js";import{ErrorState as f}from"../widgets/error-state/ErrorState.js";import"../widgets/error-state/index.js";import{ProcessingState as p}from"../widgets/processing-state/ProcessingState.js";import"../widgets/processing-state/index.js";import{SuccessState as m}from"../widgets/success-state/SuccessState.js";import"../widgets/success-state/index.js";import{TransferCrypto as h}from"../widgets/transfer-crypto/TransferCrypto.js";import"../widgets/transfer-crypto/index.js";import{LoadingState as g}from"../../../shared/dialog/LoadingState.js";import{GatewayKitBoundary as _}from"../../../shared/error-handling/components/GatewayKitBoundary.js";import"../../../shared/error-handling/index.js";import{DepositBootstrapErrorState as v}from"./DepositBootstrapErrorState.js";import{WalletRequiredState as y}from"./WalletRequiredState.js";import{jsx as b,jsxs as x}from"react/jsx-runtime";const S=new Set([`deposit`,`assetPicker`,`amountEntry`,`confirmDeposit`,`transferCrypto`]);function C({container:C,metadata:w,onError:T}={}){let{state:E,effectiveState:D,controller:O}=t(),k=e(),A=i(),j=E.name!==`closed`;n({state:E,settlement:k.settlement,quote:k.quote,metadata:w}),r();let M=D,N=A!==null&&!A.resolved&&S.has(M.name),P=!N&&k.target.status===`error`&&S.has(M.name),F=!N&&!P&&(k.target.status===`loading`||k.target.status===`idle`)&&S.has(M.name);return b(a,{open:j,onOpenChange:e=>{e||O.close()},children:b(a.Content,{container:C,children:x(_,{onError:T,onReset:O.close,children:[N?b(y,{}):P?b(v,{}):F?b(g,{slot:`deposit`}):x(o.Steps,{children:[b(o.Step,{name:`deposit`,children:b(u,{})}),b(o.Step,{name:`assetPicker`,children:b(c,{})}),b(o.Step,{name:`amountEntry`,children:b(s,{})}),b(o.Step,{name:`confirmDeposit`,children:b(l,{})}),b(o.Step,{name:`transferCrypto`,children:b(h,{})}),b(o.Step,{name:`processing`,children:b(p,{})}),b(o.Step,{name:`success`,children:b(m,{})}),b(o.Step,{name:`error`,children:b(f,{})})]}),b(d,{})]})})})}export{C as DepositDialog};
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
+
import { DepositStateName } from "../../../orchestrator/types.js";
|
|
1
2
|
import { DepositBodyProps, DepositDialogProps, DepositHeaderProps, DepositMethodProps, DepositMethodsProps, DepositProps } from "./types.js";
|
|
2
3
|
import { DepositHeader } from "./components/Header.js";
|
|
3
4
|
import { DepositMethod } from "./components/Method.js";
|
|
4
5
|
import { DepositMethods } from "./components/Methods.js";
|
|
6
|
+
import { DepositSteps, DepositStepsProps } from "./components/Steps.js";
|
|
7
|
+
import { ReactNode } from "react";
|
|
5
8
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
9
|
|
|
7
10
|
//#region src/flows/deposit/widgets/deposit/compound/Deposit.d.ts
|
|
11
|
+
interface DepositStepProps {
|
|
12
|
+
/** Matches against the deposit FSM's effective state name. */
|
|
13
|
+
name: DepositStateName;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}
|
|
8
16
|
/**
|
|
9
17
|
* Root of the Deposit compound. Renders the modal-frame card surface
|
|
10
18
|
* and provides shared state to every compound part rendered inside it.
|
|
@@ -18,6 +26,8 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
|
18
26
|
* - {@link Deposit.Body}
|
|
19
27
|
* - {@link Deposit.Methods}
|
|
20
28
|
* - {@link Deposit.Method}
|
|
29
|
+
* - {@link Deposit.Steps}
|
|
30
|
+
* - {@link Deposit.Step}
|
|
21
31
|
*
|
|
22
32
|
* Dialog form: {@link Deposit.Dialog} pre-composes the widget into a
|
|
23
33
|
* `Dialog.Root + Dialog.Trigger + Dialog.Content` shell — the
|
|
@@ -41,11 +51,19 @@ declare namespace Deposit {
|
|
|
41
51
|
type MethodsProps = DepositMethodsProps;
|
|
42
52
|
type MethodProps = DepositMethodProps;
|
|
43
53
|
type DialogProps = DepositDialogProps;
|
|
54
|
+
type StepsProps = DepositStepsProps;
|
|
55
|
+
type StepProps = DepositStepProps;
|
|
44
56
|
const Header: typeof DepositHeader;
|
|
45
57
|
const Body: typeof DepositBody;
|
|
46
58
|
const Methods: typeof DepositMethods;
|
|
47
59
|
const Method: typeof DepositMethod;
|
|
48
60
|
const Dialog: typeof DepositDialog;
|
|
61
|
+
const Steps: typeof DepositSteps;
|
|
62
|
+
/**
|
|
63
|
+
* Slot consumed by {@link Deposit.Steps}. `name` is the FSM state to match; the
|
|
64
|
+
* matched step's `children` are rendered, every other branch is dropped.
|
|
65
|
+
*/
|
|
66
|
+
const Step: (props: DepositStepProps) => null;
|
|
49
67
|
}
|
|
50
68
|
//#endregion
|
|
51
69
|
export { Deposit };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{Card as t}from"../../../../../shared/ui/Card/Card.js";import{
|
|
1
|
+
"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{Card as t}from"../../../../../shared/ui/Card/Card.js";import{Step as n}from"../../../../../shared/ui/Steps/Steps.js";import"../../../../../shared/ui/Steps/index.js";import{Tooltip as r}from"../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../shared/ui/Tooltip/index.js";import"../../../../../ui/index.js";import{Frame as i}from"../../../../../shared/dialog/Frame.js";import{DepositContext as a}from"./context.js";import{DEPOSIT_SLOTS as o}from"./Deposit.slots.js";import{styles as s}from"./Deposit.styles.js";import{DepositHeader as c}from"./components/Header.js";import{DepositMethod as l}from"./components/Method.js";import{DepositMethods as u}from"./components/Methods.js";import{DepositSteps as d}from"./components/Steps.js";import{useMemo as f}from"react";import{jsx as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";const h=[];function g(e){let{title:t,methodsLabel:n,methods:c=h,children:l}=e,u=f(()=>({title:t,methodsLabel:n,methods:c}),[t,n,c]);return p(a.Provider,{value:u,children:p(r.Provider,{children:p(i,{"data-stridge-slot":o.root,...m.props(s.root),children:l})})})}function _(e){return p(t.Body,{"data-stridge-slot":o.body,...e})}function v({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:p(g,{...o,children:a})})}(function(e){e.Header=c,e.Body=_,e.Methods=u,e.Method=l,e.Dialog=v,e.Steps=d,e.Step=n})(g||={});export{g as Deposit};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/flows/deposit/widgets/deposit/compound/components/Steps.d.ts
|
|
5
|
+
interface DepositStepsProps {
|
|
6
|
+
/**
|
|
7
|
+
* When true, the matched step renders without the kit's animated `StepTransition` wrapper.
|
|
8
|
+
* Forwarded to the underlying `Steps` primitive.
|
|
9
|
+
*/
|
|
10
|
+
plain?: boolean;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Deposit-bound slot-routing parent. Reads the deposit FSM's *effective* state name and
|
|
15
|
+
* renders only the `<Deposit.Step name="…" />` child whose name matches. Reading effective
|
|
16
|
+
* (rather than logical) state keeps the matched step mounted while the enclosing
|
|
17
|
+
* `Deposit.Dialog` plays its exit animation — see `StepTransition.tsx` for the rationale.
|
|
18
|
+
*/
|
|
19
|
+
declare function DepositSteps({
|
|
20
|
+
plain,
|
|
21
|
+
children
|
|
22
|
+
}: DepositStepsProps): _$react_jsx_runtime0.JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { DepositSteps, type DepositStepsProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useDepositEffectiveState as e}from"../../../../orchestrator/controller.js";import{Steps as t}from"../../../../../../shared/ui/Steps/Steps.js";import"../../../../../../shared/ui/Steps/index.js";import{jsx as n}from"react/jsx-runtime";function r({plain:r,children:i}){return n(t,{activeStep:e().name,...r===void 0?{}:{plain:r},children:i})}export{r as DepositSteps};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { DepositBodyProps, DepositDialogProps, DepositHeaderProps, DepositMethodInput, DepositMethodOption, DepositMethodProps, DepositMethodsProps, DepositProps } from "./types.js";
|
|
2
|
+
import { DepositStepsProps } from "./components/Steps.js";
|
|
2
3
|
import { Deposit } from "./Deposit.js";
|
|
3
4
|
import { DEPOSIT_SLOTS, DepositSlot } from "./Deposit.slots.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{useWithdrawBindings as e}from"../bindings/WithdrawBindings.js";import"../bindings/index.js";import{useWithdrawSnapshot as t}from"../driver/context.js";import{useWithdrawEffectiveState as n,useWithdrawState as r}from"../orchestrator/controller.js";import{useWithdraw as i}from"../orchestrator/useWithdraw.js";import"../orchestrator/index.js";import{useWithdrawEmissions as a}from"../../../events/emit/useWithdrawEmissions.js";import"../../../events/emit/index.js";import{useIntercomShutdownOnUnmount as o}from"../../../shared/support/useIntercomShutdownOnUnmount.js";import"../../../shared/support/index.js";import{Dialog as s}from"../../../shared/ui/Dialog/Dialog.js";import"../../../shared/ui/Dialog/index.js";import{LoadingState as c}from"../../../shared/dialog/LoadingState.js";import{
|
|
1
|
+
"use client";import{useWithdrawBindings as e}from"../bindings/WithdrawBindings.js";import"../bindings/index.js";import{useWithdrawSnapshot as t}from"../driver/context.js";import{useWithdrawEffectiveState as n,useWithdrawState as r}from"../orchestrator/controller.js";import{useWithdraw as i}from"../orchestrator/useWithdraw.js";import"../orchestrator/index.js";import{useWithdrawEmissions as a}from"../../../events/emit/useWithdrawEmissions.js";import"../../../events/emit/index.js";import{useIntercomShutdownOnUnmount as o}from"../../../shared/support/useIntercomShutdownOnUnmount.js";import"../../../shared/support/index.js";import{Dialog as s}from"../../../shared/ui/Dialog/Dialog.js";import"../../../shared/ui/Dialog/index.js";import{LoadingState as c}from"../../../shared/dialog/LoadingState.js";import{GatewayKitBoundary as l}from"../../../shared/error-handling/components/GatewayKitBoundary.js";import"../../../shared/error-handling/index.js";import{Withdraw as u}from"../widgets/withdraw/compound/Withdraw.js";import"../../../withdraw/compound/index.js";import{WithdrawError as d}from"../widgets/withdraw-error/WithdrawError.js";import{WithdrawForm as f}from"../widgets/withdraw-form/WithdrawForm.js";import{WithdrawInProgress as p}from"../widgets/withdraw-in-progress/WithdrawInProgress.js";import{WithdrawSuccess as m}from"../widgets/withdraw-success/WithdrawSuccess.js";import"../../../_internal/withdraw/widgets/index.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";function _({container:_,metadata:v,onError:y,balance:b,onSubmit:x,suggestedRecipient:S}={}){let C=r(),w=n(),{close:T}=i(),E=t(),D=C.name!==`closed`;a({state:C,settlement:E.settlement,quote:E.quote,metadata:v}),o(),e({...b===void 0?{}:{balance:b},...x?{onSubmit:x}:{},...S?{suggestedRecipient:S}:{}});let O=(w.name===`form`||w.name===`submitting`)&&(E.receiveOptions.status===`loading`||E.receiveOptions.status===`idle`);return h(s,{open:D,onOpenChange:e=>e?void 0:T(),children:h(s.Content,{container:_,children:h(l,{onError:y,onReset:T,children:O?h(c,{slot:`withdraw`}):g(u.Steps,{children:[h(u.Step,{name:`form`,children:h(f,{})}),h(u.Step,{name:`inProgress`,children:h(p,{})}),h(u.Step,{name:`success`,children:h(m,{})}),h(u.Step,{name:`error`,children:h(d,{})})]})})})})}export{_ as WithdrawDialog};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { WithdrawStateName } from "../../../orchestrator/types.js";
|
|
2
|
+
import { WithdrawSteps, WithdrawStepsProps } from "./components/Steps.js";
|
|
3
|
+
import { ReactNode } from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/flows/withdraw/widgets/withdraw/compound/Withdraw.d.ts
|
|
6
|
+
interface WithdrawStepProps {
|
|
7
|
+
/**
|
|
8
|
+
* Matches against the withdraw FSM's effective state name (with `submitting` collapsed
|
|
9
|
+
* to `form`). Declaring `name="submitting"` never matches — use `name="form"` and the
|
|
10
|
+
* widget stays mounted across both states.
|
|
11
|
+
*/
|
|
12
|
+
name: WithdrawStateName;
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Top-level `Withdraw` compound namespace. Today exposes the slot-routing primitives that
|
|
17
|
+
* let hosts compose multi-screen withdraw flows; the namespace exists at this position so
|
|
18
|
+
* future `Withdraw.*` parts (Header, Body, …) can extend it without churning the import path.
|
|
19
|
+
*
|
|
20
|
+
* Hosts wire it like the deposit equivalent:
|
|
21
|
+
*
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <Withdraw.Steps>
|
|
24
|
+
* <Withdraw.Step name="form"><WithdrawForm /></Withdraw.Step>
|
|
25
|
+
* <Withdraw.Step name="inProgress"><WithdrawInProgress /></Withdraw.Step>
|
|
26
|
+
* <Withdraw.Step name="success"><WithdrawSuccess /></Withdraw.Step>
|
|
27
|
+
* <Withdraw.Step name="error"><WithdrawError /></Withdraw.Step>
|
|
28
|
+
* </Withdraw.Steps>
|
|
29
|
+
* ```
|
|
30
|
+
*
|
|
31
|
+
* Rendered directly (`<Withdraw />`) the component is a no-op — reach into the sub-parts.
|
|
32
|
+
*/
|
|
33
|
+
declare function Withdraw(): null;
|
|
34
|
+
declare namespace Withdraw {
|
|
35
|
+
type StepsProps = WithdrawStepsProps;
|
|
36
|
+
type StepProps = WithdrawStepProps;
|
|
37
|
+
const Steps: typeof WithdrawSteps;
|
|
38
|
+
/**
|
|
39
|
+
* Slot consumed by {@link Withdraw.Steps}. `name` is the FSM state to match; the matched
|
|
40
|
+
* step's `children` are rendered, every other branch is dropped.
|
|
41
|
+
*/
|
|
42
|
+
const Step: (props: WithdrawStepProps) => null;
|
|
43
|
+
}
|
|
44
|
+
//#endregion
|
|
45
|
+
export { Withdraw };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{Step as e}from"../../../../../shared/ui/Steps/Steps.js";import"../../../../../shared/ui/Steps/index.js";import{WithdrawSteps as t}from"./components/Steps.js";function n(){return null}(function(n){n.Steps=t,n.Step=e})(n||={});export{n as Withdraw};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/flows/withdraw/widgets/withdraw/compound/Withdraw.slots.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* `<Withdraw.*>` slot vocabulary. Today the namespace only houses `Withdraw.Steps` /
|
|
4
|
+
* `Withdraw.Step`, both of which route their slot attribute through the shared `Steps`
|
|
5
|
+
* primitive. The constant exists so future `Withdraw.*` parts (Header, Body, …) have a
|
|
6
|
+
* canonical slot map ready when they land.
|
|
7
|
+
*/
|
|
8
|
+
declare const WITHDRAW_SLOTS: {
|
|
9
|
+
readonly root: "withdraw-root";
|
|
10
|
+
};
|
|
11
|
+
type WithdrawSlot = (typeof WITHDRAW_SLOTS)[keyof typeof WITHDRAW_SLOTS];
|
|
12
|
+
//#endregion
|
|
13
|
+
export { WITHDRAW_SLOTS, WithdrawSlot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:`withdraw-root`};export{e as WITHDRAW_SLOTS};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/flows/withdraw/widgets/withdraw/compound/components/Steps.d.ts
|
|
5
|
+
interface WithdrawStepsProps {
|
|
6
|
+
/**
|
|
7
|
+
* When true, the matched step renders without the kit's animated `StepTransition` wrapper.
|
|
8
|
+
* Forwarded to the underlying `Steps` primitive.
|
|
9
|
+
*/
|
|
10
|
+
plain?: boolean;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Withdraw-bound slot-routing parent. Reads the withdraw FSM's *effective* state name and
|
|
15
|
+
* renders only the matching `<Withdraw.Step name="…" />` child.
|
|
16
|
+
*
|
|
17
|
+
* Collapses `submitting → form` so the form widget stays mounted (and its slide animation
|
|
18
|
+
* does not re-trigger) while the host's `onSubmit` is in flight. Hosts therefore declare a
|
|
19
|
+
* single `<Withdraw.Step name="form">` to cover both the idle form and the post-submit
|
|
20
|
+
* pending state — declaring `name="submitting"` separately never matches.
|
|
21
|
+
*/
|
|
22
|
+
declare function WithdrawSteps({
|
|
23
|
+
plain,
|
|
24
|
+
children
|
|
25
|
+
}: WithdrawStepsProps): _$react_jsx_runtime0.JSX.Element;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { WithdrawSteps, type WithdrawStepsProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useWithdrawEffectiveState as e}from"../../../../orchestrator/controller.js";import"../../../../orchestrator/index.js";import{Steps as t}from"../../../../../../shared/ui/Steps/Steps.js";import"../../../../../../shared/ui/Steps/index.js";import{jsx as n}from"react/jsx-runtime";function r({plain:r,children:i}){let a=e();return n(t,{activeStep:a.name===`submitting`?`form`:a.name,...r===void 0?{}:{plain:r},children:i})}export{r as WithdrawSteps};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./Withdraw.js";import"./Withdraw.slots.js";
|
package/dist/package.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`0.1.0-alpha.
|
|
1
|
+
var e=`0.1.0-alpha.44`;export{e as version};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/shared/ui/Steps/Steps.d.ts
|
|
5
|
+
interface StepsProps {
|
|
6
|
+
/**
|
|
7
|
+
* The active step's name. Determines which `<Step name="..." />` child renders. Pass the
|
|
8
|
+
* current FSM state name — typically piped through the flow-level wrapper that calls
|
|
9
|
+
* `useDepositEffectiveState()` / `useWithdrawEffectiveState()` so the matched step stays
|
|
10
|
+
* mounted through the parent dialog's close animation.
|
|
11
|
+
*/
|
|
12
|
+
activeStep: string;
|
|
13
|
+
/**
|
|
14
|
+
* When true, the matched step renders without the kit's animated `StepTransition` wrapper.
|
|
15
|
+
* Use for static slot routing — for example when the consumer mounts their own animation
|
|
16
|
+
* primitive around `Steps`, or wants no transition at all.
|
|
17
|
+
*/
|
|
18
|
+
plain?: boolean;
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
interface StepProps {
|
|
22
|
+
/** Matches against the `activeStep` of the enclosing `Steps`. */
|
|
23
|
+
name: string;
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Declarative slot consumed by {@link Steps}. The component itself renders nothing — its
|
|
28
|
+
* `children` are lifted by the enclosing `Steps` when `name` matches the active step.
|
|
29
|
+
* Outside a `Steps` container the component is a no-op.
|
|
30
|
+
*/
|
|
31
|
+
declare function Step(_props: StepProps): null;
|
|
32
|
+
declare namespace Step {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Slot-routing primitive for FSM-driven multi-screen composition. Renders only the `Step`
|
|
37
|
+
* child whose `name` matches `activeStep`; everything else is dropped from the tree.
|
|
38
|
+
*
|
|
39
|
+
* By default the matched child is wrapped in the kit's `StepTransition` (slide + blur on
|
|
40
|
+
* step change, animated height between commits). Pass `plain` to route without animation
|
|
41
|
+
* when the consumer wraps `Steps` in their own transition primitive.
|
|
42
|
+
*
|
|
43
|
+
* Unknown `activeStep` values render nothing (no fallback child). When two `Step` children
|
|
44
|
+
* declare the same `name`, the first one in source order wins.
|
|
45
|
+
*/
|
|
46
|
+
declare function Steps({
|
|
47
|
+
activeStep,
|
|
48
|
+
plain,
|
|
49
|
+
children
|
|
50
|
+
}: StepsProps): _$react_jsx_runtime0.JSX.Element;
|
|
51
|
+
//#endregion
|
|
52
|
+
export { Step, Steps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{StepTransition as e}from"../../dialog/StepTransition.js";import{STEPS_SLOTS as t}from"./Steps.slots.js";import{styles as n}from"./Steps.styles.js";import{Children as r,isValidElement as i,useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(e){return null}c.displayName=`Steps.Step`;function l({activeStep:r,plain:i=!1,children:c}){let l=a(()=>u(c,r),[c,r]),d=o(`div`,{"data-stridge-slot":t.root,...s.props(n.root),children:l});return i?d:o(e,{stateKey:r,children:d})}function u(e,t){let n=null;return r.forEach(e,e=>{if(n!==null||!i(e)||e.type!==c)return;let r=e.props;r.name===t&&(n=r.children)}),n}export{c as Step,l as Steps};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:`steps-root`};export{e as STEPS_SLOTS};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:{"Steps__styles.root":`Steps__styles.root`,"display-k1xSpc":`xjp7ctv`,$$css:`@stridge/kit:src/shared/ui/Steps/Steps.styles.ts:7`}};export{e as styles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./Steps.slots.js";import"./Steps.js";
|
package/dist/styles/index.css
CHANGED
package/dist/ui/index.d.ts
CHANGED
|
@@ -39,10 +39,12 @@ import { SELECTABLE_TILE_SLOTS, SelectableTileSlot } from "../shared/ui/Selectab
|
|
|
39
39
|
import { SelectableTileGroup, SelectableTileGroupProps } from "../shared/ui/SelectableTile/SelectableTileGroup.js";
|
|
40
40
|
import { Skeleton } from "../shared/ui/Skeleton/Skeleton.js";
|
|
41
41
|
import { SKELETON_SLOTS, SkeletonSlot } from "../shared/ui/Skeleton/Skeleton.slots.js";
|
|
42
|
+
import { Step, Steps } from "../shared/ui/Steps/Steps.js";
|
|
43
|
+
import { STEPS_SLOTS, StepsSlot } from "../shared/ui/Steps/Steps.slots.js";
|
|
42
44
|
import { HtmlTags, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextTracking, TextTransform, text } from "../shared/ui/Text/Text.js";
|
|
43
45
|
import { TEXT_SLOTS, TextSlot } from "../shared/ui/Text/Text.slots.js";
|
|
44
46
|
import { TokenLogoProps } from "../shared/ui/TokenLogo/types.js";
|
|
45
47
|
import { TokenLogo } from "../shared/ui/TokenLogo/TokenLogo.js";
|
|
46
48
|
import { Tooltip, TooltipVariant } from "../shared/ui/Tooltip/Tooltip.js";
|
|
47
49
|
import { TOOLTIP_SLOTS, TooltipSlot } from "../shared/ui/Tooltip/Tooltip.slots.js";
|
|
48
|
-
export { ALERT_SLOTS, AMOUNT_INPUT_SLOTS, Alert, AlertSlot, AlertVariant, AmountInput, AmountInputSlot, BADGE_SLOTS, BUTTON_SLOTS, Badge, BadgeColor, BadgeRoundness, BadgeSize, BadgeSlot, BadgeVariant, Button, ButtonSize, ButtonSlot, ButtonVariant, CARD_SLOTS, COLLAPSIBLE_SLOTS, Card, CardSlot, CardVariant, Collapsible, CollapsibleSlot, DETAILS_SLOTS, DIALOG_SLOTS, Details, DetailsSlot, Dialog, DialogSlot, EXTERNAL_LINK_SLOTS, ExternalLink, ExternalLinkSlot, FIELD_SLOTS, Field, FieldOrientation, FieldSlot, HtmlTags, ICON_BUTTON_SLOTS, IMAGE_SLOTS, INPUT_GROUP_SLOTS, IconButton, IconButtonSize, IconButtonSlot, Image, ImageGroupProps, ImageOverlayProps, ImageProps, ImageShape, ImageSize, ImageSlot, InputGroup, InputGroupAddonAlign, InputGroupSlot, LtrAtom, LtrAtomProps, SCROLL_AREA_SLOTS, SELECTABLE_TILE_SLOTS, SELECT_SLOTS, SKELETON_SLOTS, ScrollArea, ScrollAreaSlot, Select, SelectSlot, SelectVariant, SelectableTile, SelectableTileGroup, SelectableTileGroupProps, SelectableTileShape, SelectableTileSlot, Skeleton, SkeletonSlot, TEXT_SLOTS, TOOLTIP_SLOTS, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextSlot, TextTracking, TextTransform, TokenLogo, TokenLogoProps, Tooltip, TooltipSlot, TooltipVariant, WALLET_ROW_SLOTS, WalletRow, WalletRowDensity, WalletRowProps, WalletRowSlot, formatAmountForInput, parseAmountInputValue, text, useIsInsideDialogContent };
|
|
50
|
+
export { ALERT_SLOTS, AMOUNT_INPUT_SLOTS, Alert, AlertSlot, AlertVariant, AmountInput, AmountInputSlot, BADGE_SLOTS, BUTTON_SLOTS, Badge, BadgeColor, BadgeRoundness, BadgeSize, BadgeSlot, BadgeVariant, Button, ButtonSize, ButtonSlot, ButtonVariant, CARD_SLOTS, COLLAPSIBLE_SLOTS, Card, CardSlot, CardVariant, Collapsible, CollapsibleSlot, DETAILS_SLOTS, DIALOG_SLOTS, Details, DetailsSlot, Dialog, DialogSlot, EXTERNAL_LINK_SLOTS, ExternalLink, ExternalLinkSlot, FIELD_SLOTS, Field, FieldOrientation, FieldSlot, HtmlTags, ICON_BUTTON_SLOTS, IMAGE_SLOTS, INPUT_GROUP_SLOTS, IconButton, IconButtonSize, IconButtonSlot, Image, ImageGroupProps, ImageOverlayProps, ImageProps, ImageShape, ImageSize, ImageSlot, InputGroup, InputGroupAddonAlign, InputGroupSlot, LtrAtom, LtrAtomProps, SCROLL_AREA_SLOTS, SELECTABLE_TILE_SLOTS, SELECT_SLOTS, SKELETON_SLOTS, STEPS_SLOTS, ScrollArea, ScrollAreaSlot, Select, SelectSlot, SelectVariant, SelectableTile, SelectableTileGroup, SelectableTileGroupProps, SelectableTileShape, SelectableTileSlot, Skeleton, SkeletonSlot, Step, Steps, StepsSlot, TEXT_SLOTS, TOOLTIP_SLOTS, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextSlot, TextTracking, TextTransform, TokenLogo, TokenLogoProps, Tooltip, TooltipSlot, TooltipVariant, WALLET_ROW_SLOTS, WalletRow, WalletRowDensity, WalletRowProps, WalletRowSlot, formatAmountForInput, parseAmountInputValue, text, useIsInsideDialogContent };
|
package/dist/ui/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{EXTERNAL_LINK_SLOTS as e}from"../shared/ui/ExternalLink/ExternalLink.slots.js";import{ExternalLink as t}from"../shared/ui/ExternalLink/ExternalLink.js";import"../shared/ui/ExternalLink/index.js";import{BUTTON_SLOTS as n}from"../shared/ui/Button/Button.slots.js";import{Button as r}from"../shared/ui/Button/Button.js";import"../shared/ui/Button/index.js";import{ICON_BUTTON_SLOTS as i}from"../shared/ui/IconButton/IconButton.slots.js";import{IconButton as a}from"../shared/ui/IconButton/IconButton.js";import"../shared/ui/IconButton/index.js";import{SCROLL_AREA_SLOTS as o}from"../shared/ui/ScrollArea/ScrollArea.slots.js";import{ScrollArea as s}from"../shared/ui/ScrollArea/ScrollArea.js";import"../shared/ui/ScrollArea/index.js";import{DIALOG_SLOTS as c}from"../shared/ui/Dialog/Dialog.slots.js";import{Dialog as l,useIsInsideDialogContent as u}from"../shared/ui/Dialog/Dialog.js";import"../shared/ui/Dialog/index.js";import{ALERT_SLOTS as d}from"../shared/ui/Alert/Alert.slots.js";import{Alert as f}from"../shared/ui/Alert/Alert.js";import"../shared/ui/Alert/index.js";import{AMOUNT_INPUT_SLOTS as p}from"../shared/ui/AmountInput/AmountInput.slots.js";import{formatAmountForInput as m,parseAmountInputValue as h}from"../shared/ui/AmountInput/utils.js";import{AmountInput as g}from"../shared/ui/AmountInput/AmountInput.js";import"../shared/ui/AmountInput/index.js";import{BADGE_SLOTS as _}from"../shared/ui/Badge/Badge.slots.js";import{Badge as v}from"../shared/ui/Badge/Badge.js";import"../shared/ui/Badge/index.js";import{CARD_SLOTS as y}from"../shared/ui/Card/Card.slots.js";import{Card as b}from"../shared/ui/Card/Card.js";import"../shared/ui/Card/index.js";import{COLLAPSIBLE_SLOTS as x}from"../shared/ui/Collapsible/Collapsible.slots.js";import{Collapsible as S}from"../shared/ui/Collapsible/Collapsible.js";import"../shared/ui/Collapsible/index.js";import{DETAILS_SLOTS as C}from"../shared/ui/Details/Details.slots.js";import{Details as w}from"../shared/ui/Details/Details.js";import"../shared/ui/Details/index.js";import{FIELD_SLOTS as T}from"../shared/ui/Field/Field.slots.js";import{Field as E}from"../shared/ui/Field/Field.js";import"../shared/ui/Field/index.js";import{IMAGE_SLOTS as D}from"../shared/ui/Image/Image.slots.js";import{Image as O}from"../shared/ui/Image/Image.js";import"../shared/ui/Image/index.js";import{INPUT_GROUP_SLOTS as k}from"../shared/ui/InputGroup/InputGroup.slots.js";import{InputGroup as A}from"../shared/ui/InputGroup/InputGroup.js";import"../shared/ui/InputGroup/index.js";import{LtrAtom as j}from"../shared/ui/LtrAtom/LtrAtom.js";import"../shared/ui/LtrAtom/index.js";import{SELECT_SLOTS as M}from"../shared/ui/Select/Select.slots.js";import{Select as N}from"../shared/ui/Select/Select.js";import"../shared/ui/Select/index.js";import{SELECTABLE_TILE_SLOTS as P}from"../shared/ui/SelectableTile/SelectableTile.slots.js";import{SelectableTile as F}from"../shared/ui/SelectableTile/SelectableTile.js";import{SelectableTileGroup as I}from"../shared/ui/SelectableTile/SelectableTileGroup.js";import"../shared/ui/SelectableTile/index.js";import{SKELETON_SLOTS as L}from"../shared/ui/Skeleton/Skeleton.slots.js";import{Skeleton as R}from"../shared/ui/Skeleton/Skeleton.js";import"../shared/ui/Skeleton/index.js";import{
|
|
1
|
+
import{EXTERNAL_LINK_SLOTS as e}from"../shared/ui/ExternalLink/ExternalLink.slots.js";import{ExternalLink as t}from"../shared/ui/ExternalLink/ExternalLink.js";import"../shared/ui/ExternalLink/index.js";import{BUTTON_SLOTS as n}from"../shared/ui/Button/Button.slots.js";import{Button as r}from"../shared/ui/Button/Button.js";import"../shared/ui/Button/index.js";import{ICON_BUTTON_SLOTS as i}from"../shared/ui/IconButton/IconButton.slots.js";import{IconButton as a}from"../shared/ui/IconButton/IconButton.js";import"../shared/ui/IconButton/index.js";import{SCROLL_AREA_SLOTS as o}from"../shared/ui/ScrollArea/ScrollArea.slots.js";import{ScrollArea as s}from"../shared/ui/ScrollArea/ScrollArea.js";import"../shared/ui/ScrollArea/index.js";import{DIALOG_SLOTS as c}from"../shared/ui/Dialog/Dialog.slots.js";import{Dialog as l,useIsInsideDialogContent as u}from"../shared/ui/Dialog/Dialog.js";import"../shared/ui/Dialog/index.js";import{ALERT_SLOTS as d}from"../shared/ui/Alert/Alert.slots.js";import{Alert as f}from"../shared/ui/Alert/Alert.js";import"../shared/ui/Alert/index.js";import{AMOUNT_INPUT_SLOTS as p}from"../shared/ui/AmountInput/AmountInput.slots.js";import{formatAmountForInput as m,parseAmountInputValue as h}from"../shared/ui/AmountInput/utils.js";import{AmountInput as g}from"../shared/ui/AmountInput/AmountInput.js";import"../shared/ui/AmountInput/index.js";import{BADGE_SLOTS as _}from"../shared/ui/Badge/Badge.slots.js";import{Badge as v}from"../shared/ui/Badge/Badge.js";import"../shared/ui/Badge/index.js";import{CARD_SLOTS as y}from"../shared/ui/Card/Card.slots.js";import{Card as b}from"../shared/ui/Card/Card.js";import"../shared/ui/Card/index.js";import{COLLAPSIBLE_SLOTS as x}from"../shared/ui/Collapsible/Collapsible.slots.js";import{Collapsible as S}from"../shared/ui/Collapsible/Collapsible.js";import"../shared/ui/Collapsible/index.js";import{DETAILS_SLOTS as C}from"../shared/ui/Details/Details.slots.js";import{Details as w}from"../shared/ui/Details/Details.js";import"../shared/ui/Details/index.js";import{FIELD_SLOTS as T}from"../shared/ui/Field/Field.slots.js";import{Field as E}from"../shared/ui/Field/Field.js";import"../shared/ui/Field/index.js";import{IMAGE_SLOTS as D}from"../shared/ui/Image/Image.slots.js";import{Image as O}from"../shared/ui/Image/Image.js";import"../shared/ui/Image/index.js";import{INPUT_GROUP_SLOTS as k}from"../shared/ui/InputGroup/InputGroup.slots.js";import{InputGroup as A}from"../shared/ui/InputGroup/InputGroup.js";import"../shared/ui/InputGroup/index.js";import{LtrAtom as j}from"../shared/ui/LtrAtom/LtrAtom.js";import"../shared/ui/LtrAtom/index.js";import{SELECT_SLOTS as M}from"../shared/ui/Select/Select.slots.js";import{Select as N}from"../shared/ui/Select/Select.js";import"../shared/ui/Select/index.js";import{SELECTABLE_TILE_SLOTS as P}from"../shared/ui/SelectableTile/SelectableTile.slots.js";import{SelectableTile as F}from"../shared/ui/SelectableTile/SelectableTile.js";import{SelectableTileGroup as I}from"../shared/ui/SelectableTile/SelectableTileGroup.js";import"../shared/ui/SelectableTile/index.js";import{SKELETON_SLOTS as L}from"../shared/ui/Skeleton/Skeleton.slots.js";import{Skeleton as R}from"../shared/ui/Skeleton/Skeleton.js";import"../shared/ui/Skeleton/index.js";import{STEPS_SLOTS as z}from"../shared/ui/Steps/Steps.slots.js";import{Step as B,Steps as V}from"../shared/ui/Steps/Steps.js";import"../shared/ui/Steps/index.js";import{TEXT_SLOTS as H}from"../shared/ui/Text/Text.slots.js";import{text as U}from"../shared/ui/Text/Text.js";import"../shared/ui/Text/index.js";import{TokenLogo as W}from"../shared/ui/TokenLogo/TokenLogo.js";import"../shared/ui/TokenLogo/index.js";import{TOOLTIP_SLOTS as G}from"../shared/ui/Tooltip/Tooltip.slots.js";import{Tooltip as K}from"../shared/ui/Tooltip/Tooltip.js";import"../shared/ui/Tooltip/index.js";import{WALLET_ROW_SLOTS as q}from"../shared/ui/WalletRow/WalletRow.slots.js";import{WalletRow as J}from"../shared/ui/WalletRow/WalletRow.js";import"../shared/ui/WalletRow/index.js";export{d as ALERT_SLOTS,p as AMOUNT_INPUT_SLOTS,f as Alert,g as AmountInput,_ as BADGE_SLOTS,n as BUTTON_SLOTS,v as Badge,r as Button,y as CARD_SLOTS,x as COLLAPSIBLE_SLOTS,b as Card,S as Collapsible,C as DETAILS_SLOTS,c as DIALOG_SLOTS,w as Details,l as Dialog,e as EXTERNAL_LINK_SLOTS,t as ExternalLink,T as FIELD_SLOTS,E as Field,i as ICON_BUTTON_SLOTS,D as IMAGE_SLOTS,k as INPUT_GROUP_SLOTS,a as IconButton,O as Image,A as InputGroup,j as LtrAtom,o as SCROLL_AREA_SLOTS,P as SELECTABLE_TILE_SLOTS,M as SELECT_SLOTS,L as SKELETON_SLOTS,z as STEPS_SLOTS,s as ScrollArea,N as Select,F as SelectableTile,I as SelectableTileGroup,R as Skeleton,B as Step,V as Steps,H as TEXT_SLOTS,G as TOOLTIP_SLOTS,W as TokenLogo,K as Tooltip,q as WALLET_ROW_SLOTS,J as WalletRow,m as formatAmountForInput,h as parseAmountInputValue,U as text,u as useIsInsideDialogContent};
|
|
@@ -16,7 +16,10 @@ import { PROCESSING_STATE_SLOTS, ProcessingStateSlot } from "../../shared/widget
|
|
|
16
16
|
import { SuccessStateActionsProps, SuccessStateAsset, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateExplorer, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateSourceWallet, SuccessStateStatusPillProps, SuccessStateTxRef } from "../../shared/widgets/success-state/compound/types.js";
|
|
17
17
|
import { SuccessState } from "../../shared/widgets/success-state/compound/SuccessState.js";
|
|
18
18
|
import { SUCCESS_STATE_SLOTS, SuccessStateSlot } from "../../shared/widgets/success-state/compound/SuccessState.slots.js";
|
|
19
|
+
import { WithdrawStepsProps } from "../../flows/withdraw/widgets/withdraw/compound/components/Steps.js";
|
|
20
|
+
import { Withdraw } from "../../flows/withdraw/widgets/withdraw/compound/Withdraw.js";
|
|
21
|
+
import { WITHDRAW_SLOTS, WithdrawSlot } from "../../flows/withdraw/widgets/withdraw/compound/Withdraw.slots.js";
|
|
19
22
|
import { WithdrawFormAsset, WithdrawFormBalance, WithdrawFormBodyProps, WithdrawFormBreakdown, WithdrawFormDialogProps, WithdrawFormHeaderProps, WithdrawFormProps } from "../../flows/withdraw/widgets/withdraw-form/compound/types.js";
|
|
20
23
|
import { WithdrawForm } from "../../flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.js";
|
|
21
24
|
import { WITHDRAW_FORM_SLOTS, WithdrawFormSlot } from "../../flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.slots.js";
|
|
22
|
-
export { AMOUNT_ENTRY_SLOTS, ASSET_PICKER_SLOTS, AmountEntry, AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntrySlot, AmountEntryToken, AssetOption, AssetPicker, AssetPickerAssetProps, AssetPickerBodyProps, AssetPickerDialogProps, AssetPickerFooterProps, AssetPickerHeaderProps, AssetPickerListProps, AssetPickerProps, AssetPickerSlot, AssetPickerToken, CONFIRM_TRANSFER_SLOTS, ConfirmTransfer, ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdown, ConfirmTransferBreakdownPercentRow, ConfirmTransferBreakdownProps, ConfirmTransferBreakdownTextRow, ConfirmTransferBreakdownUsdRow, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps, ConfirmTransferSlot, ConfirmTransferToken, ConfirmTransferTransfer, ERROR_STATE_SLOTS, ErrorState, ErrorStateActionsProps, ErrorStateAsset, ErrorStateAssetValueProps, ErrorStateBodyProps, ErrorStateDestination, ErrorStateDetailProps, ErrorStateDetailsProps, ErrorStateDialogProps, ErrorStateDisclosureChevronProps, ErrorStateHeaderProps, ErrorStateHelp, ErrorStateHelpInfoProps, ErrorStateHeroProps, ErrorStateMoreDetailsProps, ErrorStateProps, ErrorStateRowProps, ErrorStateSlot, ErrorStateSourceWallet, ErrorStateStatusValueProps, ErrorStateTxRef, PROCESSING_STATE_SLOTS, ProcessingState, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSlot, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef, SUCCESS_STATE_SLOTS, SuccessState, SuccessStateActionsProps, SuccessStateAsset, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateExplorer, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateSlot, SuccessStateSourceWallet, SuccessStateStatusPillProps, SuccessStateTxRef, WITHDRAW_FORM_SLOTS, WithdrawForm, WithdrawFormAsset, WithdrawFormBalance, WithdrawFormBodyProps, WithdrawFormBreakdown, WithdrawFormDialogProps, WithdrawFormHeaderProps, WithdrawFormProps, WithdrawFormSlot };
|
|
25
|
+
export { AMOUNT_ENTRY_SLOTS, ASSET_PICKER_SLOTS, AmountEntry, AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntrySlot, AmountEntryToken, AssetOption, AssetPicker, AssetPickerAssetProps, AssetPickerBodyProps, AssetPickerDialogProps, AssetPickerFooterProps, AssetPickerHeaderProps, AssetPickerListProps, AssetPickerProps, AssetPickerSlot, AssetPickerToken, CONFIRM_TRANSFER_SLOTS, ConfirmTransfer, ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdown, ConfirmTransferBreakdownPercentRow, ConfirmTransferBreakdownProps, ConfirmTransferBreakdownTextRow, ConfirmTransferBreakdownUsdRow, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps, ConfirmTransferSlot, ConfirmTransferToken, ConfirmTransferTransfer, ERROR_STATE_SLOTS, ErrorState, ErrorStateActionsProps, ErrorStateAsset, ErrorStateAssetValueProps, ErrorStateBodyProps, ErrorStateDestination, ErrorStateDetailProps, ErrorStateDetailsProps, ErrorStateDialogProps, ErrorStateDisclosureChevronProps, ErrorStateHeaderProps, ErrorStateHelp, ErrorStateHelpInfoProps, ErrorStateHeroProps, ErrorStateMoreDetailsProps, ErrorStateProps, ErrorStateRowProps, ErrorStateSlot, ErrorStateSourceWallet, ErrorStateStatusValueProps, ErrorStateTxRef, PROCESSING_STATE_SLOTS, ProcessingState, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSlot, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef, SUCCESS_STATE_SLOTS, SuccessState, SuccessStateActionsProps, SuccessStateAsset, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateExplorer, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateSlot, SuccessStateSourceWallet, SuccessStateStatusPillProps, SuccessStateTxRef, WITHDRAW_FORM_SLOTS, WITHDRAW_SLOTS, Withdraw, WithdrawForm, WithdrawFormAsset, WithdrawFormBalance, WithdrawFormBodyProps, WithdrawFormBreakdown, WithdrawFormDialogProps, WithdrawFormHeaderProps, WithdrawFormProps, WithdrawFormSlot, WithdrawSlot, WithdrawStepsProps };
|
|
@@ -1 +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{
|
|
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};
|