@stridge/kit 0.1.0-alpha.49 → 0.1.0-alpha.50

package/dist/shared/widgets/activity-history/compound/ActivityHistory.js

@@ -0,0 +1 @@
+"use client";import{Frame as e}from"../../../dialog/Frame.js";import{ACTIVITY_HISTORY_SLOTS as t}from"./ActivityHistory.slots.js";import{styles as n}from"./ActivityHistory.styles.js";import{ActivityHistoryEmpty as r}from"./components/Empty.js";import{ActivityHistoryErrorView as i}from"./components/ErrorView.js";import{ActivityHistoryHeader as a,ActivityHistoryListHeader as o}from"./components/HistoryHeader.js";import{ActivityHistoryRow as s}from"./components/Row.js";import{ActivityHistoryList 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(a,{}),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=a,e.ListHeader=o,e.List=c,e.Row=s,e.Empty=r,e.ErrorView=i})(m||={});export{m as ActivityHistory};

package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.d.ts

@@ -0,0 +1,22 @@
+//#region src/shared/widgets/activity-history/compound/ActivityHistory.slots.d.ts
+/**
+ * Slot vocabulary for `<ActivityHistory>`. Each meaningful element carries
+ * `data-stridge-slot={ACTIVITY_HISTORY_SLOTS.<part>}` so hosts can target a sub-part with
+ * `[data-stridge-slot="activity-history-row"]` without forking the kit. Slots are public API —
+ * renames are breaking changes.
+ */
+declare const ACTIVITY_HISTORY_SLOTS: {
+  readonly root: "activity-history";
+  readonly header: "activity-history-header";
+  readonly body: "activity-history-body";
+  readonly list: "activity-history-list";
+  readonly empty: "activity-history-empty";
+  readonly emptyIcon: "activity-history-empty-icon";
+  readonly error: "activity-history-error";
+  readonly retry: "activity-history-retry";
+  readonly skeleton: "activity-history-skeleton";
+  readonly skeletonRow: "activity-history-skeleton-row";
+};
+type ActivityHistorySlot = (typeof ACTIVITY_HISTORY_SLOTS)[keyof typeof ACTIVITY_HISTORY_SLOTS];
+//#endregion
+export { ACTIVITY_HISTORY_SLOTS, ActivityHistorySlot };

package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.js

@@ -0,0 +1 @@
+const e={root:`activity-history`,header:`activity-history-header`,body:`activity-history-body`,list:`activity-history-list`,empty:`activity-history-empty`,emptyIcon:`activity-history-empty-icon`,error:`activity-history-error`,retry:`activity-history-retry`,skeleton:`activity-history-skeleton`,skeletonRow:`activity-history-skeleton-row`};export{e as ACTIVITY_HISTORY_SLOTS};

package/dist/shared/widgets/activity-history/compound/ActivityHistory.styles.js

@@ -0,0 +1 @@
+const e={root:{"ActivityHistory__styles.root":`ActivityHistory__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:21`},header:{"ActivityHistory__styles.header":`ActivityHistory__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:28`},headerLeft:{"ActivityHistory__styles.headerLeft":`ActivityHistory__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:31`},headerRight:{"ActivityHistory__styles.headerRight":`ActivityHistory__styles.headerRight`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:37`},backIcon:{"ActivityHistory__styles.backIcon":`ActivityHistory__styles.backIcon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:42`},body:{"ActivityHistory__styles.body":`ActivityHistory__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-history/compound/ActivityHistory.styles.ts:51`},skeletonRow:{"ActivityHistory__styles.skeletonRow":`ActivityHistory__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-history/compound/ActivityHistory.styles.ts:62`},skeletonText:{"ActivityHistory__styles.skeletonText":`ActivityHistory__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-history/compound/ActivityHistory.styles.ts:70`},empty:{"ActivityHistory__styles.empty":`ActivityHistory__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-history/compound/ActivityHistory.styles.ts:81`},emptyIcon:{"ActivityHistory__styles.emptyIcon":`ActivityHistory__styles.emptyIcon`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:93`},error:{"ActivityHistory__styles.error":`ActivityHistory__styles.error`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x2tg1xt`,"paddingBottom-kGO01o":`x1ww8orz`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:101`},retryRow:{"ActivityHistory__styles.retryRow":`ActivityHistory__styles.retryRow`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:108`},bodyEnter:{"ActivityHistory__styles.bodyEnter":`ActivityHistory__styles.bodyEnter`,"animationName-kKVMdj":`xqcmdr3`,"animationDuration-k44tkh":`x19y0sg2`,"animationTimingFunction-kyAemX":`xrkt6z0`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:113`}};export{e as styles};

