tapimo 0.13.0 → 0.14.0

package/src/admin/ui/src/lib/organizations.ts

@@ -26,6 +26,10 @@ type SponsorshipResponse = InferResponseType<
   (typeof client)['organizations'][':orgId']['sponsorship']['$get'],
   200
 >
+type SponsorshipSubsidyResponse = InferResponseType<
+  (typeof client)['organizations'][':orgId']['sponsorship']['$put'],
+  200
+>
 type UsageResponse = InferResponseType<
   (typeof client)['organizations'][':orgId']['usage']['$get'],
   200
@@ -172,6 +176,24 @@ export declare namespace withEnabledSources {
   }
 }
 
+/** Returns organization detail with its sponsorship subsidy policy replaced. */
+export function withSponsorshipSubsidy(options: withSponsorshipSubsidy.Options): Detail {
+  return {
+    ...options.detail,
+    sponsorshipSubsidy: options.sponsorshipSubsidy,
+  }
+}
+
+export declare namespace withSponsorshipSubsidy {
+  /** Inputs for replacing an organization's cached subsidy policy. */
+  type Options = {
+    /** Organization detail to update. */
+    detail: Detail
+    /** Current sponsorship subsidy policy. */
+    sponsorshipSubsidy: Detail['sponsorshipSubsidy']
+  }
+}
+
 /** Enable an organization-wide billing source. */
 export namespace enableBillingSource {
   /** Billing source to enable for an organization. */
@@ -236,6 +258,39 @@ export namespace disableBillingSource {
   }
 }
 
