@stridge/kit 0.1.0-alpha.51 → 0.1.0-alpha.53
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/KitProvider.d.ts +11 -0
- package/dist/KitProvider.js +1 -1
- package/dist/_internal/activity/driver/index.d.ts +3 -0
- package/dist/_internal/activity/driver/index.js +1 -0
- package/dist/_internal/drivers/stridge/index.d.ts +2 -1
- package/dist/_internal/drivers/stridge/index.js +1 -1
- package/dist/_internal/drivers/stridge-mock/index.d.ts +2 -1
- package/dist/_internal/drivers/stridge-mock/index.js +1 -1
- package/dist/activity/compound/index.d.ts +19 -0
- package/dist/activity/compound/index.js +1 -0
- package/dist/activity/dialog/index.d.ts +3 -0
- package/dist/activity/dialog/index.js +1 -0
- package/dist/activity/widgets/index.d.ts +4 -0
- package/dist/activity/widgets/index.js +1 -0
- package/dist/deposit/compound/index.d.ts +9 -9
- package/dist/deposit/widgets/index.d.ts +3 -3
- package/dist/deposit/widgets/index.js +1 -1
- package/dist/drivers/stridge/createStridgeActivityDriver.d.ts +44 -0
- package/dist/drivers/stridge/createStridgeActivityDriver.js +1 -0
- package/dist/drivers/stridge/createStridgeDepositDriver.js +1 -1
- package/dist/drivers/stridge/createStridgeWithdrawDriver.js +1 -1
- package/dist/drivers/stridge-mock/createStridgeMockActivityDriver.d.ts +44 -0
- package/dist/drivers/stridge-mock/createStridgeMockActivityDriver.js +1 -0
- package/dist/drivers/stridge-mock/createStridgeMockDriver.d.ts +0 -2
- package/dist/drivers/stridge-mock/createStridgeMockDriver.js +1 -1
- package/dist/drivers/stridge-mock/createStridgeMockWithdrawDriver.d.ts +1 -2
- package/dist/drivers/stridge-mock/createStridgeMockWithdrawDriver.js +1 -1
- package/dist/drivers/stridge-mock/fixtures.js +1 -1
- package/dist/flows/activity/compound/ActivityFlow.d.ts +46 -0
- package/dist/flows/activity/compound/ActivityFlow.js +1 -0
- package/dist/flows/activity/compound/components/Boundary.d.ts +29 -0
- package/dist/flows/activity/compound/components/Boundary.js +1 -0
- package/dist/flows/activity/compound/components/Steps.d.ts +24 -0
- package/dist/flows/activity/compound/components/Steps.js +1 -0
- package/dist/flows/activity/dialog/ActivityDialog.d.ts +38 -0
- package/dist/flows/activity/dialog/ActivityDialog.js +1 -0
- package/dist/flows/activity/dialog/ActivityFlowBoundary.d.ts +1 -0
- package/dist/flows/activity/dialog/ActivityFlowBoundary.js +1 -0
- package/dist/flows/activity/driver/context.d.ts +38 -0
- package/dist/flows/activity/driver/context.js +1 -0
- package/dist/flows/activity/driver/types.d.ts +58 -0
- package/dist/flows/activity/orchestrator/controller.d.ts +11 -0
- package/dist/flows/activity/orchestrator/controller.js +1 -0
- package/dist/flows/activity/orchestrator/index.d.ts +4 -0
- package/dist/flows/activity/orchestrator/index.js +1 -0
- package/dist/flows/activity/orchestrator/reducer.d.ts +1 -0
- package/dist/flows/activity/orchestrator/reducer.js +1 -0
- package/dist/flows/activity/orchestrator/types.d.ts +71 -0
- package/dist/flows/activity/orchestrator/useActivity.d.ts +94 -0
- package/dist/flows/activity/orchestrator/useActivity.js +1 -0
- package/dist/flows/activity/widgets/ActivityDetail.d.ts +41 -0
- package/dist/flows/activity/widgets/ActivityDetail.js +1 -0
- package/dist/flows/activity/widgets/ActivityList.d.ts +38 -0
- package/dist/flows/activity/widgets/ActivityList.js +1 -0
- package/dist/flows/activity/widgets/useStandaloneActivitySource.js +1 -0
- package/dist/flows/deposit/dialog/DepositBootstrapErrorState.js +1 -1
- package/dist/flows/deposit/dialog/DepositDialog.js +1 -1
- package/dist/flows/deposit/driver/transformers/settlementToPayload.js +1 -1
- package/dist/flows/deposit/driver/types.d.ts +1 -38
- package/dist/flows/deposit/orchestrator/controller.js +1 -1
- package/dist/flows/deposit/orchestrator/reducer.js +1 -1
- package/dist/flows/deposit/orchestrator/types.d.ts +43 -29
- package/dist/flows/deposit/widgets/{activity-history/DepositHistoryDetail.d.ts → activity/DepositActivityDetail.d.ts} +11 -11
- package/dist/flows/deposit/widgets/activity/DepositActivityDetail.js +1 -0
- package/dist/flows/deposit/widgets/activity/DepositActivityList.d.ts +38 -0
- package/dist/flows/deposit/widgets/activity/DepositActivityList.js +1 -0
- package/dist/flows/deposit/widgets/activity/index.d.ts +2 -0
- package/dist/flows/deposit/widgets/activity/index.js +1 -0
- package/dist/flows/deposit/widgets/activity/useDepositActivitySource.js +1 -0
- package/dist/flows/deposit/widgets/amount-entry/AmountEntry.js +1 -1
- package/dist/flows/deposit/widgets/asset-picker/AssetPicker.js +1 -1
- package/dist/flows/deposit/widgets/confirm-deposit/ConfirmDeposit.js +1 -1
- package/dist/flows/deposit/widgets/deposit/Deposit.js +1 -1
- package/dist/flows/deposit/widgets/deposit/compound/components/Header.d.ts +7 -6
- package/dist/flows/deposit/widgets/deposit/compound/components/Header.js +1 -1
- package/dist/flows/deposit/widgets/deposit-status-banner/DepositStatusBanner.js +1 -1
- package/dist/flows/deposit/widgets/error-state/ErrorState.js +1 -1
- package/dist/flows/deposit/widgets/processing-state/ProcessingState.js +1 -1
- package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Header.d.ts +4 -3
- package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Header.js +1 -1
- package/dist/flows/withdraw/dialog/WithdrawDialog.js +1 -1
- package/dist/flows/withdraw/driver/types.d.ts +0 -34
- package/dist/flows/withdraw/orchestrator/controller.js +1 -1
- package/dist/flows/withdraw/orchestrator/reducer.js +1 -1
- package/dist/flows/withdraw/orchestrator/types.d.ts +44 -30
- package/dist/flows/withdraw/widgets/{activity-history/WithdrawHistoryDetail.d.ts → activity/WithdrawActivityDetail.d.ts} +11 -11
- package/dist/flows/withdraw/widgets/activity/WithdrawActivityDetail.js +1 -0
- package/dist/flows/withdraw/widgets/activity/WithdrawActivityList.d.ts +36 -0
- package/dist/flows/withdraw/widgets/activity/WithdrawActivityList.js +1 -0
- package/dist/flows/withdraw/widgets/activity/index.d.ts +2 -0
- package/dist/flows/withdraw/widgets/activity/index.js +1 -0
- package/dist/flows/withdraw/widgets/activity/useWithdrawActivitySource.js +1 -0
- package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Body.d.ts +7 -6
- package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Header.d.ts +4 -4
- package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Header.js +1 -1
- package/dist/format/index.d.ts +2 -1
- package/dist/format/index.js +1 -1
- package/dist/i18n/locales/ar.js +1 -1
- package/dist/i18n/locales/es.js +1 -1
- package/dist/i18n/locales/source-keys.d.ts +1 -1
- package/dist/icons/index.d.ts +2 -2
- package/dist/icons/index.js +1 -1
- package/dist/index.d.ts +9 -2
- package/dist/index.js +1 -1
- package/dist/package.js +1 -1
- package/dist/scope/KitScope.d.ts +9 -0
- package/dist/scope/KitScope.js +1 -1
- package/dist/scope/context.d.ts +7 -0
- package/dist/shared/format/formatSmartRelative.d.ts +25 -0
- package/dist/shared/format/formatSmartRelative.js +1 -0
- package/dist/shared/format/formatUsd.js +1 -1
- package/dist/shared/icons/{HistoryIcon.d.ts → ActivityIcon.d.ts} +4 -4
- package/dist/shared/icons/{HistoryIcon.js → ActivityIcon.js} +1 -1
- package/dist/shared/orchestrator/activityOpenInput.d.ts +21 -0
- package/dist/shared/orchestrator/createActivityReducers.js +1 -0
- package/dist/shared/orchestrator/index.d.ts +2 -0
- package/dist/shared/orchestrator/index.js +1 -1
- package/dist/shared/orchestrator/resolveActivityEntry.d.ts +1 -0
- package/dist/shared/orchestrator/resolveActivityEntry.js +1 -0
- package/dist/shared/presentation/index.js +1 -0
- package/dist/shared/presentation/types.d.ts +30 -0
- package/dist/shared/presentation/types.js +1 -0
- package/dist/shared/presentation/useResolvedSurfaceKind.js +1 -0
- package/dist/shared/ui/AdaptiveSurface/AdaptiveSurface.d.ts +52 -0
- package/dist/shared/ui/AdaptiveSurface/AdaptiveSurface.js +1 -0
- package/dist/shared/ui/AdaptiveSurface/index.d.ts +2 -0
- package/dist/shared/ui/AdaptiveSurface/index.js +1 -0
- package/dist/shared/ui/Card/Card.d.ts +12 -9
- package/dist/shared/ui/Card/Card.js +1 -1
- package/dist/shared/ui/Card/Card.styles.js +1 -1
- package/dist/shared/ui/Dialog/Dialog.d.ts +10 -8
- package/dist/shared/ui/Dialog/Dialog.js +1 -1
- package/dist/shared/ui/Drawer/Drawer.d.ts +135 -0
- package/dist/shared/ui/Drawer/Drawer.js +1 -0
- package/dist/shared/ui/Drawer/Drawer.slots.d.ts +19 -0
- package/dist/shared/ui/Drawer/Drawer.slots.js +1 -0
- package/dist/shared/ui/Drawer/Drawer.styles.js +1 -0
- package/dist/shared/ui/Drawer/index.d.ts +2 -0
- package/dist/shared/ui/Drawer/index.js +1 -0
- package/dist/shared/ui/SelectableTile/SelectableTile.d.ts +1 -1
- package/dist/shared/ui/surfaceContext.d.ts +9 -0
- package/dist/shared/ui/surfaceContext.js +1 -0
- package/dist/shared/widgets/activity/ActivityTrigger.js +1 -0
- package/dist/shared/widgets/{activity-history → activity}/ActivityTrigger.styles.js +1 -1
- package/dist/shared/widgets/activity/adapters/settlementToWidgetProps.js +1 -0
- package/dist/shared/widgets/activity/compound/Activity.d.ts +95 -0
- package/dist/shared/widgets/activity/compound/Activity.js +1 -0
- package/dist/shared/widgets/activity/compound/Activity.slots.d.ts +22 -0
- package/dist/shared/widgets/activity/compound/Activity.slots.js +1 -0
- package/dist/shared/widgets/activity/compound/Activity.styles.js +1 -0
- package/dist/shared/widgets/{activity-history/compound/ActivityHistoryDetail.d.ts → activity/compound/ActivityDetail.d.ts} +24 -17
- package/dist/shared/widgets/activity/compound/ActivityDetail.js +1 -0
- package/dist/shared/widgets/activity/compound/Row.slots.d.ts +21 -0
- package/dist/shared/widgets/activity/compound/Row.slots.js +1 -0
- package/dist/shared/widgets/activity/compound/Row.styles.js +1 -0
- package/dist/shared/widgets/{activity-history/compound/components/HistoryHeader.d.ts → activity/compound/components/ActivityHeader.d.ts} +8 -8
- package/dist/shared/widgets/activity/compound/components/ActivityHeader.js +1 -0
- package/dist/shared/widgets/{activity-history → activity}/compound/components/Empty.d.ts +3 -3
- package/dist/shared/widgets/activity/compound/components/Empty.js +1 -0
- package/dist/shared/widgets/{activity-history → activity}/compound/components/ErrorView.d.ts +7 -7
- package/dist/shared/widgets/activity/compound/components/ErrorView.js +1 -0
- package/dist/shared/widgets/activity/compound/components/List.d.ts +23 -0
- package/dist/shared/widgets/activity/compound/components/List.js +1 -0
- package/dist/shared/widgets/{activity-history → activity}/compound/components/Row.d.ts +13 -16
- package/dist/shared/widgets/activity/compound/components/Row.js +1 -0
- package/dist/shared/widgets/activity/compound/components/StatusPip.js +1 -0
- package/dist/shared/widgets/activity/compound/context.d.ts +95 -0
- package/dist/shared/widgets/activity/compound/context.js +1 -0
- package/dist/shared/widgets/activity/compound/index.d.ts +8 -0
- package/dist/shared/widgets/activity/compound/index.js +1 -0
- package/dist/shared/widgets/activity/payloads.d.ts +108 -0
- package/dist/shared/widgets/activity/transformers/activityResponseToPayload.js +1 -0
- package/dist/shared/widgets/amount-entry/compound/components/Header.d.ts +1 -1
- package/dist/shared/widgets/amount-entry/compound/types.d.ts +2 -3
- package/dist/shared/widgets/asset-picker/compound/components/Header.d.ts +1 -1
- package/dist/shared/widgets/asset-picker/compound/types.d.ts +2 -2
- package/dist/stridge/StridgeProvider.d.ts +10 -6
- package/dist/stridge/StridgeProvider.js +1 -1
- package/dist/stridge/stubs.js +1 -1
- package/dist/styles/index.css +89 -0
- package/dist/types.d.ts +2 -1
- package/dist/ui/index.d.ts +5 -1
- package/dist/ui/index.js +1 -1
- package/dist/withdraw/compound/index.d.ts +6 -6
- package/dist/withdraw/widgets/index.d.ts +3 -3
- package/dist/withdraw/widgets/index.js +1 -1
- package/package.json +14 -6
- package/dist/activity-history/compound/index.d.ts +0 -9
- package/dist/activity-history/compound/index.js +0 -1
- package/dist/flows/deposit/widgets/activity-history/DepositHistoryDetail.js +0 -1
- package/dist/flows/deposit/widgets/activity-history/DepositHistoryList.d.ts +0 -38
- package/dist/flows/deposit/widgets/activity-history/DepositHistoryList.js +0 -1
- package/dist/flows/deposit/widgets/activity-history/index.d.ts +0 -2
- package/dist/flows/deposit/widgets/activity-history/index.js +0 -1
- package/dist/flows/deposit/widgets/activity-history/useDepositActivityHistorySource.js +0 -1
- package/dist/flows/withdraw/widgets/activity-history/WithdrawHistoryDetail.js +0 -1
- package/dist/flows/withdraw/widgets/activity-history/WithdrawHistoryList.d.ts +0 -36
- package/dist/flows/withdraw/widgets/activity-history/WithdrawHistoryList.js +0 -1
- package/dist/flows/withdraw/widgets/activity-history/index.d.ts +0 -2
- package/dist/flows/withdraw/widgets/activity-history/index.js +0 -1
- package/dist/flows/withdraw/widgets/activity-history/useWithdrawActivityHistorySource.js +0 -1
- package/dist/shared/widgets/activity-history/ActivityTrigger.js +0 -1
- package/dist/shared/widgets/activity-history/adapters/settlementToWidgetProps.js +0 -1
- package/dist/shared/widgets/activity-history/compound/ActivityHistory.d.ts +0 -95
- package/dist/shared/widgets/activity-history/compound/ActivityHistory.js +0 -1
- package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.d.ts +0 -22
- package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.js +0 -1
- package/dist/shared/widgets/activity-history/compound/ActivityHistory.styles.js +0 -1
- package/dist/shared/widgets/activity-history/compound/ActivityHistoryDetail.js +0 -1
- package/dist/shared/widgets/activity-history/compound/Row.slots.d.ts +0 -21
- package/dist/shared/widgets/activity-history/compound/Row.slots.js +0 -1
- package/dist/shared/widgets/activity-history/compound/Row.styles.js +0 -1
- package/dist/shared/widgets/activity-history/compound/components/Empty.js +0 -1
- package/dist/shared/widgets/activity-history/compound/components/ErrorView.js +0 -1
- package/dist/shared/widgets/activity-history/compound/components/HistoryHeader.js +0 -1
- package/dist/shared/widgets/activity-history/compound/components/List.d.ts +0 -23
- package/dist/shared/widgets/activity-history/compound/components/List.js +0 -1
- package/dist/shared/widgets/activity-history/compound/components/Row.js +0 -1
- package/dist/shared/widgets/activity-history/compound/components/StatusPip.js +0 -1
- package/dist/shared/widgets/activity-history/compound/context.d.ts +0 -79
- package/dist/shared/widgets/activity-history/compound/context.js +0 -1
- package/dist/shared/widgets/activity-history/payloads.d.ts +0 -81
- package/dist/shared/widgets/activity-history/transformers/historyResponseToPayload.js +0 -1
- /package/dist/shared/widgets/{activity-history → activity}/index.js +0 -0
- /package/dist/shared/widgets/{activity-history → activity}/transformers/resolveDirection.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={root:{"Card__styles.root":`Card__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:4`}},t={default:{"Card__variantStyles.default":`Card__variantStyles.default`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:13`},subdued:{"Card__variantStyles.subdued":`Card__variantStyles.subdued`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:18`},frame:{"Card__variantStyles.frame":`Card__variantStyles.frame`,"backgroundColor-kWkggS":`x3cgcfv`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"boxShadow-kGVxlE":`xa2vu2y`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:23`}},n={root:{"Card__headerStyles.root":`Card__headerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:39`}},r={root:{"Card__footerStyles.root":`Card__footerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:54`}},i={root:{"Card__bodyStyles.root":`Card__bodyStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:
|
|
1
|
+
const e={root:{"Card__styles.root":`Card__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:4`}},t={default:{"Card__variantStyles.default":`Card__variantStyles.default`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:13`},subdued:{"Card__variantStyles.subdued":`Card__variantStyles.subdued`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:18`},frame:{"Card__variantStyles.frame":`Card__variantStyles.frame`,"backgroundColor-kWkggS":`x3cgcfv`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"boxShadow-kGVxlE":`xa2vu2y`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:23`}},n={root:{"Card__headerStyles.root":`Card__headerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:39`}},r={root:{"Card__footerStyles.root":`Card__footerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:54`}},i={root:{"Card__bodyStyles.root":`Card__bodyStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:70`},scroll:{"Card__bodyStyles.scroll":`Card__bodyStyles.scroll`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:82`},scrollArea:{"Card__bodyStyles.scrollArea":`Card__bodyStyles.scrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:97`},scrollViewport:{"Card__bodyStyles.scrollViewport":`Card__bodyStyles.scrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:103`}};export{i as bodyStyles,r as footerStyles,n as headerStyles,e as styles,t as variantStyles};
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
+
import { useIsInsideSurfaceContent } from "../surfaceContext.js";
|
|
1
2
|
import { ComponentProps } from "react";
|
|
2
3
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
4
|
import { Dialog } from "@base-ui/react/dialog";
|
|
4
5
|
|
|
5
6
|
//#region src/shared/ui/Dialog/Dialog.d.ts
|
|
6
7
|
/**
|
|
7
|
-
* Returns `true` when the calling component is rendered inside a
|
|
8
|
-
*
|
|
9
|
-
*
|
|
8
|
+
* Returns `true` when the calling component is rendered inside a kit surface's content region. Kept
|
|
9
|
+
* as the stable public name; aliases the surface-neutral {@link useIsInsideSurfaceContent} so the
|
|
10
|
+
* hook resolves `true` inside both `Dialog.Content` and `Drawer.Content`.
|
|
10
11
|
*/
|
|
11
|
-
declare
|
|
12
|
+
declare const useIsInsideDialogContent: typeof useIsInsideSurfaceContent;
|
|
12
13
|
/**
|
|
13
14
|
* Root of the dialog compound. Wraps Base UI's `Dialog.Root` and stamps `data-stridge-slot` on the element.
|
|
14
15
|
*
|
|
@@ -40,8 +41,8 @@ declare function DialogOverlay({
|
|
|
40
41
|
}: Dialog$1.OverlayProps): _$react_jsx_runtime0.JSX.Element;
|
|
41
42
|
/**
|
|
42
43
|
* Popup shell for the dialog. Wraps Base UI's `Dialog.Popup` inside {@link Dialog.Portal} and
|
|
43
|
-
* {@link Dialog.Overlay}, scopes the portal into `KitPortalScope`, and sets
|
|
44
|
-
*
|
|
44
|
+
* {@link Dialog.Overlay}, scopes the portal into `KitPortalScope`, and sets the shared
|
|
45
|
+
* surface-content context so descendants can detect they are inside a kit surface.
|
|
45
46
|
*
|
|
46
47
|
* @see {@link Dialog.ContentProps} for the `container` prop that scopes the overlay to a custom element.
|
|
47
48
|
*/
|
|
@@ -57,8 +58,9 @@ declare function DialogContent({
|
|
|
57
58
|
* child of its parent (via `margin-inline-start: auto`) and wired through `Dialog.Close` so the dialog's open state is the
|
|
58
59
|
* source of truth.
|
|
59
60
|
*
|
|
60
|
-
*
|
|
61
|
-
*
|
|
61
|
+
* Renders only inside a `Dialog.Content` (the X is a dialog affordance). Returns `null` in card mode (no surface) and in a
|
|
62
|
+
* `Drawer.Content` — a drawer dismisses via its grabber / swipe-down / backdrop, not a close button — so gateway widget
|
|
63
|
+
* headers can compose it unconditionally and it self-hides in the drawer presentation.
|
|
62
64
|
*/
|
|
63
65
|
declare function DialogCloseButton(): _$react_jsx_runtime0.JSX.Element | null;
|
|
64
66
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{
|
|
1
|
+
"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{SurfaceContentContext as c,useIsInsideSurfaceContent as l,useSurfaceKind as u}from"../surfaceContext.js";import{DIALOG_SLOTS as d}from"./Dialog.slots.js";import{styles as f}from"./Dialog.styles.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";import{Dialog as g}from"@base-ui/react/dialog";const _=l;function v(e){return p(g.Root,{"data-stridge-slot":d.root,...e})}function y(e){return p(g.Trigger,{"data-stridge-slot":d.trigger,...e})}function b(e){return p(g.Portal,{"data-stridge-slot":d.portal,...e})}function x(e){return p(g.Close,{"data-stridge-slot":d.close,...e})}function S({className:e,style:t,...n}){let r=h.props(f.overlay);return p(g.Backdrop,{"data-stridge-slot":d.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let l=h.props(f.content);return p(b,{container:o??void 0,children:m(t,{children:[p(S,{}),p(g.Popup,{"data-stridge-slot":d.content,...s,className:i(l.className,n),style:a(l.style,r),children:p(c,{value:`dialog`,children:e})})]})})}function w(){let t=u(),{_:n}=e();return t===`dialog`?p(g.Close,{"data-stridge-slot":d.close,render:p(o,{"aria-label":n({id:`yz7wBu`,message:`Close`}),...h.props(f.closeButton),children:p(r,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...r}){let i=h.props(f.header);return p(`div`,{"data-stridge-slot":d.header,...r,className:n(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:r,...i}){let a=h.props(f.body),o=h.props(f.bodyScrollArea),c=h.props(f.bodyScrollViewport),l=h.props(f.bodyInner);return p(`div`,{"data-stridge-slot":d.body,className:a.className,style:a.style,children:m(s,{className:o.className,style:o.style,children:[p(s.Viewport,{...i,className:n(c.className,e),style:{...c.style,...t},children:p(`div`,{className:l.className,style:l.style,children:r})}),p(s.Scrollbar,{orientation:`vertical`,children:p(s.Thumb,{})})]})})}function D({className:e,style:t,...r}){let i=h.props(f.footer);return p(`div`,{"data-stridge-slot":d.footer,...r,className:n(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=h.props(f.title);return p(g.Title,{"data-stridge-slot":d.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=h.props(f.description);return p(g.Description,{"data-stridge-slot":d.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Drawer } from "@base-ui/react/drawer";
|
|
4
|
+
|
|
5
|
+
//#region src/shared/ui/Drawer/Drawer.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* Root of the drawer compound. Wraps Base UI's `Drawer.Root` as a bottom sheet (`swipeDirection`
|
|
8
|
+
* defaults to `"down"`) and stamps `data-stridge-slot`. A drawer is dismissed by swiping the grabber
|
|
9
|
+
* down, tapping the backdrop, or pressing escape — it ships no close (X) button; that's a dialog
|
|
10
|
+
* affordance. Base UI builds the drawer on the same dialog store as `Dialog`, so `Dialog.Close`
|
|
11
|
+
* (e.g. a "Cancel" action) still closes it; the kit's `Dialog.CloseButton` self-hides in a drawer
|
|
12
|
+
* (see {@link useSurfaceKind}), so gateway widget headers compose it unconditionally with no drawer X.
|
|
13
|
+
*
|
|
14
|
+
* Compose with {@link Drawer.Content}, {@link Drawer.Title}, and {@link Drawer.Description} to build
|
|
15
|
+
* an accessible bottom-sheet dialog.
|
|
16
|
+
*/
|
|
17
|
+
declare function Drawer$1(props: Drawer$1.Props): _$react_jsx_runtime0.JSX.Element;
|
|
18
|
+
/**
|
|
19
|
+
* Toggles the drawer open state. Wraps Base UI's `Drawer.Trigger`.
|
|
20
|
+
*/
|
|
21
|
+
declare function DrawerTrigger(props: Drawer$1.TriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
22
|
+
/**
|
|
23
|
+
* Portals its children outside the current DOM subtree. Wraps Base UI's `Drawer.Portal`.
|
|
24
|
+
*/
|
|
25
|
+
declare function DrawerPortal(props: Drawer$1.PortalProps): _$react_jsx_runtime0.JSX.Element;
|
|
26
|
+
/**
|
|
27
|
+
* Closes the drawer when activated. Wraps Base UI's `Drawer.Close` — render a labelled action
|
|
28
|
+
* (e.g. a "Cancel" button) through it. A drawer has no close (X) affordance by design.
|
|
29
|
+
*/
|
|
30
|
+
declare function DrawerClose(props: Drawer$1.CloseProps): _$react_jsx_runtime0.JSX.Element;
|
|
31
|
+
/**
|
|
32
|
+
* Full-viewport backdrop rendered behind the drawer popup. Wraps Base UI's `Drawer.Backdrop`.
|
|
33
|
+
* Automatically composed by {@link Drawer.Content} — mount separately only for custom layering.
|
|
34
|
+
*/
|
|
35
|
+
declare function DrawerOverlay({
|
|
36
|
+
className,
|
|
37
|
+
style,
|
|
38
|
+
...props
|
|
39
|
+
}: Drawer$1.OverlayProps): _$react_jsx_runtime0.JSX.Element;
|
|
40
|
+
/**
|
|
41
|
+
* Popup shell for the drawer — a bottom sheet. Wraps Base UI's `Drawer.Popup` inside
|
|
42
|
+
* {@link Drawer.Portal}, {@link Drawer.Overlay}, and Base UI's positioning `Drawer.Viewport`,
|
|
43
|
+
* scopes the portal into `KitPortalScope`, renders the grabber handle, and sets the shared
|
|
44
|
+
* surface-content context so descendants can detect they are inside a kit surface (gateway widgets
|
|
45
|
+
* then render their bare frame instead of a doubled `Card`).
|
|
46
|
+
*
|
|
47
|
+
* @see {@link Drawer.ContentProps} for the `container` prop that scopes the sheet to a custom element.
|
|
48
|
+
*/
|
|
49
|
+
declare function DrawerContent({
|
|
50
|
+
children,
|
|
51
|
+
className,
|
|
52
|
+
style,
|
|
53
|
+
container,
|
|
54
|
+
...props
|
|
55
|
+
}: Drawer$1.ContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
56
|
+
/**
|
|
57
|
+
* Header row for the drawer. Renders as a styled `<div>` that lays out the title (and any actions)
|
|
58
|
+
* in a flex row. Compose with {@link Drawer.Title}. A drawer has no close (X) button.
|
|
59
|
+
*/
|
|
60
|
+
declare function DrawerHeader({
|
|
61
|
+
className,
|
|
62
|
+
style,
|
|
63
|
+
...props
|
|
64
|
+
}: Drawer$1.HeaderProps): _$react_jsx_runtime0.JSX.Element;
|
|
65
|
+
/**
|
|
66
|
+
* Body content slot for non-gateway drawer usage. Mirrors {@link import("../Dialog").Dialog.Body}:
|
|
67
|
+
* a flex column that absorbs leftover sheet height with an embedded {@link ScrollArea} as its sole
|
|
68
|
+
* flex child, so tall content scrolls inside the sheet while header and footer stay pinned. Padding
|
|
69
|
+
* lives on the inner wrapper so it scrolls with the content.
|
|
70
|
+
*/
|
|
71
|
+
declare function DrawerBody({
|
|
72
|
+
className,
|
|
73
|
+
style,
|
|
74
|
+
children,
|
|
75
|
+
...props
|
|
76
|
+
}: Drawer$1.BodyProps): _$react_jsx_runtime0.JSX.Element;
|
|
77
|
+
/**
|
|
78
|
+
* Footer row for the drawer. Renders as a styled `<div>` intended for action buttons placed at the
|
|
79
|
+
* bottom of the sheet.
|
|
80
|
+
*/
|
|
81
|
+
declare function DrawerFooter({
|
|
82
|
+
className,
|
|
83
|
+
style,
|
|
84
|
+
...props
|
|
85
|
+
}: Drawer$1.FooterProps): _$react_jsx_runtime0.JSX.Element;
|
|
86
|
+
/**
|
|
87
|
+
* Accessible title for the drawer. Wraps Base UI's `Drawer.Title` and is automatically referenced by
|
|
88
|
+
* the drawer's `aria-labelledby` attribute.
|
|
89
|
+
*/
|
|
90
|
+
declare function DrawerTitle({
|
|
91
|
+
className,
|
|
92
|
+
style,
|
|
93
|
+
...props
|
|
94
|
+
}: Drawer$1.TitleProps): _$react_jsx_runtime0.JSX.Element;
|
|
95
|
+
/**
|
|
96
|
+
* Accessible description for the drawer. Wraps Base UI's `Drawer.Description` and is automatically
|
|
97
|
+
* referenced by the drawer's `aria-describedby` attribute.
|
|
98
|
+
*/
|
|
99
|
+
declare function DrawerDescription({
|
|
100
|
+
className,
|
|
101
|
+
style,
|
|
102
|
+
...props
|
|
103
|
+
}: Drawer$1.DescriptionProps): _$react_jsx_runtime0.JSX.Element;
|
|
104
|
+
declare namespace Drawer$1 {
|
|
105
|
+
type Props = Drawer.Root.Props;
|
|
106
|
+
type TriggerProps = Drawer.Trigger.Props;
|
|
107
|
+
type PortalProps = Drawer.Portal.Props;
|
|
108
|
+
type CloseProps = Drawer.Close.Props;
|
|
109
|
+
type OverlayProps = Drawer.Backdrop.Props;
|
|
110
|
+
interface ContentProps extends Drawer.Popup.Props {
|
|
111
|
+
/**
|
|
112
|
+
* Element the drawer portals into. Defaults to `document.body` (full-page sheet). Pass a
|
|
113
|
+
* transformed ancestor with `overflow: clip` — e.g. a mobile mockup frame — to scope the
|
|
114
|
+
* sheet's width, height, and backdrop to that rect.
|
|
115
|
+
*/
|
|
116
|
+
container?: HTMLElement | null;
|
|
117
|
+
}
|
|
118
|
+
type HeaderProps = ComponentProps<"div">;
|
|
119
|
+
type BodyProps = ComponentProps<"div">;
|
|
120
|
+
type FooterProps = ComponentProps<"div">;
|
|
121
|
+
type TitleProps = Drawer.Title.Props;
|
|
122
|
+
type DescriptionProps = Drawer.Description.Props;
|
|
123
|
+
const Trigger: typeof DrawerTrigger;
|
|
124
|
+
const Close: typeof DrawerClose;
|
|
125
|
+
const Portal: typeof DrawerPortal;
|
|
126
|
+
const Overlay: typeof DrawerOverlay;
|
|
127
|
+
const Content: typeof DrawerContent;
|
|
128
|
+
const Header: typeof DrawerHeader;
|
|
129
|
+
const Body: typeof DrawerBody;
|
|
130
|
+
const Footer: typeof DrawerFooter;
|
|
131
|
+
const Title: typeof DrawerTitle;
|
|
132
|
+
const Description: typeof DrawerDescription;
|
|
133
|
+
}
|
|
134
|
+
//#endregion
|
|
135
|
+
export { Drawer$1 as Drawer };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as t}from"../../utils/joinClassNames.js";import{mergeClassName as n}from"../../utils/mergeClassName.js";import{mergeStyle as r}from"../../utils/mergeStyle.js";import{ScrollArea as i}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{SurfaceContentContext as a}from"../surfaceContext.js";import{DRAWER_SLOTS as o}from"./Drawer.slots.js";import{styles as s}from"./Drawer.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";import{Drawer as d}from"@base-ui/react/drawer";function f(e){return c(d.Root,{swipeDirection:`down`,"data-stridge-slot":o.root,...e})}function p(e){return c(d.Trigger,{"data-stridge-slot":o.trigger,...e})}function m(e){return c(d.Portal,{"data-stridge-slot":o.portal,...e})}function h(e){return c(d.Close,{"data-stridge-slot":o.close,...e})}function g({className:e,style:t,...i}){let a=u.props(s.overlay);return c(d.Backdrop,{"data-stridge-slot":o.overlay,...i,className:n(a.className,e),style:r(a.style,t)})}function _({children:t,className:i,style:f,container:p,...h}){let _=u.props(s.content),v=u.props(s.viewport),y=u.props(s.handle);return c(m,{container:p??void 0,children:l(e,{children:[c(g,{}),c(d.Viewport,{"data-stridge-slot":o.viewport,className:v.className,style:v.style,children:l(d.Popup,{"data-stridge-slot":o.content,...h,className:n(_.className,i),style:r(_.style,f),children:[c(`div`,{"data-stridge-slot":o.handle,"aria-hidden":!0,className:y.className,style:y.style}),c(a,{value:`drawer`,children:t})]})})]})})}function v({className:e,style:n,...r}){let i=u.props(s.header);return c(`div`,{"data-stridge-slot":o.header,...r,className:t(i.className,e),style:{...i.style,...n}})}function y({className:e,style:n,children:r,...a}){let d=u.props(s.body),f=u.props(s.bodyScrollArea),p=u.props(s.bodyScrollViewport),m=u.props(s.bodyInner);return c(`div`,{"data-stridge-slot":o.body,className:d.className,style:d.style,children:l(i,{className:f.className,style:f.style,children:[c(i.Viewport,{...a,className:t(p.className,e),style:{...p.style,...n},children:c(`div`,{className:m.className,style:m.style,children:r})}),c(i.Scrollbar,{orientation:`vertical`,children:c(i.Thumb,{})})]})})}function b({className:e,style:n,...r}){let i=u.props(s.footer);return c(`div`,{"data-stridge-slot":o.footer,...r,className:t(i.className,e),style:{...i.style,...n}})}function x({className:e,style:t,...i}){let a=u.props(s.title);return c(d.Title,{"data-stridge-slot":o.title,...i,className:n(a.className,e),style:r(a.style,t)})}function S({className:e,style:t,...i}){let a=u.props(s.description);return c(d.Description,{"data-stridge-slot":o.description,...i,className:n(a.className,e),style:r(a.style,t)})}(function(e){e.Trigger=p,e.Close=h,e.Portal=m,e.Overlay=g,e.Content=_,e.Header=v,e.Body=y,e.Footer=b,e.Title=x,e.Description=S})(f||={});export{f as Drawer};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
//#region src/shared/ui/Drawer/Drawer.slots.d.ts
|
|
2
|
+
declare const DRAWER_SLOTS: {
|
|
3
|
+
readonly root: "drawer";
|
|
4
|
+
readonly trigger: "drawer-trigger";
|
|
5
|
+
readonly portal: "drawer-portal";
|
|
6
|
+
readonly overlay: "drawer-overlay";
|
|
7
|
+
readonly viewport: "drawer-viewport";
|
|
8
|
+
readonly content: "drawer-content";
|
|
9
|
+
readonly handle: "drawer-handle";
|
|
10
|
+
readonly close: "drawer-close";
|
|
11
|
+
readonly title: "drawer-title";
|
|
12
|
+
readonly description: "drawer-description";
|
|
13
|
+
readonly header: "drawer-header";
|
|
14
|
+
readonly body: "drawer-body";
|
|
15
|
+
readonly footer: "drawer-footer";
|
|
16
|
+
};
|
|
17
|
+
type DrawerSlot = (typeof DRAWER_SLOTS)[keyof typeof DRAWER_SLOTS];
|
|
18
|
+
//#endregion
|
|
19
|
+
export { DRAWER_SLOTS, DrawerSlot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:`drawer`,trigger:`drawer-trigger`,portal:`drawer-portal`,overlay:`drawer-overlay`,viewport:`drawer-viewport`,content:`drawer-content`,handle:`drawer-handle`,close:`drawer-close`,title:`drawer-title`,description:`drawer-description`,header:`drawer-header`,body:`drawer-body`,footer:`drawer-footer`};export{e as DRAWER_SLOTS};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={overlay:{"Drawer__styles.overlay":`Drawer__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"opacity-kSiTet":`x1hc1fzr`,"transitionProperty-k1ekBW":`x19991ni`,"transitionDuration-kIyJzY":`x1s4mzch`,"transitionTimingFunction-kAMwcw":`x1xv5090`,":is([data-starting-style], [data-ending-style])_opacity-kdD3Bq":`x1i2unn7`,"@media (prefers-reduced-motion: reduce)_transitionProperty-kXHXEI":`x4wkmsb`,"@media (prefers-reduced-motion: reduce)_transitionDuration-k6CgDc":`x12w9bfk`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:9`},viewport:{"Drawer__styles.viewport":`Drawer__styles.viewport`,"position-kVAEAm":`xixxii4`,"insetBlock-kYYq5F":`x10no89f`,"insetInline-kkqhue":`x17y0mx6`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"justifyContent-kjj79g":`x13a6bvl`,"alignItems-kGNEyG":`x1qjc9v5`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:32`},content:{"Drawer__styles.content":`Drawer__styles.content`,"pointerEvents-kfzvcC":`x67bb7w`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"minHeight-kAzted":`x2lwn1j`,"maxHeight-kskxy":`x96tae4`,"borderStartStartRadius-krdFHd":`x8htq0b`,"borderStartEndRadius-kfmiAY":`x1af6ir8`,"borderTopWidth-kEafiO":`x178xt8z`,"borderInlineWidth-kjGldf":`x1l0rsgs`,"borderBottomWidth-kt9PQ7":`x1qhh985`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transform-k3aq6I":`xacbhai`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x1s4mzch`,"transitionTimingFunction-kAMwcw":`xr4whw6`,":is([data-starting-style], [data-ending-style])_transform-koVVf4":`xjvuu2i`,"[data-swiping]_transitionDuration-kRUqrN":`xsqp3co`,"@media (prefers-reduced-motion: reduce)_transitionProperty-kXHXEI":`x4wkmsb`,"@media (prefers-reduced-motion: reduce)_transitionDuration-k6CgDc":`x12w9bfk`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:56`},handle:{"Drawer__styles.handle":`Drawer__styles.handle`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x19k59d4`,"height-kZKoxP":`xl3s093`,"marginInline-kUOVxO":`xvueqy4`,"marginTop-keoZOQ":`xq9mr0s`,"marginBottom-k1K539":`x1782xsq`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x1p0xf7o`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:95`},header:{"Drawer__styles.header":`Drawer__styles.header`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:106`},body:{"Drawer__styles.body":`Drawer__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:120`},bodyScrollArea:{"Drawer__styles.bodyScrollArea":`Drawer__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:126`},bodyScrollViewport:{"Drawer__styles.bodyScrollViewport":`Drawer__styles.bodyScrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:132`},bodyInner:{"Drawer__styles.bodyInner":`Drawer__styles.bodyInner`,"boxSizing-kB7OPa":`x9f619`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"minWidth-k7Eaqz":`xeuugli`,"paddingTop-kLKAdn":`x1h03h88`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:142`},footer:{"Drawer__styles.footer":`Drawer__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:153`},title:{"Drawer__styles.title":`Drawer__styles.title`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x126f79r`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xfh9y1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:162`},description:{"Drawer__styles.description":`Drawer__styles.description`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xi96bwj`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:171`}};export{e as styles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./Drawer.slots.js";import"./Drawer.js";
|
|
@@ -16,7 +16,7 @@ type SelectableTileShape = "card" | "pill";
|
|
|
16
16
|
* visual state via `selected` and the click via `onClick`.
|
|
17
17
|
*
|
|
18
18
|
* Pass `interactive="navigation"` for rows that route to a new view rather
|
|
19
|
-
* than toggle a selection — e.g. activity
|
|
19
|
+
* than toggle a selection — e.g. activity rows. The navigation
|
|
20
20
|
* branch renders a plain `<button type="button">` with the same surface
|
|
21
21
|
* chrome and hover/focus treatment (different ARIA, same look), so
|
|
22
22
|
* navigation rows match toggle rows visually while staying semantically
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
//#region src/shared/ui/surfaceContext.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Returns `true` when the calling component is rendered inside any kit surface's content region
|
|
4
|
+
* (`Dialog.Content` or `Drawer.Content`). Lets gateway widgets pick the right shell — `Card` frame
|
|
5
|
+
* inline, bare frame when portaled.
|
|
6
|
+
*/
|
|
7
|
+
declare function useIsInsideSurfaceContent(): boolean;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { useIsInsideSurfaceContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`SurfaceContentContext`;function r(){return t(n)!==null}function i(){return t(n)}export{n as SurfaceContentContext,r as useIsInsideSurfaceContent,i as useSurfaceKind};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{ActivityIcon as t}from"../../icons/ActivityIcon.js";import"../../../icons/index.js";import{IconButton as n}from"../../ui/IconButton/IconButton.js";import"../../../ui/index.js";import{styles as r}from"./ActivityTrigger.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({onOpen:o}){let{_:s}=e();return i(n,{"aria-label":s({id:`c3aao_`,message:`View activity`}),onClick:o,children:i(t,{"aria-hidden":!0,...a.props(r.icon)})})}export{o as ActivityTrigger};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={icon:{"ActivityTrigger__styles.icon":`ActivityTrigger__styles.icon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/activity
|
|
1
|
+
const e={icon:{"ActivityTrigger__styles.icon":`ActivityTrigger__styles.icon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/activity/ActivityTrigger.styles.ts:3`}};export{e as styles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{resolveDirection as e}from"../transformers/resolveDirection.js";import{settlementToPayload as t}from"../../../../flows/deposit/driver/transformers/settlementToPayload.js";function n(n,r,i){let a=i.sourceWallet.address.toLowerCase();for(let o of n)for(let n of o.settlements)if(n.id===r){let r=e(o,a);return{payload:t(n,o,r===`withdraw`&&i.brandName!==void 0?{...i,brandName:void 0}:i),uda:o,direction:r}}return null}export{n as settlementToWidgetProps};
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { ActivityHeader, ActivityListHeader } from "./components/ActivityHeader.js";
|
|
2
|
+
import { ActivityEmpty } from "./components/Empty.js";
|
|
3
|
+
import { ActivityErrorView } from "./components/ErrorView.js";
|
|
4
|
+
import { ActivityList } from "./components/List.js";
|
|
5
|
+
import { ActivityRow } from "./components/Row.js";
|
|
6
|
+
import { ComponentProps, ReactNode } from "react";
|
|
7
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
8
|
+
|
|
9
|
+
//#region src/shared/widgets/activity/compound/Activity.d.ts
|
|
10
|
+
interface ActivityOwnProps {
|
|
11
|
+
/**
|
|
12
|
+
* Optional custom composition. Defaults to `<Header /> + <List />`. Pass children to
|
|
13
|
+
* interleave host-supplied elements between compound parts.
|
|
14
|
+
*/
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Root of the `<Activity>` list compound. Flow-agnostic — every flow-specific concern
|
|
19
|
+
* (snapshot read, action dispatch, owner address derivation) is encapsulated in the
|
|
20
|
+
* `<ActivitySourceProvider>` value the dialog mounts above. The same JSX renders from
|
|
21
|
+
* both `<DepositDialog>` and `<WithdrawDialog>` without imports across the flow boundary.
|
|
22
|
+
*
|
|
23
|
+
* Mounted by the dialog's `activityList` step. The peer compound {@link ActivityDetail}
|
|
24
|
+
* handles the per-settlement detail step; the kit's `Steps` primitive routes between them via
|
|
25
|
+
* the FSM state name, so the slide+blur step transition is supplied automatically.
|
|
26
|
+
*
|
|
27
|
+
* Compound parts:
|
|
28
|
+
* - {@link Activity.Header} — back chevron + title + close X.
|
|
29
|
+
* - {@link Activity.ListHeader} — underlying header primitive that accepts explicit
|
|
30
|
+
* `title` + `onBack` props. Public because the detail compound's per-kind parts mount it
|
|
31
|
+
* inside their delegated success / error / processing composition.
|
|
32
|
+
* - {@link Activity.List} — list body (skeleton / empty / error / rows). Pure reader
|
|
33
|
+
* of the `activity` entity; recurring updates land via the controller-mounted `watchActivity`
|
|
34
|
+
* watcher with adaptive cadence.
|
|
35
|
+
* - {@link Activity.Row} — single row primitive (button-semantic).
|
|
36
|
+
* - {@link Activity.Empty} — empty-state body.
|
|
37
|
+
* - {@link Activity.ErrorView} — initial-error body with retry.
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```tsx
|
|
41
|
+
* <ActivitySourceProvider value={sourceValue}>
|
|
42
|
+
* <Activity />
|
|
43
|
+
* </ActivitySourceProvider>
|
|
44
|
+
* ```
|
|
45
|
+
*
|
|
46
|
+
* @example Custom composition — interleave between parts
|
|
47
|
+
* ```tsx
|
|
48
|
+
* <ActivitySourceProvider value={sourceValue}>
|
|
49
|
+
* <Activity>
|
|
50
|
+
* <Activity.Header />
|
|
51
|
+
* <Activity.List />
|
|
52
|
+
* </Activity>
|
|
53
|
+
* </ActivitySourceProvider>
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
declare function Activity({
|
|
57
|
+
children,
|
|
58
|
+
...props
|
|
59
|
+
}: ComponentProps<"div"> & ActivityOwnProps): _$react_jsx_runtime0.JSX.Element;
|
|
60
|
+
declare namespace Activity {
|
|
61
|
+
type Props = ComponentProps<"div"> & ActivityOwnProps;
|
|
62
|
+
/**
|
|
63
|
+
* Card header — back chevron + title + close X. Mounted by the default composition above
|
|
64
|
+
* the list body. The peer detail compound supplies its own header inside the
|
|
65
|
+
* SuccessState / ErrorState / ProcessingState composition.
|
|
66
|
+
*/
|
|
67
|
+
const Header: typeof ActivityHeader;
|
|
68
|
+
/**
|
|
69
|
+
* Underlying list-view header primitive — accepts explicit `title` and `onBack` props
|
|
70
|
+
* and renders unconditionally. The detail compound's per-kind parts mount this inside
|
|
71
|
+
* their delegated state composition to keep the back chevron + title affordance
|
|
72
|
+
* consistent across the surface.
|
|
73
|
+
*/
|
|
74
|
+
const ListHeader: typeof ActivityListHeader;
|
|
75
|
+
/**
|
|
76
|
+
* List body — skeleton / empty / error / rows. Pure reader; the controller-mounted
|
|
77
|
+
* `watchActivity` watcher drives recurring updates.
|
|
78
|
+
*/
|
|
79
|
+
const List: typeof ActivityList;
|
|
80
|
+
/**
|
|
81
|
+
* Single row primitive. Hosts that want a fully-headless surface can mount Row directly
|
|
82
|
+
* with their own payload assembly.
|
|
83
|
+
*/
|
|
84
|
+
const Row: typeof ActivityRow;
|
|
85
|
+
/**
|
|
86
|
+
* Empty-state body — centered icon + headline + subline.
|
|
87
|
+
*/
|
|
88
|
+
const Empty: typeof ActivityEmpty;
|
|
89
|
+
/**
|
|
90
|
+
* Initial-error body — `Alert` + retry button.
|
|
91
|
+
*/
|
|
92
|
+
const ErrorView: typeof ActivityErrorView;
|
|
93
|
+
}
|
|
94
|
+
//#endregion
|
|
95
|
+
export { Activity };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{Frame as e}from"../../../dialog/Frame.js";import{ACTIVITY_SLOTS as t}from"./Activity.slots.js";import{styles as n}from"./Activity.styles.js";import{ActivityHeader as r,ActivityListHeader as i}from"./components/ActivityHeader.js";import{ActivityEmpty as a}from"./components/Empty.js";import{ActivityErrorView as o}from"./components/ErrorView.js";import{ActivityRow as s}from"./components/Row.js";import{ActivityList as c}from"./components/List.js";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p=d(l,{children:[u(r,{}),u(c,{})]});function m({children:r,...i}){return u(e,{"data-stridge-slot":t.root,...f.props(n.root),...i,children:r??p})}(function(e){e.Header=r,e.ListHeader=i,e.List=c,e.Row=s,e.Empty=a,e.ErrorView=o})(m||={});export{m as Activity};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
//#region src/shared/widgets/activity/compound/Activity.slots.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Slot vocabulary for `<Activity>`. Each meaningful element carries
|
|
4
|
+
* `data-stridge-slot={ACTIVITY_SLOTS.<part>}` so hosts can target a sub-part with
|
|
5
|
+
* `[data-stridge-slot="activity-row"]` without forking the kit. Slots are public API —
|
|
6
|
+
* renames are breaking changes.
|
|
7
|
+
*/
|
|
8
|
+
declare const ACTIVITY_SLOTS: {
|
|
9
|
+
readonly root: "activity";
|
|
10
|
+
readonly header: "activity-header";
|
|
11
|
+
readonly body: "activity-body";
|
|
12
|
+
readonly list: "activity-list";
|
|
13
|
+
readonly empty: "activity-empty";
|
|
14
|
+
readonly emptyIcon: "activity-empty-icon";
|
|
15
|
+
readonly error: "activity-error";
|
|
16
|
+
readonly retry: "activity-retry";
|
|
17
|
+
readonly skeleton: "activity-skeleton";
|
|
18
|
+
readonly skeletonRow: "activity-skeleton-row";
|
|
19
|
+
};
|
|
20
|
+
type ActivitySlot = (typeof ACTIVITY_SLOTS)[keyof typeof ACTIVITY_SLOTS];
|
|
21
|
+
//#endregion
|
|
22
|
+
export { ACTIVITY_SLOTS, ActivitySlot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:`activity`,header:`activity-header`,body:`activity-body`,list:`activity-list`,empty:`activity-empty`,emptyIcon:`activity-empty-icon`,error:`activity-error`,retry:`activity-retry`,skeleton:`activity-skeleton`,skeletonRow:`activity-skeleton-row`};export{e as ACTIVITY_SLOTS};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:{"Activity__styles.root":`Activity__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:21`},header:{"Activity__styles.header":`Activity__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:28`},headerLeft:{"Activity__styles.headerLeft":`Activity__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:31`},headerRight:{"Activity__styles.headerRight":`Activity__styles.headerRight`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:37`},backIcon:{"Activity__styles.backIcon":`Activity__styles.backIcon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:42`},body:{"Activity__styles.body":`Activity__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x4xct4k`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:54`},bodyCap:{"Activity__styles.bodyCap":`Activity__styles.bodyCap`,"maxHeight-kskxy":`x17geuhg`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:70`},skeletonRow:{"Activity__styles.skeletonRow":`Activity__styles.skeletonRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"backgroundColor-kWkggS":`xjbqb8w`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:75`},skeletonText:{"Activity__styles.skeletonText":`Activity__styles.skeletonText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:83`},empty:{"Activity__styles.empty":`Activity__styles.empty`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x1saie51`,"paddingBottom-kGO01o":`x1ej8hiu`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:94`},emptyIcon:{"Activity__styles.emptyIcon":`Activity__styles.emptyIcon`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:106`},error:{"Activity__styles.error":`Activity__styles.error`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x2tg1xt`,"paddingBottom-kGO01o":`x1ww8orz`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:114`},retryRow:{"Activity__styles.retryRow":`Activity__styles.retryRow`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:121`},bodyEnter:{"Activity__styles.bodyEnter":`Activity__styles.bodyEnter`,"animationName-kKVMdj":`xqcmdr3`,"animationDuration-k44tkh":`x19y0sg2`,"animationTimingFunction-kyAemX":`xrkt6z0`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:126`}};export{e as styles};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
|
-
//#region src/shared/widgets/activity
|
|
5
|
-
interface
|
|
4
|
+
//#region src/shared/widgets/activity/compound/ActivityDetail.d.ts
|
|
5
|
+
interface ActivityDetailOwnProps {
|
|
6
6
|
/**
|
|
7
7
|
* Optional custom composition. Defaults to mounting all three per-kind parts — each gates
|
|
8
8
|
* internally on the resolved payload's `kind`, so only the matching one renders.
|
|
@@ -10,25 +10,32 @@ interface ActivityHistoryDetailOwnProps {
|
|
|
10
10
|
children?: ReactNode;
|
|
11
11
|
}
|
|
12
12
|
/**
|
|
13
|
-
* Per-settlement detail compound — peer of {@link
|
|
14
|
-
* `
|
|
13
|
+
* Per-settlement detail compound — peer of {@link Activity}. Mounted by the dialog's
|
|
14
|
+
* `activityDetail` step. Resolves the selected settlement against
|
|
15
15
|
* `source.entity.raw[].settlements[]`, exposes the discriminated payload via the inner
|
|
16
16
|
* context, and lets per-kind parts (`Processing` / `Succeeded` / `Failed`) render the matching
|
|
17
17
|
* existing state compound with derived props.
|
|
18
18
|
*
|
|
19
|
+
* The default composition wraps the three per-kind branches in a nested `<Steps>` keyed by
|
|
20
|
+
* `payload.kind` so substate transitions (pending → succeeded / failed) inherit the kit's
|
|
21
|
+
* slide+blur step animation — without it, the inner compound would swap synchronously and
|
|
22
|
+
* the activity surface would feel discontinuous compared to the in-flow deposit dialog where
|
|
23
|
+
* each kind is a top-level `<Step>` and the same transition fires automatically.
|
|
24
|
+
*
|
|
19
25
|
* Returns `null` when the entity hasn't materialised raw data yet or when the settlement id
|
|
20
26
|
* misses (e.g. it aged out between row render and row tap). The lookup-miss arm silently
|
|
21
|
-
* dispatches `back()`
|
|
27
|
+
* dispatches `back()` (in-flow / via-list entries) or the bridge-supplied `onLookupMiss`
|
|
28
|
+
* (standalone direct entries) so the next paint shows the list.
|
|
22
29
|
*/
|
|
23
|
-
declare function
|
|
30
|
+
declare function ActivityDetail({
|
|
24
31
|
children
|
|
25
|
-
}:
|
|
32
|
+
}: ActivityDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
|
|
26
33
|
/**
|
|
27
34
|
* Pending-payload branch. Mounts the kit's `<ProcessingStateCompound>` with the resolved
|
|
28
|
-
* settlement details and an `<
|
|
35
|
+
* settlement details and an `<ActivityListHeader>` in the header slot so the back
|
|
29
36
|
* chevron + title affordance matches the list view.
|
|
30
37
|
*/
|
|
31
|
-
declare function
|
|
38
|
+
declare function ActivityDetailProcessing({
|
|
32
39
|
children
|
|
33
40
|
}: {
|
|
34
41
|
children?: ReactNode;
|
|
@@ -38,7 +45,7 @@ declare function ActivityHistoryDetailProcessing({
|
|
|
38
45
|
* so a withdraw row drilling into detail keeps `Withdrawal successful` (matching the row
|
|
39
46
|
* title vocabulary) instead of falling through to the deposit-only default.
|
|
40
47
|
*/
|
|
41
|
-
declare function
|
|
48
|
+
declare function ActivityDetailSucceeded({
|
|
42
49
|
children
|
|
43
50
|
}: {
|
|
44
51
|
children?: ReactNode;
|
|
@@ -48,28 +55,28 @@ declare function ActivityHistoryDetailSucceeded({
|
|
|
48
55
|
* a withdraw row keeps `Withdrawal failed` (the deposit branch is a no-op explicit set —
|
|
49
56
|
* matches the existing default; symmetric explicit form keeps both branches aligned).
|
|
50
57
|
*/
|
|
51
|
-
declare function
|
|
58
|
+
declare function ActivityDetailFailed({
|
|
52
59
|
children
|
|
53
60
|
}: {
|
|
54
61
|
children?: ReactNode;
|
|
55
62
|
}): _$react_jsx_runtime0.JSX.Element | null;
|
|
56
|
-
declare namespace
|
|
57
|
-
type Props =
|
|
63
|
+
declare namespace ActivityDetail {
|
|
64
|
+
type Props = ActivityDetailOwnProps;
|
|
58
65
|
/**
|
|
59
66
|
* Pending-payload branch. Mounts `<ProcessingStateCompound>` with the resolved settlement
|
|
60
67
|
* details. Returns `null` when the resolved payload's kind isn't `"pending"`.
|
|
61
68
|
*/
|
|
62
|
-
const Processing: typeof
|
|
69
|
+
const Processing: typeof ActivityDetailProcessing;
|
|
63
70
|
/**
|
|
64
71
|
* Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline
|
|
65
72
|
* copy. Returns `null` when the resolved payload's kind isn't `"succeeded"`.
|
|
66
73
|
*/
|
|
67
|
-
const Succeeded: typeof
|
|
74
|
+
const Succeeded: typeof ActivityDetailSucceeded;
|
|
68
75
|
/**
|
|
69
76
|
* Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline.
|
|
70
77
|
* Returns `null` when the resolved payload's kind isn't `"failed"`.
|
|
71
78
|
*/
|
|
72
|
-
const Failed: typeof
|
|
79
|
+
const Failed: typeof ActivityDetailFailed;
|
|
73
80
|
}
|
|
74
81
|
//#endregion
|
|
75
|
-
export {
|
|
82
|
+
export { ActivityDetail };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{useLingui as e}from"../../../i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../orchestrator/failureReason.js";import"../../../orchestrator/index.js";import{Step as n,Steps as r}from"../../../ui/Steps/Steps.js";import"../../../ui/Steps/index.js";import{ErrorState as i}from"../../error-state/compound/ErrorState.js";import"../../error-state/compound/index.js";import{ProcessingState as a}from"../../processing-state/compound/ProcessingState.js";import"../../processing-state/compound/index.js";import{SuccessState as o}from"../../success-state/compound/SuccessState.js";import"../../success-state/compound/index.js";import{useActivitySource as s}from"./context.js";import{ActivityListHeader as c}from"./components/ActivityHeader.js";import{toAssetDescriptor as l}from"../../asset-descriptor.js";import{settlementToWidgetProps as u}from"../adapters/settlementToWidgetProps.js";import{createContext as d,use as f,useEffect as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";function g(e,t,n){return t===`withdraw`?n===`pending`?e.withdrawPending:n===`succeeded`?e.withdrawSucceeded:e.withdrawFailed:n===`pending`?e.depositPending:n===`succeeded`?e.depositSucceeded:e.depositFailed}const _=d(null);_.displayName=`ActivityDetailContext`;function v({children:t}){let i=s(`ActivityDetail`),{_:a}=e(),o=i.entity,c=o.status===`ready`||o.status===`stale`,l=c?o.raw:void 0,d=i.settlementId,f=l&&d?u(l,d,i.settlementContext):null,v=c&&d!==void 0&&!f,S=i.back,C=i.onLookupMiss;if(p(()=>{v&&(S??C)?.()},[v,S,C]),!f)return null;let w={depositPending:a({id:`JYp-ic`,message:`Deposit processing`}),depositSucceeded:a({id:`e3xU5E`,message:`Deposit received`}),depositFailed:a({id:`i-4Fbp`,message:`Deposit failed`}),withdrawPending:a({id:`w-2VR9`,message:`Withdrawal in progress…`}),withdrawSucceeded:a({id:`q32Nt8`,message:`Withdrawal complete`}),withdrawFailed:a({id:`KTNWsg`,message:`Withdrawal failed`})},T={payload:f.payload,direction:f.direction,headerTitle:g(w,f.direction,f.payload.kind),...S?{onBack:S}:{}},E=h(r,{activeStep:f.payload.kind,children:[m(n,{name:`pending`,children:m(y,{})}),m(n,{name:`succeeded`,children:m(b,{})}),m(n,{name:`failed`,children:m(x,{})})]});return m(_,{value:T,children:t??E})}function y({children:e}){let t=f(_);if(!t||t.payload.kind!==`pending`)return null;let{payload:n,headerTitle:r,onBack:i}=t,o=l(n.creditedAsset)??{symbol:n.creditedAsset.symbol},s={...n.sourceWallet.name===void 0?{}:{name:n.sourceWallet.name},address:n.sourceWallet.address.formatted,...n.sourceWallet.explorerUrl?{explorerUrl:n.sourceWallet.explorerUrl}:{}},u=n.receiveAmount.value===0;return h(a,{amount:n.receiveAmount.formatted,creditedAsset:o,creditedTo:n.creditedTo,headerTitle:r,...u?{loading:!0}:{},...n.txHash?{sourceTx:{hash:n.txHash.formatted,...n.txExplorerUrl?{explorerUrl:n.txExplorerUrl}:{}}}:{},...s.address?{sourceWallet:s}:{},submittedAt:n.submittedAt.formatted,...n.detectedAt?{detectedAt:n.detectedAt.formatted}:{},children:[m(c,{title:r,onBack:i}),e??h(a.Body,{children:[m(a.Hero,{}),m(a.StatusPill,{}),h(a.Details,{children:[m(a.SourceRow,{}),m(a.SourceTxRow,{}),m(a.SubmittedAtRow,{}),m(a.DetectedAtRow,{})]})]})]})}function b({children:t}){let{_:n}=e(),r=f(_);if(!r||r.payload.kind!==`succeeded`)return null;let{payload:i,direction:a,headerTitle:s,onBack:u}=r,d=l(i.creditedAsset)??{symbol:i.creditedAsset.symbol},p={...i.sourceWallet.name===void 0?{}:{name:i.sourceWallet.name},address:i.sourceWallet.address.formatted,...i.sourceWallet.explorerUrl?{explorerUrl:i.sourceWallet.explorerUrl}:{}},g=i.destination.name??i.creditedAsset.symbol,v=i.aggregatorExplorerUrl?{url:i.aggregatorExplorerUrl}:void 0,y=i.depositTx||i.completionTx||i.submittedAt||i.filledAt,b=n(a===`withdraw`?{id:`_girqu`,message:`Withdrawal successful`}:{id:`--OGth`,message:`Deposit successful`}),x=n(a===`withdraw`?{id:`_QZdX-`,message:`Your withdrawal was completed successfully.`}:{id:`oW1G8i`,message:`Your funds were successfully deposited.`});return h(o,{amount:i.receiveAmount.formatted,creditedAsset:d,creditedTo:g,headerTitle:s,headlineTitle:b,headlineDescription:x,...v?{explorer:v}:{},...i.depositTx?{depositTx:{hash:i.depositTx.hash.formatted,...i.depositTx.explorerUrl?{explorerUrl:i.depositTx.explorerUrl}:{}}}:{},...i.completionTx?{completionTx:{hash:i.completionTx.hash.formatted,...i.completionTx.explorerUrl?{explorerUrl:i.completionTx.explorerUrl}:{}}}:{},submittedAt:i.submittedAt.formatted,filledAt:i.filledAt.formatted,totalTime:i.totalTime.formatted,sourceWallet:p,children:[m(c,{title:s,onBack:u}),t??h(o.Body,{children:[m(o.Headline,{}),h(o.Details,{children:[m(o.FillStatusRow,{}),m(o.TotalTimeRow,{}),m(o.SourceRow,{}),m(o.DestinationRow,{}),m(o.YouReceiveRow,{}),y?h(o.MoreDetails,{children:[m(o.DepositTxRow,{}),m(o.CompletionTxRow,{}),m(o.SubmittedAtRow,{}),m(o.FilledAtRow,{})]}):null]})]})]})}function x({children:n}){let{_:r}=e(),a=t(),o=f(_);if(!o||o.payload.kind!==`failed`)return null;let{payload:s,direction:u,headerTitle:d,onBack:p}=o,g={...s.sourceWallet.name===void 0?{}:{name:s.sourceWallet.name},address:s.sourceWallet.address.formatted,...s.sourceWallet.explorerUrl?{explorerUrl:s.sourceWallet.explorerUrl}:{}},v={...s.destination.name===void 0?{}:{name:s.destination.name},address:s.destination.address.formatted},y=l(s.creditedAsset)??{symbol:s.creditedAsset.symbol},b={hash:s.txHash.formatted,...s.txExplorerUrl?{explorerUrl:s.txExplorerUrl}:{}},x=a(s.failureKind);return h(i,{headline:r(u===`withdraw`?{id:`KTNWsg`,message:`Withdrawal failed`}:{id:`i-4Fbp`,message:`Deposit failed`}),reason:x,headerTitle:d,sourceWallet:g,destination:v,receiveAmount:s.receiveAmount.formatted,receiveAsset:y,depositTx:b,submittedAt:s.submittedAt.formatted,failedAt:s.failedAt.formatted,children:[m(c,{title:d,onBack:p}),n??h(i.Body,{children:[m(i.Hero,{}),h(i.Details,{children:[m(i.FillStatusRow,{}),m(i.SourceRow,{}),m(i.DestinationRow,{}),m(i.YouReceiveRow,{}),h(i.MoreDetails,{children:[m(i.DepositTxRow,{}),m(i.SubmittedAtRow,{}),m(i.FailedAtRow,{})]})]}),m(i.HelpInfo,{})]})]})}(function(e){e.Processing=y,e.Succeeded=b,e.Failed=x})(v||={});export{v as ActivityDetail};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
//#region src/shared/widgets/activity/compound/Row.slots.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Slot vocabulary for `<Activity.Row>`. Same `data-stridge-slot` convention as the parent
|
|
4
|
+
* compound — see {@link import("./Activity.slots").ACTIVITY_SLOTS}. Kept in its
|
|
5
|
+
* own file so the Row primitive stays a self-contained unit (matches the
|
|
6
|
+
* `<PrimitiveName>.slots.ts` convention used across `packages/kit/src/shared/ui/`).
|
|
7
|
+
*/
|
|
8
|
+
declare const ACTIVITY_ROW_SLOTS: {
|
|
9
|
+
readonly root: "activity-row";
|
|
10
|
+
readonly leading: "activity-row-leading";
|
|
11
|
+
readonly statusPip: "activity-row-status-pip";
|
|
12
|
+
readonly text: "activity-row-text";
|
|
13
|
+
readonly title: "activity-row-title";
|
|
14
|
+
readonly date: "activity-row-date";
|
|
15
|
+
readonly trailing: "activity-row-trailing";
|
|
16
|
+
readonly amount: "activity-row-amount";
|
|
17
|
+
readonly chevron: "activity-row-chevron";
|
|
18
|
+
};
|
|
19
|
+
type ActivityRowSlot = (typeof ACTIVITY_ROW_SLOTS)[keyof typeof ACTIVITY_ROW_SLOTS];
|
|
20
|
+
//#endregion
|
|
21
|
+
export { ACTIVITY_ROW_SLOTS, ActivityRowSlot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={root:`activity-row`,leading:`activity-row-leading`,statusPip:`activity-row-status-pip`,text:`activity-row-text`,title:`activity-row-title`,date:`activity-row-date`,trailing:`activity-row-trailing`,amount:`activity-row-amount`,chevron:`activity-row-chevron`};export{e as ACTIVITY_ROW_SLOTS};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={rowLayout:{"Row__styles.rowLayout":`Row__styles.rowLayout`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInlineStart-kZCmMZ":`xiplbrm`,"paddingInlineEnd-kwRFfy":`xvkiva6`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:35`},leading:{"Row__styles.leading":`Row__styles.leading`,"position-kVAEAm":`x1n2onr6`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x187nhsf`,"height-kZKoxP":`xn3w4p2`,"overflow-kVQacm":`x1rea2x4`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:44`},statusPip:{"Row__styles.statusPip":`Row__styles.statusPip`,"position-kVAEAm":`x10l6tqk`,"zIndex-kY2c9j":`x1vjfegm`,"bottom-krVfgx":`x1t1qrwb`,"insetInlineEnd-kt4wiu":`x1d0qlrl`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"borderRadius-kaIpWk":`x1e6avla`,"borderWidth-kMzoRj":`xdh2fpr`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`xv87bwv`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:59`},statusPipCompleted:{"Row__styles.statusPipCompleted":`Row__styles.statusPipCompleted`,"backgroundColor-kWkggS":`xelfwhf`,"color-kMwMTN":`x1e8cn3g`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:88`},statusPipFailed:{"Row__styles.statusPipFailed":`Row__styles.statusPipFailed`,"backgroundColor-kWkggS":`x1qvyn6m`,"color-kMwMTN":`x18o46el`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:92`},statusPipPending:{"Row__styles.statusPipPending":`Row__styles.statusPipPending`,"backgroundColor-kWkggS":`x1qkydf4`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:96`},statusPipIcon:{"Row__styles.statusPipIcon":`Row__styles.statusPipIcon`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"strokeWidth-kfJifR":`x1ip4yf`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:100`},statusPipSpinner:{"Row__styles.statusPipSpinner":`Row__styles.statusPipSpinner`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"animationName-kKVMdj":`x1aerksh`,"animationDuration-k44tkh":`x1q3qbx4`,"animationTimingFunction-kyAemX":`x1esw782`,"animationIterationCount-ko0y90":`xa4qsjk`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:105`},text:{"Row__styles.text":`Row__styles.text`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:123`},title:{"Row__styles.title":`Row__styles.title`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:132`},date:{"Row__styles.date":`Row__styles.date`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:137`},trailing:{"Row__styles.trailing":`Row__styles.trailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:144`},chevron:{"Row__styles.chevron":`Row__styles.chevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:150`}};export{e as styles};
|