package/dist/shared/widgets/activity-history/compound/ActivityHistoryDetail.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/ActivityHistoryDetail.d.ts
+interface ActivityHistoryDetailOwnProps {
+  /**
+   * Optional custom composition. Defaults to mounting all three per-kind parts — each gates
+   * internally on the resolved payload's `kind`, so only the matching one renders.
+   */
+  children?: ReactNode;
+}
+/**
+ * Per-settlement detail compound — peer of {@link ActivityHistory}. Mounted by the dialog's
+ * `historyDetail` step. Resolves the selected settlement against
+ * `source.entity.raw[].settlements[]`, exposes the discriminated payload via the inner
+ * context, and lets per-kind parts (`Processing` / `Succeeded` / `Failed`) render the matching
+ * existing state compound with derived props.
+ *
+ * Returns `null` when the entity hasn't materialised raw data yet or when the settlement id
+ * misses (e.g. it aged out between row render and row tap). The lookup-miss arm silently
+ * dispatches `back()` so the next paint shows the list.
+ */
+declare function ActivityHistoryDetail({
+  children
+}: ActivityHistoryDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Pending-payload branch. Mounts the kit's `<ProcessingStateCompound>` with the resolved
+ * settlement details and an `<ActivityHistoryListHeader>` in the header slot so the back
+ * chevron + title affordance matches the list view.
+ */
+declare function ActivityHistoryDetailProcessing({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline copy
+ * so a withdraw row drilling into detail keeps `Withdrawal successful` (matching the row
+ * title vocabulary) instead of falling through to the deposit-only default.
+ */
+declare function ActivityHistoryDetailSucceeded({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline so
+ * a withdraw row keeps `Withdrawal failed` (the deposit branch is a no-op explicit set —
+ * matches the existing default; symmetric explicit form keeps both branches aligned).
+ */
+declare function ActivityHistoryDetailFailed({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace ActivityHistoryDetail {
+  type Props = ActivityHistoryDetailOwnProps;
+  /**
+   * Pending-payload branch. Mounts `<ProcessingStateCompound>` with the resolved settlement
+   * details. Returns `null` when the resolved payload's kind isn't `"pending"`.
+   */
+  const Processing: typeof ActivityHistoryDetailProcessing;
+  /**
+   * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline
+   * copy. Returns `null` when the resolved payload's kind isn't `"succeeded"`.
+   */
+  const Succeeded: typeof ActivityHistoryDetailSucceeded;
+  /**
+   * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline.
+   * Returns `null` when the resolved payload's kind isn't `"failed"`.
+   */
+  const Failed: typeof ActivityHistoryDetailFailed;
+}
+//#endregion
+export { ActivityHistoryDetail };

package/dist/shared/widgets/activity-history/compound/ActivityHistoryDetail.js

@@ -0,0 +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{ErrorState as n}from"../../error-state/compound/ErrorState.js";import"../../error-state/compound/index.js";import{ProcessingState as r}from"../../processing-state/compound/ProcessingState.js";import"../../processing-state/compound/index.js";import{SuccessState as i}from"../../success-state/compound/SuccessState.js";import"../../success-state/compound/index.js";import{useActivityHistorySource as a}from"./context.js";import{ActivityHistoryListHeader as o}from"./components/HistoryHeader.js";import{toAssetDescriptor as s}from"../../asset-descriptor.js";import{settlementToWidgetProps as c}from"../adapters/settlementToWidgetProps.js";import{createContext as l,use as u,useEffect as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";const h=l(null);h.displayName=`ActivityHistoryDetailContext`;const g=m(f,{children:[p(v,{}),p(y,{}),p(b,{})]});function _({children:t}){let n=a(`ActivityHistoryDetail`),{_:r}=e(),i=n.entity,o=i.status===`ready`||i.status===`stale`,s=o?i.raw:void 0,l=n.settlementId,u=s&&l?c(s,l,n.settlementContext):null,f=o&&l!==void 0&&!u,m=n.back;return d(()=>{f&&m()},[f,m]),u?p(h,{value:{payload:u.payload,direction:u.direction,headerTitle:r({id:`XdtTGf`,message:`Activity details`}),onBack:m},children:t??g}):null}function v({children:e}){let t=u(h);if(!t||t.payload.kind!==`pending`)return null;let{payload:n,headerTitle:i,onBack:a}=t,c=s(n.creditedAsset)??{symbol:n.creditedAsset.symbol},l={...n.sourceWallet.name===void 0?{}:{name:n.sourceWallet.name},address:n.sourceWallet.address.formatted,...n.sourceWallet.explorerUrl?{explorerUrl:n.sourceWallet.explorerUrl}:{}};return m(r,{amount:n.receiveAmount.formatted,creditedAsset:c,creditedTo:n.creditedTo,headerTitle:i,...n.txHash?{sourceTx:{hash:n.txHash.formatted,...n.txExplorerUrl?{explorerUrl:n.txExplorerUrl}:{}}}:{},...l.address?{sourceWallet:l}:{},submittedAt:n.submittedAt.formatted,...n.detectedAt?{detectedAt:n.detectedAt.formatted}:{},children:[p(o,{title:i,onBack:a}),e??m(r.Body,{children:[p(r.Hero,{}),p(r.StatusPill,{}),m(r.Details,{children:[p(r.SourceRow,{}),p(r.SourceTxRow,{}),p(r.SubmittedAtRow,{}),p(r.DetectedAtRow,{})]})]})]})}function y({children:t}){let{_:n}=e(),r=u(h);if(!r||r.payload.kind!==`succeeded`)return null;let{payload:a,direction:c,headerTitle:l,onBack:d}=r,f=s(a.creditedAsset)??{symbol:a.creditedAsset.symbol},g={...a.sourceWallet.name===void 0?{}:{name:a.sourceWallet.name},address:a.sourceWallet.address.formatted,...a.sourceWallet.explorerUrl?{explorerUrl:a.sourceWallet.explorerUrl}:{}},_=a.destination.name??a.creditedAsset.symbol,v=a.aggregatorExplorerUrl?{url:a.aggregatorExplorerUrl}:void 0,y=a.depositTx||a.completionTx||a.submittedAt||a.filledAt,b=n(c===`withdraw`?{id:`_girqu`,message:`Withdrawal successful`}:{id:`--OGth`,message:`Deposit successful`}),x=n(c===`withdraw`?{id:`_QZdX-`,message:`Your withdrawal was completed successfully.`}:{id:`oW1G8i`,message:`Your funds were successfully deposited.`});return m(i,{amount:a.receiveAmount.formatted,creditedAsset:f,creditedTo:_,headerTitle:l,headlineTitle:b,headlineDescription:x,...v?{explorer:v}:{},...a.depositTx?{depositTx:{hash:a.depositTx.hash.formatted,...a.depositTx.explorerUrl?{explorerUrl:a.depositTx.explorerUrl}:{}}}:{},...a.completionTx?{completionTx:{hash:a.completionTx.hash.formatted,...a.completionTx.explorerUrl?{explorerUrl:a.completionTx.explorerUrl}:{}}}:{},submittedAt:a.submittedAt.formatted,filledAt:a.filledAt.formatted,totalTime:a.totalTime.formatted,sourceWallet:g,children:[p(o,{title:l,onBack:d}),t??m(i.Body,{children:[p(i.Headline,{}),m(i.Details,{children:[p(i.FillStatusRow,{}),p(i.TotalTimeRow,{}),p(i.SourceRow,{}),p(i.DestinationRow,{}),p(i.YouReceiveRow,{}),y?m(i.MoreDetails,{children:[p(i.DepositTxRow,{}),p(i.CompletionTxRow,{}),p(i.SubmittedAtRow,{}),p(i.FilledAtRow,{})]}):null]})]})]})}function b({children:r}){let{_:i}=e(),a=t(),c=u(h);if(!c||c.payload.kind!==`failed`)return null;let{payload:l,direction:d,headerTitle:f,onBack:g}=c,_={...l.sourceWallet.name===void 0?{}:{name:l.sourceWallet.name},address:l.sourceWallet.address.formatted,...l.sourceWallet.explorerUrl?{explorerUrl:l.sourceWallet.explorerUrl}:{}},v={...l.destination.name===void 0?{}:{name:l.destination.name},address:l.destination.address.formatted},y=s(l.creditedAsset)??{symbol:l.creditedAsset.symbol},b={hash:l.txHash.formatted,...l.txExplorerUrl?{explorerUrl:l.txExplorerUrl}:{}},x=a(l.failureKind);return m(n,{headline:i(d===`withdraw`?{id:`KTNWsg`,message:`Withdrawal failed`}:{id:`i-4Fbp`,message:`Deposit failed`}),reason:x,headerTitle:f,sourceWallet:_,destination:v,receiveAmount:l.receiveAmount.formatted,receiveAsset:y,depositTx:b,submittedAt:l.submittedAt.formatted,failedAt:l.failedAt.formatted,children:[p(o,{title:f,onBack:g}),r??m(n.Body,{children:[p(n.Hero,{}),m(n.Details,{children:[p(n.FillStatusRow,{}),p(n.SourceRow,{}),p(n.DestinationRow,{}),p(n.YouReceiveRow,{}),m(n.MoreDetails,{children:[p(n.DepositTxRow,{}),p(n.SubmittedAtRow,{}),p(n.FailedAtRow,{})]})]}),p(n.HelpInfo,{})]})]})}(function(e){e.Processing=v,e.Succeeded=y,e.Failed=b})(_||={});export{_ as ActivityHistoryDetail};

package/dist/shared/widgets/activity-history/compound/Row.slots.d.ts

@@ -0,0 +1,21 @@
+//#region src/shared/widgets/activity-history/compound/Row.slots.d.ts
+/**
+ * Slot vocabulary for `<ActivityHistory.Row>`. Same `data-stridge-slot` convention as the parent
+ * compound — see {@link import("./ActivityHistory.slots").ACTIVITY_HISTORY_SLOTS}. Kept in its
+ * own file so the Row primitive stays a self-contained unit (matches the
+ * `<PrimitiveName>.slots.ts` convention used across `packages/kit/src/shared/ui/`).
+ */
+declare const ACTIVITY_HISTORY_ROW_SLOTS: {
+  readonly root: "activity-history-row";
+  readonly leading: "activity-history-row-leading";
+  readonly statusPip: "activity-history-row-status-pip";
+  readonly text: "activity-history-row-text";
+  readonly title: "activity-history-row-title";
+  readonly date: "activity-history-row-date";
+  readonly trailing: "activity-history-row-trailing";
+  readonly amount: "activity-history-row-amount";
+  readonly chevron: "activity-history-row-chevron";
+};
+type ActivityHistoryRowSlot = (typeof ACTIVITY_HISTORY_ROW_SLOTS)[keyof typeof ACTIVITY_HISTORY_ROW_SLOTS];
+//#endregion
+export { ACTIVITY_HISTORY_ROW_SLOTS, ActivityHistoryRowSlot };

package/dist/shared/widgets/activity-history/compound/Row.slots.js

@@ -0,0 +1 @@
+const e={root:`activity-history-row`,leading:`activity-history-row-leading`,statusPip:`activity-history-row-status-pip`,text:`activity-history-row-text`,title:`activity-history-row-title`,date:`activity-history-row-date`,trailing:`activity-history-row-trailing`,amount:`activity-history-row-amount`,chevron:`activity-history-row-chevron`};export{e as ACTIVITY_HISTORY_ROW_SLOTS};

package/dist/shared/widgets/activity-history/compound/Row.styles.js

@@ -0,0 +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-history/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-history/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-history/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-history/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-history/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-history/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-history/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-history/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-history/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-history/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-history/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-history/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-history/compound/Row.styles.ts:150`}};export{e as styles};

package/dist/shared/widgets/activity-history/compound/components/Empty.d.ts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/Empty.d.ts
+/**
+ * Empty-state body for the activity surface. Reached when the gateway's poll returned an
+ * empty UDA list for the connected owner — typically a brand-new wallet that hasn't deposited
+ * or withdrawn yet. Renders centered icon + headline + subline; no CTA — the user is already
+ * inside an active dialog, so the surrounding flow (deposit method picker, withdraw form) is
+ * the implicit next step.
+ *
+ * @internal
+ */
+declare function ActivityHistoryEmpty(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryEmpty };

package/dist/shared/widgets/activity-history/compound/components/Empty.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ClockIcon as t}from"../../../../icons/ClockIcon.js";import"../../../../../icons/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ACTIVITY_HISTORY_SLOTS as r}from"../ActivityHistory.slots.js";import{styles as i}from"../ActivityHistory.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(){let{_:c}=e();return o(`div`,{"data-stridge-slot":r.empty,...s.props(i.empty),children:[a(t,{"aria-hidden":!0,"data-stridge-slot":r.emptyIcon,...s.props(i.emptyIcon)}),a(n.span,{size:`base`,fontWeight:`semibold`,color:`default`,children:c({id:`aXFOuf`,message:`No activity yet`})}),a(n.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:c({id:`Xzw7uC`,message:`Your deposits and withdrawals will appear here.`})})]})}export{c as ActivityHistoryEmpty};

package/dist/shared/widgets/activity-history/compound/components/ErrorView.d.ts

@@ -0,0 +1,26 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/ErrorView.d.ts
+interface ActivityHistoryErrorViewProps {
+  /**
+   * Retry handler. Wired by the List to fire a fresh `refresh(signal)` against the source
+   * context — the entity transitions back through `loading → ready | error`.
+   */
+  onRetry: () => void;
+}
+/**
+ * Initial-error body for the activity surface. Rendered only when the first fetch failed
+ * AND the entity has no prior payload to fall back to (status `error` from `idle | loading`).
+ * Refresh failures while a payload is already cached are silent — the entity stays `stale`
+ * and the next controller-driven `watchHistory` tick retries; that branch never reaches this
+ * component.
+ *
+ * @internal
+ * @see {@link ActivityHistoryList} for the entity-status branching that decides when this
+ * renders vs the silent stale-while-revalidate path.
+ */
+declare function ActivityHistoryErrorView({
+  onRetry
+}: ActivityHistoryErrorViewProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryErrorView };

package/dist/shared/widgets/activity-history/compound/components/ErrorView.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{AlertIcon as t}from"../../../../icons/AlertIcon.js";import"../../../../../icons/index.js";import{Button as n}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{Alert as r}from"../../../../ui/Alert/Alert.js";import"../../../../ui/Alert/index.js";import{ACTIVITY_HISTORY_SLOTS as i}from"../ActivityHistory.slots.js";import{styles as a}from"../ActivityHistory.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({onRetry:l}){let{_:u}=e();return s(`div`,{"data-stridge-slot":i.error,...c.props(a.error),children:[o(r,{variant:`danger`,icon:o(t,{}),children:u({id:`B-4zEC`,message:`Couldn't load activity. Please try again.`})}),o(`div`,{...c.props(a.retryRow),children:o(n,{type:`button`,variant:`secondary`,size:`sm`,onClick:l,"data-stridge-slot":i.retry,children:u({id:`KDw4GX`,message:`Try again`})})})]})}export{l as ActivityHistoryErrorView};

package/dist/shared/widgets/activity-history/compound/components/HistoryHeader.d.ts

@@ -0,0 +1,39 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/HistoryHeader.d.ts
+interface Props {
+  /**
+   * Optional override for the title. Defaults to `t\`Activity\`` for the list view; detail
+   * views pass their own (e.g. `t\`Activity details\``).
+   */
+  title?: string;
+  /**
+   * Back chevron handler. When set, renders the chevron on the leading edge; when omitted,
+   * the title aligns flush with the leading edge. The list view always supplies a handler;
+   * detail views always supply one.
+   */
+  onBack?: () => void;
+}
+/**
+ * Shared `Card.Header` for the activity surface. Renders a back chevron (when `onBack` is
+ * set) on the leading edge + title + trailing `Dialog.CloseButton`. Mirrors the rhythm of
+ * `WithdrawForm.Header` (the kit's other multi-element dialog header) so the header chrome
+ * stays consistent across flows.
+ *
+ * Mounted by both the List view and the Detail view's per-payload compound — the chevron
+ * routes `actions.back()` through the source context, which the FSM disambiguates via the
+ * active state name (`historyDetail → historyList → source`).
+ */
+declare function ActivityHistoryListHeader({
+  title,
+  onBack
+}: Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Public `<ActivityHistory.Header>` part — thin wrapper around {@link ActivityHistoryListHeader}
+ * that reads `back` from the source context so hosts get a zero-prop part to drop into list
+ * compositions. The peer detail compound mounts `<ActivityHistory.ListHeader>` itself with an
+ * explicit title and back handler.
+ */
+declare function ActivityHistoryHeader(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryHeader, ActivityHistoryListHeader };

package/dist/shared/widgets/activity-history/compound/components/HistoryHeader.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import"../../../../ui/IconButton/index.js";import{Dialog as r}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as i}from"../../../../ui/Card/Card.js";import"../../../../ui/Card/index.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ACTIVITY_HISTORY_SLOTS as o}from"../ActivityHistory.slots.js";import{styles as s}from"../ActivityHistory.styles.js";import{useActivityHistorySource as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:c,onBack:f}){let{_:p}=e(),m=c??p({id:`XJOV1Y`,message:`Activity`});return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[u(`div`,{...d.props(s.headerLeft),children:[typeof f==`function`?l(n,{"aria-label":p({id:`iH8pgl`,message:`Back`}),onClick:f,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:m})]}),l(`div`,{...d.props(s.headerRight),children:l(r.CloseButton,{})})]})}function p(){return l(f,{onBack:c(`ActivityHistory.Header`).back})}export{p as ActivityHistoryHeader,f as ActivityHistoryListHeader};

package/dist/shared/widgets/activity-history/compound/components/List.d.ts

@@ -0,0 +1,23 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/List.d.ts
+/**
+ * List body for the activity surface. Reads the `history` entity from
+ * {@link useActivityHistorySource} and branches on status:
+ *
+ * - `idle | loading` (cold path, no prior payload) → skeleton × 4.
+ * - `ready | stale` → rows. `stale` keeps the prior list rendered while a refresh is in
+ *   flight so the user never sees an empty pause. The refresh is silent — no spinner.
+ * - `error` (cold path) → {@link ActivityHistoryErrorView} with a retry button.
+ * - `ready` with zero rows → {@link ActivityHistoryEmpty}.
+ *
+ * Recurring updates land via the controller-mounted `watchHistory` watcher (mounted on entry
+ * to `historyList` / `historyDetail`, with adaptive cadence — short while any row is
+ * `pending`, long once all rows are terminal). The widget itself is a pure reader; the only
+ * imperative surface left here is the retry button, which fires `source.refresh(signal)` once.
+ *
+ * @internal
+ */
+declare function ActivityHistoryList(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryList };

package/dist/shared/widgets/activity-history/compound/components/List.js

@@ -0,0 +1 @@
+"use client";import{Card as e}from"../../../../ui/Card/Card.js";import"../../../../ui/Card/index.js";import{Skeleton as t}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{ACTIVITY_HISTORY_SLOTS as n}from"../ActivityHistory.slots.js";import{styles as r}from"../ActivityHistory.styles.js";import{ActivityHistoryEmpty as i}from"./Empty.js";import{ActivityHistoryErrorView as a}from"./ErrorView.js";import{useActivityHistorySource as o}from"../context.js";import{ActivityHistoryRow as s}from"./Row.js";import{useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";const f=[`skeleton-1`,`skeleton-2`,`skeleton-3`,`skeleton-4`];function p(){let t=o(`ActivityHistory.List`),u=c(null),f=c(t.refresh);f.current=t.refresh;let p=t.entity;if(p.status===`error`)return l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),children:l(a,{onRetry:()=>{u.current?.abort();let e=new AbortController;u.current=e,f.current(e.signal)}})});if(p.status===`idle`||p.status===`loading`)return l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),"aria-busy":`true`,"aria-live":`polite`,children:l(g,{})});let _=p.payload.rows;return _.length===0?l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),children:l(i,{})}):l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body,r.bodyEnter),children:l(`ul`,{"data-stridge-slot":n.list,style:m,children:_.map(e=>l(`li`,{style:h,children:l(s,{payload:e,onSelect:t.selectSettlement})},`${e.udaId}:${e.id}`))})})}const m={display:`flex`,flexDirection:`column`,gap:`var(--stridge-kit-space-2)`,listStyle:`none`,marginBlock:0,marginInline:0,paddingBlock:0,paddingInline:0},h={listStyle:`none`};function g(){return l(`div`,{"data-stridge-slot":n.skeleton,children:f.map(e=>u(`div`,{"data-stridge-slot":n.skeletonRow,...d.props(r.skeletonRow),children:[l(t,{width:44,height:44,radius:999}),u(`div`,{...d.props(r.skeletonText),children:[l(t,{width:`60%`,height:14}),l(t,{width:`40%`,height:12})]}),l(t,{width:56,height:14})]},e))})}export{p as ActivityHistoryList};

package/dist/shared/widgets/activity-history/compound/components/Row.d.ts

@@ -0,0 +1,54 @@
+import { ActivityHistoryRowPayload } from "../../payloads.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/Row.d.ts
+/**
+ * Props the row needs to render — pre-formatted by the driver's transformer. The widget
+ * never re-formats inputs (`title` / `formattedAmount.formatted` / `formattedDate.formatted`
+ * are display strings already). Click fires the row's settlement id back to the source
+ * context so the FSM can transition into the detail view.
+ */
+interface Props {
+  /**
+   * Pre-formatted payload from the driver. Carries every visible string (`title`,
+   * `formattedAmount`, `formattedDate`, `ariaLabel`) plus the asset / chain identity slots
+   * the leading {@link TokenLogo} resolves against.
+   */
+  payload: ActivityHistoryRowPayload;
+  /**
+   * Row click handler. Receives the settlement id from the payload; the parent compound
+   * forwards it to {@link import("../context").ActivityHistorySourceValue.selectSettlement}.
+   */
+  onSelect: (settlementId: string) => void;
+}
+/**
+ * Public alias for {@link Props}. Preserved as the externally visible name so the
+ * compound's `index.ts` and the API-extractor snapshot keep referencing
+ * `ActivityHistoryRowProps`.
+ */
+type ActivityHistoryRowProps = Props;
+/**
+ * One row of the activity surface — leading asset glyph (with corner status pip), title +
+ * date stack, trailing amount + chevron. Composes
+ * `<SelectableTile shape="card" interactive="navigation">` so the surface treatment (hover
+ * wash, focus ring, border palette) matches the kit's asset-picker rows; the `rowLayout`
+ * override keeps the row's 68px height byte-identical to the design (44px disc + 12px block
+ * padding + 16px inline padding + 12px gap). `aria-label` encodes direction + amount + date
+ * because the leading icon doesn't carry direction on its own.
+ *
+ * Designed against Paper artboard `1HA2-0` (Deposit Tracker — Cards, Dark) — see
+ * {@link import("../Row.styles").styles} for the per-property snap rationale.
+ *
+ * **Asset glyph composition (Paper artboard `1HA2-0`).** The artboard shows the status pip
+ * in the bottom-trailing corner of the asset logo AND omits the chain glyph badge entirely.
+ * Row density is the optimization target, and the user is already inside the brand's dialog
+ * so chain identity carries lower weight than recognising the action+status at a glance.
+ * {@link TokenLogo}'s built-in chain badge is therefore disabled via `hideChainBadge` and
+ * the {@link StatusPip} renders inside the row's leading slot instead.
+ */
+declare function ActivityHistoryRow({
+  payload,
+  onSelect
+}: Props): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryRow, ActivityHistoryRowProps };

package/dist/shared/widgets/activity-history/compound/components/Row.js

@@ -0,0 +1 @@
+"use client";import{ChevronRightIcon as e}from"../../../../icons/ChevronRightIcon.js";import"../../../../../icons/index.js";import{SelectableTile as t}from"../../../../ui/SelectableTile/SelectableTile.js";import"../../../../ui/SelectableTile/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{TokenLogo as r}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import{ACTIVITY_HISTORY_ROW_SLOTS as i}from"../Row.slots.js";import{styles as a}from"../Row.styles.js";import{StatusPip as o}from"./StatusPip.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({payload:u,onSelect:d}){return c(t,{shape:`card`,interactive:`navigation`,"data-stridge-slot":i.root,"aria-label":u.ariaLabel,onClick:()=>d(u.id),...l.props(a.rowLayout),children:[c(`span`,{"data-stridge-slot":i.leading,...l.props(a.leading),children:[s(r,{symbol:u.assetSymbol,...u.chainId===void 0?{}:{chainId:u.chainId},...u.assetLogoUrl===void 0?{}:{logoUrl:u.assetLogoUrl},...u.chainLogoUrl===void 0?{}:{chainLogoUrl:u.chainLogoUrl},size:44,hideChainBadge:!0}),s(o,{kind:u.status.kind})]}),c(`span`,{"data-stridge-slot":i.text,...l.props(a.text),children:[s(n.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`default`,"data-stridge-slot":i.title,...l.props(a.title),children:u.title}),s(n.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,"data-stridge-slot":i.date,...l.props(a.date),children:u.formattedDate.formatted})]}),c(`span`,{"data-stridge-slot":i.trailing,...l.props(a.trailing),children:[s(n.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`default`,"data-stridge-slot":i.amount,children:u.formattedAmount.formatted}),s(e,{"aria-hidden":!0,"data-stridge-slot":i.chevron,...l.props(a.chevron)})]})]})}export{u as ActivityHistoryRow};

package/dist/shared/widgets/activity-history/compound/components/StatusPip.js

@@ -0,0 +1 @@
+"use client";import{CheckIcon as e}from"../../../../icons/CheckIcon.js";import{LoaderIcon as t}from"../../../../icons/LoaderIcon.js";import{XIcon as n}from"../../../../icons/XIcon.js";import"../../../../../icons/index.js";import{ACTIVITY_HISTORY_ROW_SLOTS as r}from"../Row.slots.js";import{styles as i}from"../Row.styles.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({kind:s}){let c=s===`completed`?i.statusPipCompleted:s===`failed`?i.statusPipFailed:i.statusPipPending;return a(`span`,{"data-stridge-slot":r.statusPip,...o.props(i.statusPip,c),children:s===`completed`?a(e,{"aria-hidden":!0,...o.props(i.statusPipIcon)}):s===`failed`?a(n,{"aria-hidden":!0,...o.props(i.statusPipIcon)}):a(t,{"aria-hidden":!0,...o.props(i.statusPipSpinner)})})}export{s as StatusPip};

package/dist/shared/widgets/activity-history/compound/context.d.ts

@@ -0,0 +1,79 @@
+import { Entity } from "../../../driver/types.js";
+import { ActivityHistoryPayload } from "../payloads.js";
+import { SettlementPayloadContext } from "../../../../flows/deposit/driver/transformers/settlementToPayload.js";
+import * as _$react from "react";
+import { GatewayPollResponse, GatewayUdaDto } from "@stridge/sdk";
+
+//#region src/shared/widgets/activity-history/compound/context.d.ts
+/**
+ * Source of truth handed to `<ActivityHistory>` and `<ActivityHistoryDetail>` from whichever
+ * dialog (deposit / withdraw) mounts them. Each dialog assembles this value once from its own
+ * snapshot + actions and wraps the activity-history step body in
+ * `<ActivityHistorySourceProvider value={…}>`. The compound stays flow-agnostic — it reads
+ * the entity and the imperative actions from this single value.
+ *
+ * View routing is external: the FSM now exposes `historyList` and `historyDetail` as separate
+ * state names; the dialog's step router mounts {@link ActivityHistory} for the list step and
+ * {@link ActivityHistoryDetail} for the detail step. Each orchestrated wrapper supplies the
+ * source value with the slots its step needs (the list wrapper omits `settlementId`; the
+ * detail wrapper sets it).
+ *
+ * @see {@link ActivityHistorySourceProvider}
+ * @see {@link useActivityHistorySource}
+ */
+interface ActivityHistorySourceValue {
+  /**
+   * The driver's `history` entity. Same shape on both flows (`DepositSnapshot["history"]`
+   * and `WithdrawSnapshot["history"]` are structurally identical — both back onto the
+   * multi-UDA envelope from `GET /gateway/{owner}`). Status discriminator drives the
+   * compound's branch (idle / loading → skeleton; ready / stale → rows; error → retry).
+   */
+  entity: Entity<ActivityHistoryPayload, ReadonlyArray<GatewayUdaDto>, GatewayPollResponse>;
+  /**
+   * Trigger a fresh one-shot fetch. Wired by each dialog to `driver.refreshHistory(signal)`.
+   * The compound calls this from the error-view retry button; each call passes an
+   * `AbortSignal` the compound owns so it can cancel mid-fetch on rapid re-clicks. Recurring
+   * updates while the list is visible land separately via the controller-mounted
+   * `watchHistory` watcher — this callback is not the steady-state polling surface.
+   */
+  refresh: (signal: AbortSignal) => void;
+  /**
+   * Dispatch a row selection. Wired to `actions.selectSettlement(id)` — the FSM transitions
+   * from `historyList` to `historyDetail` carrying the selected `settlementId`.
+   */
+  selectSettlement: (settlementId: string) => void;
+  /**
+   * Back chevron handler. Wired to `actions.back()` — the FSM disambiguates via the current
+   * state name (`historyDetail → historyList → source`). The compound renders the chevron in
+   * both the list step's header AND inside the detail step's header composition.
+   */
+  back: () => void;
+  /**
+   * Selected settlement id when the dialog is mounting the detail step. Carried so the
+   * `<ActivityHistoryDetail>` compound can look up the matching `GatewaySettlementDto`
+   * inside `entity.raw[].settlements[]` and feed it to {@link
+   * import("../adapters").settlementToWidgetProps}. Absent when the list wrapper supplies
+   * the source value.
+   */
+  settlementId?: string;
+  /**
+   * Context the detail compound's adapter passes to {@link
+   * import("#/flows/deposit/driver/transformers").settlementToPayload}. Each dialog
+   * assembles this from its own driver snapshot — deposit reads `wallet`, `brand`, the
+   * driver's explorers map; withdraw reads its equivalents. Carrying the resolved context
+   * here keeps the compound flow-agnostic.
+   */
+  settlementContext: SettlementPayloadContext;
+}
+/**
+ * Provider for {@link ActivityHistorySourceValue}. Each dialog mounts one above its
+ * activity-history step body — see `DepositDialog` / `WithdrawDialog`.
+ */
+declare const ActivityHistorySourceProvider: _$react.Provider<ActivityHistorySourceValue | null>;
+/**
+ * Read the active {@link ActivityHistorySourceValue}. Throws when called outside an
+ * `<ActivityHistorySourceProvider>`.
+ */
+declare function useActivityHistorySource(consumer: string): ActivityHistorySourceValue;
+//#endregion
+export { ActivityHistorySourceProvider, ActivityHistorySourceValue, useActivityHistorySource };

package/dist/shared/widgets/activity-history/compound/context.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`ActivityHistorySourceContext`;const r=n.Provider;function i(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <ActivityHistorySourceProvider>. Mount the provider above <ActivityHistory> with the value derived from the flow's snapshot + actions — see DepositDialog / WithdrawDialog for the canonical wiring.`);return r}export{r as ActivityHistorySourceProvider,i as useActivityHistorySource};

package/dist/shared/widgets/activity-history/index.js

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

package/dist/shared/widgets/activity-history/payloads.d.ts

@@ -0,0 +1,81 @@
+import { FormattedField } from "../../format/types.js";
+//#region src/shared/widgets/activity-history/payloads.d.ts
+/**
+ * Which flow produced the settlement — `"deposit"` for UDAs whose destination is the connected
+ * wallet, `"withdraw"` for UDAs whose source is the brand-currency balance the user is cashing
+ * out from. Discriminated by `uda.metadata.kit_flow` when present, with an address-comparison
+ * fallback for legacy UDAs that pre-date the metadata convention.
+ */
+type ActivityHistoryDirection = "deposit" | "withdraw";
+/**
+ * Lifecycle bucket for a single settlement row. Maps onto the kit's existing settlement-status
+ * model (`pending → succeeded → failed`) but flattens it to the 3-value set the row renders
+ * against — the inline status indicator picks an icon from this discriminator alone.
+ */
+type ActivityHistoryStatusType = "pending" | "completed" | "failed";
+/**
+ * Wrapper carrying the lifecycle bucket plus room for future status-scoped metadata (e.g. a
+ * settlement-level `failureKind` tag the row could surface). Kept separate from
+ * {@link ActivityHistoryStatusType} so the discriminator string stays stable as the shape grows.
+ */
+interface ActivityHistoryStatus {
+  kind: ActivityHistoryStatusType;
+}
+/**
+ * One settlement row in the activity history list. Pre-formatted by the driver's transformer —
+ * widgets render directly from these fields and never re-format inputs themselves.
+ *
+ * Detail-view rendering happens off the entity's `raw: ReadonlyArray<GatewayUdaDto>` slot: the
+ * row carries `udaId` + `id` so the detail component can locate the matching
+ * `GatewaySettlementDto` and feed it back through {@link
+ * import("#/flows/deposit/driver/transformers").settlementToPayload} to produce a full
+ * `SuccessStateProps` / `ErrorStateProps` / pending payload at display time.
+ */
+interface ActivityHistoryRowPayload {
+  /** Settlement id — unique within the multi-UDA envelope. The detail lookup keys on this. */
+  id: string;
+  /** Parent UDA id — settlements nest inside UDAs; the detail walker scans `udas[].settlements[]`. */
+  udaId: string;
+  /** Flow that produced this settlement. Drives the title prefix and the accessible label. */
+  direction: ActivityHistoryDirection;
+  /** Lifecycle bucket. Drives the inline status indicator (spinner / red-X / none). */
+  status: ActivityHistoryStatus;
+  /** Localized action+status string (e.g. `"Deposit completed"`, `"Withdrawal in progress"`). */
+  title: string;
+  /**
+   * USD-formatted amount for this row. For deposits this is the credited receive amount; for
+   * withdrawals the source send amount. The widget renders `formatted` verbatim.
+   */
+  formattedAmount: FormattedField<number>;
+  /**
+   * Settlement `updated_at` (unix-ms in `value`). `formatted` is the smart-relative form for
+   * settlements younger than 7 days, otherwise an absolute date — both follow the active Lingui
+   * locale.
+   */
+  formattedDate: FormattedField<number>;
+  /** Destination asset symbol — what the leading {@link import("#/shared/ui").TokenLogo} renders. */
+  assetSymbol: string;
+  /** Resolved token icon URL, when known. */
+  assetLogoUrl?: string;
+  /** EIP-155 chain id of the destination chain. */
+  chainId?: number;
+  /** Human-readable destination network name (e.g. `"Ethereum"`, `"BSC"`). */
+  chainName?: string;
+  /** Resolved chain glyph URL — overlaid in the corner of the asset logo. */
+  chainLogoUrl?: string;
+  /**
+   * Accessible label rendered as the row's `aria-label`. Encodes direction + amount + date
+   * because the leading icon does not carry direction.
+   */
+  ariaLabel: string;
+}
+/**
+ * Entity payload for the owner-scoped activity surface. Backed by the multi-UDA envelope from
+ * `GET /gateway/{owner}`; `rows` is sorted newest-first and capped at 20 entries per fetch.
+ */
+interface ActivityHistoryPayload {
+  /** Newest-first row payloads, capped at 20 per fetch. */
+  rows: ReadonlyArray<ActivityHistoryRowPayload>;
+}
+//#endregion
+export { ActivityHistoryDirection, ActivityHistoryPayload, ActivityHistoryRowPayload, ActivityHistoryStatus, ActivityHistoryStatusType };

package/dist/shared/widgets/activity-history/transformers/historyResponseToPayload.js

@@ -0,0 +1 @@
+import{parseIsoMs as e}from"../../../../flows/shared/transformers/parseIsoMs.js";import{formatTimestamp as t}from"../../../format/formatTimestamp.js";import{formatTokenAmount as n}from"../../../format/formatTokenAmount.js";import{formatUsd as r}from"../../../format/formatUsd.js";import{resolveDirection as i}from"./resolveDirection.js";function a(e,t){let n=t.now??Date.now(),r=t.ownerAddress.toLowerCase(),i=[];for(let t of e.udas)for(let e of t.settlements)i.push({settlement:e,uda:t});i.sort((e,t)=>e.settlement.updated_at===t.settlement.updated_at?0:e.settlement.updated_at<t.settlement.updated_at?1:-1);let a=[];for(let{settlement:e,uda:s}of i.slice(0,20))a.push(o(e,s,t,n,r));return{rows:a}}function o(t,n,r,a,o){let u=i(n,o),d=s(t.status),f=c(u,d.kind,r.i18n),p=l(t,n,u,r.i18n),g=e(t.updated_at)??e(t.created_at)??a,_={value:g,formatted:m(g,a,r.i18n)},v=h(u,p.formatted,_.formatted,r.i18n),y=n.destination.eip155_id?Number(n.destination.eip155_id):void 0,b=y===void 0?void 0:r.chainLogoFor?.(y),x=t.to?.logo??void 0;return{id:t.id,udaId:n.uda_id,direction:u,status:d,title:f,formattedAmount:p,formattedDate:_,assetSymbol:n.destination.asset_symbol,...x?{assetLogoUrl:x}:{},...y===void 0?{}:{chainId:y},...n.destination.network_name?{chainName:n.destination.network_name}:{},...b?{chainLogoUrl:b}:{},ariaLabel:v}}function s(e){switch(e){case`created`:case`routing`:return{kind:`pending`};case`completed`:return{kind:`completed`};case`failed`:return{kind:`failed`};default:return{kind:`pending`}}}function c(e,t,n){return e===`deposit`?t===`completed`?n._({id:`Deposit completed`,message:`Deposit completed`}):t===`failed`?n._({id:`Deposit failed`,message:`Deposit failed`}):n._({id:`Deposit in progress`,message:`Deposit in progress`}):t===`completed`?n._({id:`Withdrawal completed`,message:`Withdrawal completed`}):t===`failed`?n._({id:`Withdrawal failed`,message:`Withdrawal failed`}):n._({id:`Withdrawal in progress`,message:`Withdrawal in progress`})}function l(e,t,i,a){let o=i===`deposit`?e.to:e.from,s=o?.amount_usd;if(s){let e=Number.parseFloat(s);if(Number.isFinite(e))return{value:e,formatted:r(e,a)}}let c=t.destination.asset_decimals,l=u(o,c),d=t.destination.asset_symbol;return{value:l,formatted:`${n(l,a,{maxDecimals:c})} ${d}`}}function u(e,t){if(!e)return 0;if(e.amount){let t=Number.parseFloat(e.amount);if(Number.isFinite(t)&&t>=0)return t}if(e.raw_amount){let n=e.raw_amount;try{let e=BigInt(n);if(t===0)return Number(e);let r=10n**BigInt(t),i=e/r,a=(e%r).toString().padStart(t,`0`);return Number(`${i}.${a}`)}catch{return 0}}return 0}const d=6e4,f=36e5,p=864e5;function m(e,n,r){let i=n-e;if(i<d)return r._({id:`Just now`,message:`Just now`});let a=new Intl.RelativeTimeFormat(r.locale,{numeric:`auto`});if(i<f){let e=Math.floor(i/d);return a.format(-e,`minute`)}if(i<p){let e=Math.floor(i/f);return a.format(-e,`hour`)}let o=Math.floor(i/p);return o===1?r._({id:`Yesterday`,message:`Yesterday`}):o<7?a.format(-o,`day`):t(e,r)}function h(e,t,n,r){return e===`deposit`?r._({id:`Deposit of {amount}, {date}`,message:`Deposit of {amount}, {date}`,values:{amount:t,date:n}}):r._({id:`Withdrawal of {amount}, {date}`,message:`Withdrawal of {amount}, {date}`,values:{amount:t,date:n}})}export{a as historyResponseToPayload};

package/dist/shared/widgets/activity-history/transformers/resolveDirection.js

@@ -0,0 +1 @@
+function e(e,t){let n=e.metadata?.kit_flow;return n===`deposit`?`deposit`:n===`withdraw`?`withdraw`:(e.destination.address??``).toLowerCase()===t?`deposit`:`withdraw`}export{e as resolveDirection};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.js

@@ -1 +1 @@
-"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as d}from"./components/Notice.js";import{AmountEntryPills as f}from"./components/Pills.js";import{useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g={useGrouping:!0,maximumFractionDigits:8},_=[];function v(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=_,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,children:j}=e,M=p(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??g,min:d,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A}),[t,s,c,l,u,d,f,v,y,b,x,S,C,w,T,E,D,O,k,A]);return m(o.Provider,{value:M,children:m(n.Provider,{children:m(r,{"data-stridge-slot":i.root,...h.props(a.root),children:j})})})}function y(e){return m(t.Body,{"data-stridge-slot":i.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return m(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:m(v,{...o,children:a})})}(function(e){e.Header=l,e.Body=y,e.Hero=u,e.Pills=f,e.Flow=s,e.Footer=c,e.Notice=d,e.Dialog=b})(v||={});export{v as AmountEntry};
+"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as d}from"./components/Notice.js";import{AmountEntryPills as f}from"./components/Pills.js";import{useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g={useGrouping:!0,maximumFractionDigits:8},_=[];function v(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=_,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j,children:M}=e,N=p(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??g,min:d,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j}),[t,s,c,l,u,d,f,v,y,b,x,S,C,w,T,E,D,O,k,A,j]);return m(o.Provider,{value:N,children:m(n.Provider,{children:m(r,{"data-stridge-slot":i.root,...h.props(a.root),children:M})})})}function y(e){return m(t.Body,{"data-stridge-slot":i.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return m(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:m(v,{...o,children:a})})}(function(e){e.Header=l,e.Body=y,e.Hero=u,e.Pills=f,e.Flow=s,e.Footer=c,e.Notice=d,e.Dialog=b})(v||={});export{v as AmountEntry};