tapimo 0.15.1 → 0.18.0

package/src/admin/ui/src/routes/route-policies.tsx

@@ -0,0 +1,678 @@
+import { useMutation, useQueryClient, useSuspenseQuery } from '@tanstack/react-query'
+import { createFileRoute, Link, useNavigate } from '@tanstack/react-router'
+import { Button, Input, Select } from 'regen-ui'
+import { useEffect, useId, useState } from 'react'
+
+import { Card, Page as PageFrame } from '../components/Page.js'
+import { RoutePicker } from '../components/RoutePicker.js'
+import * as Policies from '../lib/route-policies.js'
+
+export const Route = createFileRoute('/route-policies')({
+  validateSearch: Policies.search,
+  loaderDeps: ({ search }) => search,
+  loader: ({ context, deps }) =>
+    context.queryClient.ensureQueryData(Policies.get.options(toScope(deps))),
+  component: Page,
+})
+
+function toScope(search: {
+  orgId: string
+  environment?: Policies.Environment
+  projectId?: string
+  apiKeyId?: string
+}): Policies.Scope {
+  return {
+    orgId: search.orgId,
+    environment: search.environment ?? 'production',
+    ...(search.projectId ? { projectId: search.projectId } : {}),
+    ...(search.apiKeyId ? { apiKeyId: search.apiKeyId } : {}),
+  }
+}
+
+function Page() {
+  const search = Route.useSearch()
+  const scope = toScope(search)
+  const navigate = useNavigate({ from: Route.fullPath })
+  const query = useSuspenseQuery(Policies.get.options(scope))
+  return (
+    <Editor
+      key={Policies.serializeScope(scope)}
+      navigate={navigate}
+      payload={query.data}
+      refetch={query.refetch}
+      scope={scope}
+      search={search}
+    />
+  )
+}
+
+function Editor(options: Editor.Props) {
+  const { payload, scope } = options
+  const queryClient = useQueryClient()
+  const [session, setSession] = useState(() => Policies.createSession(payload))
+  const [savedDraft, setSavedDraft] = useState(payload.policy)
+  const [stale, setStale] = useState(false)
+  const [submitted, setSubmitted] = useState(false)
+  const draft = session.draft
+  const dirty = Policies.changed(session, savedDraft)
+  const mutation = useMutation({
+    mutationFn: Policies.put.fn,
+    onSuccess: (data) => {
+      queryClient.setQueryData(Policies.get.key(data.scope), data)
+      setSession(Policies.createSession(data))
+      setSavedDraft(data.policy)
+      setStale(false)
+      setSubmitted(false)
+      mutation.reset()
+    },
+    onError: (error) => error instanceof Policies.StalePolicyError && setStale(true),
+  })
+  const level = scope.apiKeyId ? 'API key' : scope.projectId ? 'Project' : 'Organization'
+
+  useEffect(() => {
+    const warn = (event: BeforeUnloadEvent) => dirty && event.preventDefault()
+    window.addEventListener('beforeunload', warn)
+    return () => window.removeEventListener('beforeunload', warn)
+  }, [dirty])
+
+  function reload() {
+    mutation.reset()
+    void options.refetch().then(({ data }) => {
+      if (data) {
+        setSession(Policies.createSession(data))
+        setSavedDraft(data.policy)
+      }
+      setStale(false)
+    })
+  }
+
+  function setDraft(value: Policies.Overrides) {
+    mutation.reset()
+    setSession((current) => ({ ...current, draft: value }))
+  }
+
+  return (
+    <PageFrame
+      title="Route policies"
+      description={`${level} overrides · ${scope.environment}`}
+      action={
+        <Button
+          render={<Link params={{ orgId: scope.orgId }} to="/organizations/$orgId" />}
+          onClick={(event) => {
+            if (dirty && !window.confirm('Discard unsaved route policy changes?'))
+              event.preventDefault()
+          }}
+        >
+          Organization
+        </Button>
+      }
+    >
+      <dl aria-label="Editing policy" className="flex min-w-0 flex-col gap-1">
+        <dt className="text-label-13 text-foreground-secondary">{level}</dt>
+        <dd className="text-copy-16 text-foreground break-words">
+          {payload.name ?? 'Unnamed key'}
+        </dd>
+        <dd className="font-mono text-copy-16 text-foreground-secondary break-all sm:text-copy-14">
+          {scope.apiKeyId ?? scope.projectId ?? scope.orgId}
+        </dd>
+      </dl>
+      <div className="flex flex-wrap gap-2">
+        <Select
+          aria-label="Environment"
+          disabled={scope.apiKeyId !== undefined}
+          items={[
+            { label: 'Production', value: 'production' },
+            { label: 'Sandbox', value: 'sandbox' },
+          ]}
+          value={scope.environment}
+          onChange={(environment) => {
+            if (dirty && !window.confirm('Discard unsaved route policy changes?')) return
+            void options.navigate({
+              search: { ...options.search, environment: environment as Policies.Environment },
+              to: '/route-policies',
+            })
+          }}
+        />
+      </div>
+      {!scope.projectId && !scope.apiKeyId && payload.version === 0 ? (
+        <p
+          role="status"
+          className="border border-warning bg-warning-subtle p-4 text-copy-16 text-warning-strong sm:text-copy-14"
+        >
+          Legacy route access remains active until you save. The first save enables policy control
+          for this environment; only the routes selected below will be allowed. An empty list blocks
+          access.
+        </p>
+      ) : null}
+      {payload.layers.some((layer) => layer.policy.suspended) ? (
+        <div className="border border-warning bg-warning-subtle p-4 text-copy-14 text-warning-strong">
+          The organization is suspended. Descendants cannot enable access or issue fresh
+          instructions. Existing subsidized addresses can still incur costs.
+        </div>
+      ) : null}
+      <form
+        className="flex flex-col gap-5"
+        onSubmit={(event) => {
+          event.preventDefault()
+          setSubmitted(true)
+          const missing = (Array.isArray(draft.access) ? draft.access : []).some((rule) => {
+            const term = draft.terms?.find((term) => same(term, rule))
+            return (
+              term?.subsidyEnabled === true && (!term.subsidyPayer || term.maxAmount === undefined)
+            )
+          })
+          if (missing) {
+            event.currentTarget.querySelector<HTMLElement>('[aria-invalid="true"]')?.focus()
+            return
+          }
+          mutation.mutate({ scope, version: session.baseVersion, policy: draft })
+        }}
+      >
+        <Routes draft={draft} onChange={setDraft} payload={payload} submitted={submitted} />
+        {!scope.projectId && !scope.apiKeyId ? (
+          <Card className="flex flex-col gap-3 p-5">
+            <h2 className="text-heading-20 text-foreground">Organization access</h2>
+            <label className="flex items-center gap-2 text-label-14 text-foreground">
+              <input
+                type="checkbox"
+                checked={draft.suspended ?? false}
+                onChange={(event) =>
+                  setDraft({ ...draft, suspended: event.target.checked || undefined })
+                }
+              />
+              Suspend organization
+            </label>
+            <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+              Stops all new route instructions. Existing accepted commitments are unchanged.
+            </p>
+          </Card>
+        ) : null}
+        <Review draft={draft} payload={payload} />
+        {mutation.error ? (
+          <div aria-live="polite" className="text-copy-14 text-negative">
+            {mutation.error.message}{' '}
+            {mutation.error instanceof Policies.StalePolicyError ? (
+              <Button type="button" onClick={reload}>
+                Reload latest
+              </Button>
+            ) : null}
+          </div>
+        ) : null}
+        <div className="flex justify-end">
+          <Button disabled={stale} variant="primary" type="submit" loading={mutation.isPending}>
+            {mutation.isPending ? 'Saving…' : 'Save changes'}
+          </Button>
+        </div>
+      </form>
+    </PageFrame>
+  )
+}
+
+declare namespace Editor {
+  type Props = {
+    navigate: ReturnType<typeof useNavigate>
+    payload: Policies.Payload
+    refetch: ReturnType<typeof useSuspenseQuery<Policies.Payload>>['refetch']
+    scope: Policies.Scope
+    search: ReturnType<typeof Route.useSearch>
+  }
+}
+
+function Routes(options: Routes.Props) {
+  const [selecting, setSelecting] = useState(false)
+  const { draft, payload } = options
+  const orgLevel = !payload.scope.projectId && !payload.scope.apiKeyId
+  const effective = Policies.effective(payload, draft)
+  const choices = routeChoices(payload.routes)
+  const selected = Array.isArray(draft.access) ? draft.access : []
+  const mode =
+    draft.access === null
+      ? 'legacy'
+      : orgLevel
+        ? 'selected'
+        : draft.access === undefined
+          ? 'inherit'
+          : selected.length === 0 && !selecting
+            ? 'none'
+            : 'selected'
+  const rows = [...(effective.access ?? [])]
+  const storedTerms = [
+    ...payload.layers
+      .filter(
+        (layer) => Policies.serializeScope(layer.scope) !== Policies.serializeScope(payload.scope),
+      )
+      .flatMap((layer) => layer.policy.terms ?? []),
+    ...(draft.terms ?? []),
+  ]
+  for (const term of storedTerms)
+    if (allowed(effective.access, term) && !rows.some((rule) => same(rule, term)))
+      rows.push(Policies.selectedRoute(term)!)
+  const inactiveTerms = (draft.terms ?? []).filter(
+    (term) => !rows.some((rule) => matches(term, rule)),
+  )
+
+  function setAccess(access: Policies.Overrides['access']) {
+    options.onChange({ ...draft, access })
+  }
+
+  return (
+    <Card className="flex flex-col gap-5 p-5">
+      <div className="flex flex-col gap-3">
+        <h2 className="text-heading-20 text-foreground">Routes</h2>
+        <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+          {orgLevel
+            ? effective.access === null
+              ? 'Replace the stored all-route policy to choose explicit routes.'
+              : 'Only explicitly added routes are allowed. An empty list blocks all route access.'
+            : 'Inherit the parent route list or replace it for this scope. Subsidy fields inherit independently.'}{' '}
+          Configure subsidies on each route. New routes start with subsidies disabled.
+        </p>
+        {!orgLevel && mode !== 'legacy' ? (
+          <Select
+            aria-label="Routes behavior"
+            className="w-full max-w-xl"
+            items={[
+              { label: 'Inherit', value: 'inherit', suffix: 'Use the parent route list' },
+              { label: 'No routes', value: 'none', suffix: 'Block all route access' },
+              {
+                label: 'Selected routes',
+                value: 'selected',
+                suffix: 'Allow only the routes added here',
+              },
+            ]}
+            value={mode}
+            onChange={(value) => {
+              setSelecting(value === 'selected')
+              setAccess(value === 'inherit' ? undefined : value === 'none' ? [] : selected)
+            }}
+          />
+        ) : null}
+      </div>
+      {effective.access === null ? (
+        <div className="flex flex-col gap-3 border border-warning bg-warning-subtle p-4 text-copy-16 sm:text-copy-14">
+          <p>
+            {mode === 'inherit' ? 'Inherited access' : 'This stored policy'} allows all current and
+            future catalog routes and providers. This existing value is preserved until explicitly
+            replaced; it is no longer offered for new policies.
+          </p>
+          <Button
+            type="button"
+            onClick={() => {
+              setSelecting(true)
+              setAccess([])
+            }}
+          >
+            Replace with selected routes
+          </Button>
+          {mode === 'legacy' && !orgLevel ? (
+            <Button.Text type="button" onClick={() => setAccess(undefined)}>
+              Use parent route list
+            </Button.Text>
+          ) : null}
+        </div>
+      ) : null}
+      {mode === 'selected' ? (
+        <RoutePicker
+          label="access"
+          onAdd={(rule) =>
+            options.onChange({
+              ...draft,
+              access: [...selected, rule],
+              terms: [
+                ...(draft.terms ?? []).filter((term) => !same(term, rule)),
+                {
+                  ...rule,
+                  ...draft.terms?.find((term) => same(term, rule)),
+                  subsidyEnabled: false,
+                },
+              ],
+            })
+          }
+          routes={payload.routes}
+          selected={selected}
+        />
+      ) : null}
+      {rows.length ? (
+        <ul
+          aria-label="Enabled routes"
+          className="flex flex-col divide-y divide-border border-t border-border"
+          role="list"
+        >
+          {rows.map((rule) => (
+            <RouteRow
+              key={JSON.stringify(rule)}
+              effective={Policies.effective(payload, draft, rule)}
+              explicit={selected.some((item) => same(item, rule))}
+              submitted={options.submitted}
+              title={
+                choices.find((choice) => same(choice, rule))?.label ??
+                `${rule.sourceTokenId} on ${rule.sourceChainId} → ${rule.destinationTokenId} on ${rule.destinationChainId} (${rule.providerId ?? 'Any provider'})`
+              }
+              term={draft.terms?.find((term) => same(term, rule)) ?? rule}
+              onChange={(term) => {
+                const terms = (draft.terms ?? []).filter((item) => !same(item, rule))
+                if (
+                  term.subsidyEnabled !== undefined ||
+                  term.subsidyEligible !== undefined ||
+                  term.subsidyPayer !== undefined ||
+                  term.maxAmount !== undefined
+                )
+                  terms.push(term)
+                options.onChange({ ...draft, terms: terms.length ? terms : undefined })
+              }}
+              onRemove={
+                mode === 'selected' && selected.some((item) => same(item, rule))
+                  ? () => setAccess(selected.filter((item) => !same(item, rule)))
+                  : undefined
+              }
+            />
+          ))}
+        </ul>
+      ) : effective.access !== null ? (
+        <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+          No routes enabled. Route access and subsidies are blocked.
+        </p>
+      ) : null}
+      {inactiveTerms.length ? (
+        <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+          Saved settings for {inactiveTerms.length} other routes are retained. They do not grant
+          access.
+        </p>
+      ) : null}
+    </Card>
+  )
+}
+
+declare namespace Routes {
+  type Props = {
+    draft: Policies.Overrides
+    onChange: (draft: Policies.Overrides) => void
+    payload: Policies.Payload
+    submitted: boolean
+  }
+}
+
+function RouteRow(options: RouteRow.Props) {
+  const { effective, term } = options
+  const errorId = useId()
+  const requireTerms = options.explicit && term.subsidyEnabled === true
+  const missingPayer = requireTerms && !term.subsidyPayer
+  const missingCap = requireTerms && term.maxAmount === undefined
+  const showTerms =
+    term.subsidyEnabled === true ||
+    (term.subsidyEnabled === undefined && effective.subsidyEnabled && effective.subsidyEligible)
+  return (
+    <li className="@container flex flex-col gap-3 py-4">
+      <div className="flex items-start justify-between gap-3 text-copy-16 sm:text-copy-14">
+        <p className="min-w-0 text-pretty">{options.title}</p>
+        {options.onRemove ? (
+          <Button.Text type="button" onClick={options.onRemove}>
+            Remove
+          </Button.Text>
+        ) : null}
+      </div>
+      <div className="grid gap-3 @xl:grid-cols-3">
+        <label className="flex min-w-0 flex-col gap-2 text-label-13 text-foreground-secondary">
+          Subsidy
+          <Select
+            aria-label="Subsidy"
+            items={[
+              {
+                label: options.explicit ? 'Saved defaults' : 'Inherit',
+                value: 'inherit',
+                disabled: options.explicit,
+              },
+              { label: 'Enabled', value: 'true' },
+              { label: 'Disabled', value: 'false' },
+            ]}
+            value={term.subsidyEnabled === undefined ? 'inherit' : String(term.subsidyEnabled)}
+            onChange={(value) =>
+              options.onChange({
+                ...term,
+                subsidyEnabled: value === 'inherit' ? undefined : value === 'true',
+              })
+            }
+          />
+        </label>
+        {showTerms ? (
+          <>
+            <label className="flex min-w-0 flex-col gap-2 text-label-13 text-foreground-secondary">
+              Payer
+              <Select
+                aria-label="Payer"
+                aria-invalid={missingPayer}
+                aria-describedby={options.submitted && missingPayer ? errorId : undefined}
+                error={options.submitted && missingPayer}
+                items={[
+                  { label: requireTerms ? 'Choose payer' : 'Inherit', value: 'inherit' },
+                  { label: 'Tempo', value: 'tempo' },
+                  { label: 'Enterprise', value: 'enterprise' },
+                ]}
+                value={term.subsidyPayer ?? 'inherit'}
+                onChange={(value) =>
+                  options.onChange({
+                    ...term,
+                    subsidyPayer: value === 'inherit' ? undefined : (value as Policies.Payer),
+                  })
+                }
+              />
+            </label>
+            <label className="flex min-w-0 flex-col gap-2 text-label-13 text-foreground-secondary">
+              Maximum USD expense
+              <Input
+                inputMode="decimal"
+                aria-invalid={missingCap}
+                aria-describedby={options.submitted && missingCap ? errorId : undefined}
+                placeholder={requireTerms ? 'Enter cap' : 'Inherit cap'}
+                value={term.maxAmount ?? ''}
+                onChange={(event) =>
+                  options.onChange({ ...term, maxAmount: event.target.value || undefined })
+                }
+              />
+            </label>
+          </>
+        ) : null}
+      </div>
+      {options.submitted && (missingPayer || missingCap) ? (
+        <p id={errorId} role="alert" className="text-copy-16 text-negative sm:text-copy-14">
+          Choose a payer and enter a cap for this route before saving.
+        </p>
+      ) : null}
+      <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+        Effective subsidy:{' '}
+        {effective.suspended
+          ? 'Suspended'
+          : effective.subsidyEnabled && effective.subsidyEligible
+            ? 'Enabled'
+            : 'Disabled'}
+        {effective.subsidyEnabled && effective.subsidyEligible
+          ? ` · ${effective.subsidyPayer === 'tempo' ? 'Tempo' : 'Enterprise'} · $${effective.maxAmount} cap`
+          : ''}
+      </p>
+    </li>
+  )
+}
+
+declare namespace RouteRow {
+  type Props = {
+    effective: ReturnType<typeof Policies.effective>
+    explicit: boolean
+    onChange: (term: NonNullable<Policies.Overrides['terms']>[number]) => void
+    onRemove?: (() => void) | undefined
+    term: NonNullable<Policies.Overrides['terms']>[number]
+    submitted: boolean
+    title: string
+  }
+}
+
+function Review({ draft, payload }: Review.Props) {
+  const review = Policies.review(payload, draft)
+  return (
+    <Card className="@container flex flex-col gap-5 p-5">
+      <h2 className="text-heading-20 text-foreground">Review</h2>
+      <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+        Effective policy after applying organization, project, API key, and route-specific settings,
+        including your unsaved changes.
+      </p>
+      {review.effective.suspended ? (
+        <p className="text-copy-16 text-warning-strong sm:text-copy-14">
+          The organization is suspended. All new route access and subsidies are blocked; saved rules
+          are retained.
+        </p>
+      ) : review.effective.access === null ? (
+        <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+          The existing all-route policy also includes future catalog routes and providers. Current
+          routes are listed below.
+        </p>
+      ) : null}
+      {review.routes.length ? (
+        <ul
+          aria-label="Effective routes"
+          className="flex flex-col divide-y divide-border border-t border-border"
+          role="list"
+        >
+          {review.routes.map(({ route, effective, sources }) => (
+            <li
+              key={JSON.stringify(Policies.selectedRoute(route))}
+              className="flex flex-col gap-3 py-4"
+            >
+              <h3 className="text-heading-16 text-foreground">{route.label}</h3>
+              <dl className="grid gap-3 @xl:grid-cols-3">
+                <ReviewValue
+                  label="Subsidy"
+                  value={
+                    effective.subsidyEnabled && effective.subsidyEligible ? 'Enabled' : 'Disabled'
+                  }
+                  source={
+                    !effective.subsidyEnabled || effective.subsidyEligible
+                      ? sources.subsidyEnabled
+                      : sources.subsidyEligible
+                  }
+                />
+                {effective.subsidyEnabled && effective.subsidyEligible ? (
+                  <>
+                    <ReviewValue
+                      label="Payer"
+                      value={effective.subsidyPayer === 'tempo' ? 'Tempo' : 'Enterprise'}
+                      source={sources.subsidyPayer}
+                    />
+                    <ReviewValue
+                      label="Maximum USD expense"
+                      value={`$${effective.maxAmount}`}
+                      source={sources.maxAmount}
+                    />
+                  </>
+                ) : null}
+              </dl>
+            </li>
+          ))}
+        </ul>
+      ) : (
+        <p className="text-copy-16 text-foreground-secondary sm:text-copy-14">
+          No routes are currently allowed.
+        </p>
+      )}
+      <details className="border-t border-border pt-4 text-copy-16 sm:text-copy-14">
+        <summary className="cursor-pointer text-foreground-secondary">Saved defaults</summary>
+        <div className="flex flex-col gap-3 pt-3">
+          <p className="text-foreground-secondary">
+            Preserved for routes that still inherit them. Configure new subsidies per route.
+          </p>
+          <dl className="flex flex-col gap-3">
+            {review.defaults.map(({ scope, policy }) => (
+              <div key={scope}>
+                <dt className="text-label-14">{scope}</dt>
+                <dd>
+                  {[
+                    policy.subsidyEnabled !== undefined
+                      ? `Subsidy ${policy.subsidyEnabled ? 'enabled' : 'disabled'}`
+                      : undefined,
+                    policy.subsidyPayer
+                      ? `Payer: ${policy.subsidyPayer === 'tempo' ? 'Tempo' : 'Enterprise'}`
+                      : undefined,
+                    policy.maxAmount !== undefined ? `$${policy.maxAmount} cap` : undefined,
+                    policy.subsidyRoutes !== undefined
+                      ? `Subsidy eligibility: ${policy.subsidyRoutes === null ? 'all routes' : `${policy.subsidyRoutes.length} saved rules`}`
+                      : undefined,
+                  ]
+                    .filter(Boolean)
+                    .join(' · ')}
+                </dd>
+              </div>
+            ))}
+            <div>
+              <dt className="text-label-14">Legacy fallback</dt>
+              <dd>
+                Subsidy {payload.legacy.subsidyEnabled ? 'enabled' : 'disabled'} · Enterprise · $
+                {payload.legacy.maxAmount} cap
+              </dd>
+            </div>
+          </dl>
+        </div>
+      </details>
+    </Card>
+  )
+}
+
+declare namespace Review {
+  type Props = { draft: Policies.Overrides; payload: Policies.Payload }
+}
+
+function ReviewValue({ label, value, source }: ReviewValue.Props) {
+  return (
+    <div className="flex flex-col gap-1">
+      <dt className="text-label-13 text-foreground-secondary">{label}</dt>
+      <dd className="text-copy-16 text-foreground tabular-nums sm:text-copy-15">{value}</dd>
+      {source ? (
+        <dd className="text-copy-16 text-foreground-secondary sm:text-copy-14">From {source}</dd>
+      ) : null}
+    </div>
+  )
+}
+
+declare namespace ReviewValue {
+  type Props = { label: string; source: string | undefined; value: string }
+}
+
+function routeChoices(catalog: Policies.Payload['routes']) {
+  const routes = catalog.map((route) => ({ ...Policies.selectedRoute(route)!, label: route.label }))
+  const any = routes
+    .filter(
+      (route, index) => routes.findIndex((candidate) => sameRoute(candidate, route)) === index,
+    )
+    .map(({ providerId: _, ...route }) => ({
+      ...route,
+      label: `${route.label.replace(/ \([^()]*\)$/, '')} (Any provider)`,
+    }))
+  return [...any, ...routes]
+}
+
+function allowed(rules: Policies.Rule[] | null, route: Policies.Rule) {
+  return rules === null || rules.some((rule) => matches(rule, route))
+}
+
+function matches(rule: Policies.Rule, route: Policies.Rule) {
+  return (
+    sameRoute(rule, route) &&
+    (rule.providerId === undefined || rule.providerId === route.providerId)
+  )
+}
+
+function sameRoute(a: Policies.Rule, b: Policies.Rule) {
+  return (
+    a.sourceChainId === b.sourceChainId &&
+    a.sourceTokenId === b.sourceTokenId &&
+    a.destinationChainId === b.destinationChainId &&
+    a.destinationTokenId === b.destinationTokenId
+  )
+}
+
+function same(a: Policies.Rule, b: Policies.Rule) {
+  return (
+    a.sourceChainId === b.sourceChainId &&
+    a.sourceTokenId === b.sourceTokenId &&
+    a.destinationChainId === b.destinationChainId &&
+    a.destinationTokenId === b.destinationTokenId &&
+    a.providerId === b.providerId
+  )
+}