+/** Replace an organization's sponsorship subsidy policy. */
+export namespace setSponsorshipSubsidy {
+  /** Sponsorship subsidy policy accepted by the admin API. */
+  export type Input = { enabled: false } | { enabled: true; projectSpendLimit?: string | undefined }
+
+  /** Replaces the policy and returns its current value. */
+  export async function fn(options: Input & { orgId: string }) {
+    const json = ((): Input => {
+      if (!options.enabled) return { enabled: false }
+      if (!options.projectSpendLimit) return { enabled: true }
+      return { enabled: true, projectSpendLimit: options.projectSpendLimit }
+    })()
+    const response = await client.organizations[':orgId'].sponsorship.$put({
+      json,
+      param: { orgId: options.orgId },
+    })
+    if (!response.ok) throw new Error('Failed to update sponsorship subsidy.')
+    return (await response.json()) as SponsorshipSubsidyResponse
+  }
+
+  /** Creates a mutation that replaces the subsidy policy. */
+  export function useMutation(orgId: string) {
+    const queryClient = ReactQuery.useQueryClient()
+    return ReactQuery.useMutation({
+      mutationFn: (input: Input) => fn({ ...input, orgId }),
+      onSuccess: (response) =>
+        queryClient.setQueryData(get.key(orgId), (detail: Detail | undefined) =>
+          detail ? withSponsorshipSubsidy({ detail, sponsorshipSubsidy: response }) : detail,
+        ),
+    })
+  }
+}
+
 /** List members for one organization. */
 export namespace members {
   export function key(orgId: string) {

package/src/admin/ui/src/routes/organizations_.$orgId.tsx

@@ -14,6 +14,7 @@ import {
 } from '@tanstack/react-router'
 import { Button, Rows, Select } from 'regen-ui'
 import { ArrowLeft, RefreshCw } from 'lucide-react'
+import { useEffect, useState } from 'react'
 
 import { Card, Notice, Page } from '../components/Page.js'
 import * as core_Format from '../lib/format.js'
@@ -34,6 +35,7 @@ function PageComponent() {
   const period = period_search ?? '7d'
   const disableBillingSource = Organizations.disableBillingSource.useMutation(orgId)
   const enableBillingSource = Organizations.enableBillingSource.useMutation(orgId)
+  const setSponsorshipSubsidy = Organizations.setSponsorshipSubsidy.useMutation(orgId)
   const organizationQuery = useSuspenseQuery(Organizations.get.options(orgId))
   const organization = organizationQuery.data
   const members = useInfiniteQuery(Organizations.members.options(orgId))
@@ -198,6 +200,12 @@ function PageComponent() {
           onChange={setBillingSource}
           pending={billingSourcePending}
         />
+        <SponsorshipSubsidyCard
+          error={setSponsorshipSubsidy.error}
+          onSave={(policy) => setSponsorshipSubsidy.mutate(policy)}
+          pending={setSponsorshipSubsidy.isPending}
+          policy={organization.sponsorshipSubsidy}
+        />
         <div className="grid gap-3 md:grid-cols-2">
           <BillingCard
             environment="Production"
@@ -655,6 +663,114 @@ export declare namespace BillingSourcesCard {
   }
 }
 
+/** Organization-wide per-project sponsorship subsidy controls. */
+export function SponsorshipSubsidyCard(options: SponsorshipSubsidyCard.Props) {
+  const [enabled, setEnabled] = useState(options.policy.durationDays !== null)
+  const [projectSpendLimit, setProjectSpendLimit] = useState(options.policy.projectSpendLimit ?? '')
+
+  useEffect(() => {
+    setEnabled(options.policy.durationDays !== null)
+    setProjectSpendLimit(options.policy.projectSpendLimit ?? '')
+  }, [options.policy.durationDays, options.policy.projectSpendLimit])
+
+  return (
+    <Card>
+      <form
+        onSubmit={(event) => {
+          event.preventDefault()
+          if (!enabled) return options.onSave({ enabled: false })
+          if (!projectSpendLimit) return options.onSave({ enabled: true })
+          return options.onSave({ enabled: true, projectSpendLimit })
+        }}
+      >
+        <div className="flex items-start justify-between gap-4 p-4">
+          <div className="min-w-0">
+            <h3 className="text-label-14 text-foreground">Sponsorship subsidy</h3>
+            <p className="mt-1 text-copy-13 text-foreground-secondary">
+              Waive sponsored transaction charges for each project's first 90 days.
+            </p>
+          </div>
+          <Switch.Root
+            aria-label="Sponsorship subsidy"
+            checked={enabled}
+            className="flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-border bg-secondary p-0.5 outline-none transition-colors hover:bg-secondary-hover focus-visible:border-focus data-[checked]:bg-invert disabled:cursor-not-allowed disabled:opacity-50"
+            disabled={options.pending}
+            onCheckedChange={setEnabled}
+          >
+            <Switch.Thumb className="block size-4 translate-x-0 rounded-full bg-foreground-secondary transition-transform data-[checked]:translate-x-4 data-[checked]:bg-on-invert" />
+          </Switch.Root>
+        </div>
+        {enabled ? (
+          <div className="grid gap-4 border-t border-border p-4 md:grid-cols-2">
+            <label className="flex min-w-0 flex-col gap-2">
+              <span className="text-label-13 text-foreground-secondary">Duration per project</span>
+              <input
+                className="h-10 rounded-body border-2 border-transparent bg-secondary px-3 text-copy-14 text-foreground-secondary"
+                disabled
+                value="90 days"
+              />
+              <span className="text-label-12 text-foreground-secondary">
+                Starts with the project's first mainnet sponsorship.
+              </span>
+            </label>
+            <label className="flex min-w-0 flex-col gap-2">
+              <span className="text-label-13 text-foreground-secondary">
+                Per-project spend cap (optional)
+              </span>
+              <span className="flex h-10 items-center rounded-body border-2 border-transparent bg-secondary px-3 focus-within:border-focus">
+                <span className="text-copy-14 text-foreground-secondary">$</span>
+                <input
+                  aria-label="Per-project spend cap"
+                  className="min-w-0 flex-1 bg-transparent px-2 text-copy-14 text-foreground outline-none"
+                  disabled={options.pending}
+                  inputMode="decimal"
+                  min="0"
+                  onChange={(event) => setProjectSpendLimit(event.target.value)}
+                  placeholder="No cap"
+                  step="0.000001"
+                  type="number"
+                  value={projectSpendLimit}
+                />
+              </span>
+              <span className="text-label-12 text-foreground-secondary">
+                Leave blank for no spend cap.
+              </span>
+            </label>
+          </div>
+        ) : (
+          <p className="border-t border-border p-4 text-copy-13 text-foreground-secondary">
+            New sponsorships for this organization are billed normally.
+          </p>
+        )}
+        <div className="flex items-center justify-end gap-3 border-t border-border p-4">
+          {options.error ? (
+            <p className="mr-auto text-copy-13 text-negative" role="alert">
+              {options.error.message}
+            </p>
+          ) : null}
+          <Button loading={options.pending} type="submit">
+            Save policy
+          </Button>
+        </div>
+      </form>
+    </Card>
+  )
+}
+
+export declare namespace SponsorshipSubsidyCard {
+  /** Sponsorship subsidy control properties. */
+  type Props = {
+    /** Latest mutation error. */
+    error: Error | null
+    /** Saves a replacement policy. */
+    onSave: (policy: Organizations.setSponsorshipSubsidy.Input) => void
+    /** Whether a policy change is pending. */
+    pending: boolean
+    /** Current organization policy. */
+    policy: Organizations.Detail['sponsorshipSubsidy']
+  }
+}
+
 function BillingCard(options: BillingCard.Props) {
   const { settings, source } = options.record
   const remaining =