@stridge/kit 0.1.0-alpha.51 → 0.1.0-alpha.52

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

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-"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.js

@@ -1 +0,0 @@
-"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

@@ -1 +0,0 @@
-"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

@@ -1,79 +0,0 @@
-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

@@ -1 +0,0 @@
-"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/payloads.d.ts

@@ -1,81 +0,0 @@
-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

@@ -1 +0,0 @@
-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};