@omnigateway/pokemon 1.1.0 → 1.2.2

package/ui/index.js

@@ -1,14 +1,14 @@
-import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";import{useMutation as fe,useQuery as at,useQueryClient as wt}from"@tanstack/react-query";import{useState as st}from"react";var dt={rareCandy:{blurb:"Injects 100.0M growth. Priced at five times what it grants.",emoji:"\uD83C\uDF6C",consumable:!0},mint:{blurb:"Rerolls this companion's nature. Cosmetic, and cheap enough to reroll again.",emoji:"\uD83C\uDF3F",consumable:!0},shinyCharm:{blurb:"Kept, never spent. Raises every future hatch from 1 in 64 to 1 in 48.",emoji:"✨",consumable:!1},everstone:{blurb:"Pins this companion: it will not evolve, reveal, or graduate.",emoji:"\uD83E\uDEA8",consumable:!0},lure:{blurb:"Next egg prefers a species the Dex has not collected. A preference, never a veto.",emoji:"\uD83C\uDF6F",consumable:!0},sootheBell:{blurb:"This companion grows 25% faster. Bound to it, and never repays its price.",emoji:"\uD83D\uDD14",consumable:!0},incense:{blurb:"Next egg leans toward a longer evolution line. Buys events, not value.",emoji:"\uD83D\uDD6F️",consumable:!0},repel:{blurb:"Next egg will not hatch one named line.",emoji:"\uD83D\uDEAB",consumable:!0}};function L(e){return ye.get(e)??{blurb:"",emoji:"❔",consumable:!0}}var ye=new Map(Object.entries(dt)),Dt=[...ye].filter(([,e])=>e.consumable).map(([e])=>e),ve="\uD83E\uDD5A";function ke(e){return e===null?"Sends this companion off and starts again.":`Sends this companion off for an egg guaranteed to hatch ${e} or better.`}function R(e,t,o){return`/api/plugins/${e}/sprite/${t}${o?"?shiny=1":""}`}function Ie(e,t){return`/api/plugins/${e}/item-sprite/${t}`}function h(e){if(e>=1e9)return`${(e/1e9).toFixed(2)}B`;if(e>=1e6)return`${(e/1e6).toFixed(1)}M`;return e.toLocaleString()}function T(e,t){return e??`#${t}`}function E(e,t,o){return`${e??`Species ${t}`}${o?", shiny":""}`}function N(e){return e.replace(/([A-Z])/g," $1").toLowerCase()}function $e(e){if(e.kind==="item")return N(e.item);return e.tier===null?"fresh egg":`fresh egg (${e.tier}+)`}var we=[null,"common","uncommon","rare","legendary"],Ce=60000,Se=60*Ce;function M(e,t,o){if(!e)return"egg";if(t===null)return"sleep";let i=o-t;if(i<5*Ce)return"working";if(i<Se)return"idle";if(i<8*Se)return"tired";return"sleep"}import{useState as ut}from"react";import r from"styled-components";var l={xs:"4px",sm:"8px",md:"12px",lg:"20px",xl:"32px"},B="192px",de="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",O=r.section`
+import{definePluginUI as an,useLive as sn}from"@omnigateway/dashboard-sdk";import{useMutation as we,useQuery as Pt,useQueryClient as ln}from"@tanstack/react-query";import{useState as Lt}from"react";var Ht={rareCandy:{blurb:"Injects 100.0M growth. Priced at five times what it grants.",emoji:"\uD83C\uDF6C",consumable:!0},mint:{blurb:"Rerolls this companion's nature. Cosmetic, and cheap enough to reroll again.",emoji:"\uD83C\uDF3F",consumable:!0},shinyCharm:{blurb:"Kept, never spent. Raises every future hatch from 1 in 64 to 1 in 48.",emoji:"✨",consumable:!1},everstone:{blurb:"Pins this companion: it will not evolve, reveal, or graduate.",emoji:"\uD83E\uDEA8",consumable:!0},lure:{blurb:"Next egg prefers a species the Dex has not collected. A preference, never a veto.",emoji:"\uD83C\uDF6F",consumable:!0},sootheBell:{blurb:"This companion grows 25% faster. Bound to it, and never repays its price.",emoji:"\uD83D\uDD14",consumable:!0},incense:{blurb:"Next egg leans toward a longer evolution line. Buys events, not value.",emoji:"\uD83D\uDD6F️",consumable:!0},repel:{blurb:"Next egg will not hatch one named line.",emoji:"\uD83D\uDEAB",consumable:!0}};function M(e){return Ce.get(e)??{blurb:"",emoji:"❔",consumable:!0}}var Ce=new Map(Object.entries(Ht)),un=[...Ce].filter(([,e])=>e.consumable).map(([e])=>e),De="\uD83E\uDD5A";function Re(e){return e===null?"Sends this companion off and starts again.":`Sends this companion off for an egg guaranteed to hatch ${e} or better.`}function T(e,t,r){return`/api/plugins/${e}/sprite/${t}${r?"?shiny=1":""}`}function ge(e,t){return`/api/plugins/${e}/item-sprite/${t}`}var Kt="incubating";function Ee(e){return ge(e,Kt)}function b(e){if(e>=1e9)return`${(e/1e9).toFixed(2)}B`;if(e>=1e6)return`${(e/1e6).toFixed(1)}M`;return e.toLocaleString()}var _t=new Intl.DateTimeFormat("en-GB",{day:"numeric",month:"long",year:"numeric"}),Gt=new Intl.DateTimeFormat("en-GB",{hour:"2-digit",minute:"2-digit",hour12:!1});function q(e){let t=new Date(e);return`${_t.format(t)}, at ${Gt.format(t)}`}function Ne(e,t){return e??`#${t}`}function N(e,t,r){return`${e??`Species ${t}`}${r?", shiny":""}`}function B(e){return e.replace(/([A-Z])/g," $1").toLowerCase()}function Ae(e){if(e.kind==="item")return B(e.item);return e.tier===null?"fresh egg":`fresh egg (${e.tier}+)`}var Fe=[null,"common","uncommon","rare","legendary"],Pe=60000,Te=60*Pe;function O(e,t,r){if(!e)return"egg";if(t===null)return"sleep";let s=r-t;if(s<5*Pe)return"working";if(s<Te)return"idle";if(s<8*Te)return"tired";return"sleep"}import{useState as zt}from"react";import n from"styled-components";var o={xs:"4px",sm:"8px",md:"12px",lg:"20px",xl:"32px"},E="192px",H="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",Le="96px",Ot=o.lg,z=n.section`
   background: var(--panel);
   border: 1px solid var(--rule);
   border-radius: 8px;
-  padding: ${l.lg};
+  padding: ${o.lg};
   color: var(--ink);
-`,ue=r.h3`
+`,he=n.h3`
   display: flex;
   align-items: center;
-  gap: ${l.md};
-  margin: ${l.xl} 0 ${l.md};
+  gap: ${o.md};
+  margin: ${o.xl} 0 ${o.md};
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.12em;
@@ -21,18 +21,18 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
     height: 1px;
     background: var(--rule);
   }
-`,Re=r(ue)`
+`,Me=n(he)`
   &::after {
     content: none;
   }
-`,Te=r.span`
+`,Be=n.span`
   flex: 1;
   height: 1px;
   background: var(--rule);
-`,De=r.button`
+`,He=n.button`
   display: flex;
   align-items: center;
-  gap: ${l.sm};
+  gap: ${o.sm};
   flex: 1;
   padding: 0;
   background: none;
@@ -52,7 +52,7 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
     outline-offset: 4px;
     border-radius: 2px;
   }
-`,Ee=r.span`
+`,Ke=n.span`
   display: inline-block;
   font-size: 9px;
   line-height: 1;
@@ -62,46 +62,46 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-`,Pe=r.span`
+`,_e=n.span`
   color: var(--ink-faint);
   letter-spacing: 0.08em;
   white-space: nowrap;
-`,I=r.div`
+`,R=n.div`
   display: flex;
-  gap: ${l.md};
+  gap: ${o.md};
   align-items: center;
   flex-wrap: wrap;
-`,Ae=r(I)`
+`,Ge=n(R)`
   h2 {
     margin: 0;
   }
-`,x=r.span`
+`,k=n.span`
   color: var(--ink-dim);
-`,_=r(x)`
+`,U=n(k)`
   display: block;
-  margin-top: ${l.sm};
+  margin-top: ${o.sm};
 
   /* Two facts about one meter are closer to each other than either is to the
      meter, because that is what they are: "stage 1 of 2" and the tokens under
      it are one reading, not two. Spaced evenly they read as a list of unrelated
      numbers that happen to be stacked. */
   & + & {
-    margin-top: ${l.xs};
+    margin-top: ${o.xs};
   }
-`,Le=r.p`
+`,Oe=n.p`
   color: var(--ink-dim);
-  margin: ${l.xs} 0 ${l.lg};
-`,ce=r.p`
+  margin: ${o.xs} 0 ${o.lg};
+`,fe=n.p`
   color: var(--warn);
   background: var(--warn-wash);
   border-radius: 6px;
-  padding: ${l.md};
-  margin: ${l.md} 0 0;
-`,b=r.span`
+  padding: ${o.md};
+  margin: ${o.md} 0 0;
+`,S=n.span`
   display: inline-flex;
   align-items: center;
-  gap: ${l.xs};
-  padding: 2px ${l.sm};
+  gap: ${o.xs};
+  padding: 2px ${o.sm};
   border: 1px solid var(--rule);
   border-radius: 999px;
   font-size: 11px;
@@ -109,36 +109,47 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
   text-transform: uppercase;
   color: var(--ink-dim);
   white-space: nowrap;
-`,Ne=r(I)`
-  margin: ${l.xs} 0 ${l.sm};
-`,V=r(b)`
+`,ze=n(R)`
+  margin: ${o.xs} 0 ${o.sm};
+`,Y=n(S)`
   border-color: var(--rule-strong);
   color: var(--ink);
   font-weight: 600;
-`,z=r.img`
-  width: ${B};
-  height: ${B};
+`,J=n.img`
+  width: ${E};
+  height: ${E};
   image-rendering: pixelated;
-`,q=r.div`
+`,Ue=n.div`
   box-sizing: border-box;
-  width: ${B};
-  height: ${B};
+  width: ${E};
+  height: ${E};
   border-radius: 50% 50% 45% 45%;
   background: var(--panel-sunk);
   border: 2px solid var(--rule-strong);
-`,Be=r.div`
+`,je=n.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: ${E};
+  height: ${E};
+`,Ve=n.img`
+  width: 180px;
+  height: 180px;
+  image-rendering: pixelated;
+`,We=n.div`
   box-sizing: border-box;
-  width: ${B};
-  height: ${B};
+  width: ${E};
+  height: ${E};
   border-radius: 6px;
   background: var(--warn-wash);
   border: 2px dashed var(--warn);
-`,k=r.button`
+`,I=n.button`
   background: var(--panel-raised);
   border: 1px solid var(--rule);
   border-radius: 6px;
   color: var(--ink);
-  padding: ${l.sm} ${l.md};
+  padding: ${o.sm} ${o.md};
   font: inherit;
   cursor: pointer;
 
@@ -158,22 +169,22 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
     color: var(--ink-faint);
     cursor: not-allowed;
   }
-`,K=r.span`
-  font-family: ${de};
+`,K=n.span`
+  font-family: ${H};
   font-variant-numeric: tabular-nums;
-`,Ke=r.div`
+`,qe=n.div`
   display: flex;
   gap: 3px;
   min-width: 240px;
   max-width: 340px;
-`,Fe=r.div`
+`,Ye=n.div`
   flex: 1;
   height: 10px;
   background: var(--panel-sunk);
   border: 1px solid var(--rule);
   border-radius: 3px;
   overflow: hidden;
-`,me=r.div`
+`,xe=n.div`
   height: 100%;
   background: var(--accent);
   width: ${(e)=>Math.min(100,Math.max(0,e.$pct))}%;
@@ -182,99 +193,296 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-`,Me=r.dl`
+`,Je=n.dl`
   display: flex;
   flex-wrap: wrap;
-  gap: ${l.xl};
-  margin: ${l.lg} 0 0;
-  padding-top: ${l.lg};
+  gap: ${o.xl};
+  margin: ${o.lg} 0 0;
+  padding-top: ${o.lg};
   border-top: 1px solid var(--rule);
-`,J=r.div`
+`,Q=n.div`
   display: flex;
   flex-direction: column;
   gap: 2px;
-`,Q=r.dt`
+`,X=n.dt`
   font-size: 11px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   color: var(--ink-faint);
-`,Y=r.dd`
+`,Z=n.dd`
   margin: 0;
-  font-family: ${de};
+  font-family: ${H};
   font-variant-numeric: tabular-nums;
   font-size: 18px;
   color: var(--ink);
-`,Oe=r.div`
+`,Qe=n.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
-  gap: ${l.md};
-`,_e=r.button`
+  gap: ${o.md};
+`,Xe=n.button`
   margin: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2px;
-  padding: ${l.xs};
-  background: ${(e)=>e.$open?"var(--accent-wash)":"none"};
-  border: 1px solid ${(e)=>e.$open?"var(--accent)":"transparent"};
+  padding: ${o.sm};
+  background: ${(e)=>e.$open?"var(--accent-wash)":"var(--panel-sunk)"};
+  border: 1px solid ${(e)=>e.$open?"var(--accent)":"var(--rule)"};
   border-radius: 8px;
   color: inherit;
   font: inherit;
   cursor: pointer;
 
   &:hover {
-    border-color: ${(e)=>e.$open?"var(--accent)":"var(--rule)"};
+    border-color: ${(e)=>e.$open?"var(--accent)":"var(--rule-strong)"};
   }
   &:focus-visible {
     outline: 2px solid var(--accent);
     outline-offset: 2px;
   }
-`,Ge=r.div`
-  grid-column: 1 / -1;
+`,A=n.span`
+  font-family: ${H};
+  font-variant-numeric: tabular-nums;
+  font-size: 0.8em;
+  color: var(--ink-faint);
+`,Ze=n.h3`
   display: flex;
-  gap: ${l.lg};
-  padding: ${l.md};
-  background: var(--panel-sunk);
-  border: 1px solid var(--rule);
-  border-radius: 8px;
-`,He=r.div`
+  align-items: baseline;
+  gap: ${o.sm};
+`,et=n(R)`
+  margin: 0 0 ${o.md};
+`,tt=n.dialog`
+  /* The close control anchors to this box rather than to the viewport, which is
+     what an absolutely-positioned child of a top-layer element gets otherwise. */
+  position: relative;
+  margin: auto;
+  width: min(520px, calc(100vw - ${o.lg} * 2));
+  max-height: calc(100vh - ${o.xl} * 2);
+  overflow: auto;
+  padding: 0;
+  background: var(--panel-raised);
+  border: 1px solid var(--rule-strong);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  color: var(--ink);
+
+  &::backdrop {
+    background: color-mix(in srgb, var(--panel-sunk) 70%, transparent);
+  }
+
+  /* One transition, on open only. A record appearing instantly at full size in
+     the middle of the page reads as a jump cut; 120ms of rise is enough to say
+     it came from the grid. Nothing else in this dialog animates — the chain and
+     the log are information, and information that moves is harder to read. */
+  &[open] {
+    animation: dex-record-in 120ms ease-out;
+  }
+
+  @keyframes dex-record-in {
+    from {
+      opacity: 0;
+      transform: translateY(4px);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    &[open] {
+      animation: none;
+    }
+  }
+`,nt=n.div`
+  display: flex;
+  flex-direction: column;
+`,ot=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.lg};
+  padding: ${o.lg};
+
+  img {
+    box-sizing: content-box;
+    width: ${Le};
+    height: ${Le};
+    padding: ${Ot};
+    image-rendering: pixelated;
+    background: var(--panel-sunk);
+    border: 1px solid var(--rule);
+    border-radius: 8px;
+    flex: none;
+  }
+
+  /* Below this the plate is wider than a phone, and a 128px sprite beside a
+     name that has to wrap is worse than the two stacked. */
+  @media (max-width: 420px) {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: ${o.md};
+  }
+`,rt=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.lg};
+  padding: ${o.lg};
+  border-top: 1px solid var(--rule);
+`,j=n.section`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sm};
+`,be=n.span`
+  font-family: ${H};
+  font-variant-numeric: tabular-nums;
+`,V=n.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: ${o.sm};
+  font-size: 10px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--ink-faint);
+`,it=n.button`
+  position: absolute;
+  top: ${o.md};
+  right: ${o.md};
+  /* 28px square. Smaller than the 44px a touch target wants, and deliberately:
+     this is a modal with three other ways out — Escape, the backdrop, and the
+     cell that opened it — so the control is a convenience rather than the only
+     exit. Sized to sit inside the plate's padding without displacing it. */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: var(--ink-faint);
+  font: inherit;
+  line-height: 1;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--ink);
+    border-color: var(--rule);
+  }
+  &:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+  }
+`,at=n.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: ${l.sm};
+  gap: ${o.sm};
   min-width: 0;
-`,Ue=r.div`
+`,st=n.div`
   display: flex;
-  align-items: center;
-  gap: ${l.sm};
+  align-items: stretch;
   flex-wrap: wrap;
-`,je=r.figure`
+  gap: ${o.xs};
+`,lt=n.span`
+  align-self: center;
+  width: ${o.md};
+  height: 1px;
+  background: var(--rule-strong);
+  flex: none;
+`,dt=n.figure`
   margin: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 2px;
+  gap: ${o.xs};
+  width: 76px;
+  padding: ${o.sm} ${o.xs};
+  background: ${(e)=>e.$here?"var(--accent-wash)":"var(--panel-sunk)"};
+  border: 1px solid ${(e)=>e.$here?"var(--accent)":"var(--rule)"};
+  border-radius: 8px;
 
   img {
     width: 48px;
     height: 48px;
     image-rendering: pixelated;
   }
-`,Z=r.figcaption`
+
+  /* Both slots, not just the caption. The number is its own element now — the
+     same shape the grid cell uses — so a rule naming figcaption alone would
+     leave the marked tile's number at the dimmer weight and half-state it. */
+  figcaption,
+  span {
+    color: ${(e)=>e.$here?"var(--ink)":"var(--ink-dim)"};
+  }
+`,ee=n.figcaption`
   color: var(--ink-dim);
   font-size: 11px;
   text-align: center;
   overflow-wrap: anywhere;
-`,Ve=r.div`
+`,pt=n.h4`
+  margin: 0;
+  display: flex;
+  align-items: baseline;
+  gap: ${o.sm};
+  font-size: 18px;
+
+  /* The number is the identity in a Pokédex and the name is the annotation, so
+     here it is set at the heading's own size rather than at the 0.8em
+     SpeciesNumber uses elsewhere. It stays mono and faint, so it reads as a
+     register mark beside the name rather than competing with it. */
+  ${A} {
+    font-size: 1em;
+  }
+`,ct=n.ul`
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+`,ut=n.li`
+  display: grid;
+  /* max-content rather than a fixed ch measure, because a written-out date is
+     not a fixed width — "3 September 2026" and "22 May 2026" differ by four
+     characters. A grid column is shared by every row, so this resolves to the
+     widest date in the list once and every row aligns to it. A ch figure would
+     have to be guessed against the longest month and would be wrong in one
+     direction or the other. */
+  grid-template-columns: max-content 1fr auto;
+  gap: ${o.sm};
+  align-items: baseline;
+  padding: ${o.sm} 0;
+  color: var(--ink-dim);
+  font-size: 11px;
+
+  & + & {
+    border-top: 1px solid var(--rule);
+  }
+
+  /* A full date, a nature and a mark do not fit on one line of a phone. The
+     date takes its own row and the other two sit under it, which keeps the
+     column alignment where there is room for it and drops it where there is
+     not. */
+  @media (max-width: 420px) {
+    grid-template-columns: 1fr auto;
+
+    & > :first-child {
+      grid-column: 1 / -1;
+    }
+  }
+`,mt=n.span`
+  font-family: ${H};
+  font-variant-numeric: tabular-nums;
+  color: var(--ink);
+`,gt=n.span`
+  color: var(--ink);
+  font-weight: 600;
+`,ht=n.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-  gap: ${l.md};
-`,ze=r.button`
+  gap: ${o.md};
+`,ft=n.button`
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: ${l.sm};
-  padding: ${l.md};
+  gap: ${o.sm};
+  padding: ${o.md};
   background: var(--panel-raised);
   border: 1px solid var(--rule);
   border-radius: 8px;
@@ -290,42 +498,42 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
     outline: 2px solid var(--accent);
     outline-offset: 2px;
   }
-`,W=r.span`
-  font-family: ${de};
+`,te=n.span`
+  font-family: ${H};
   font-size: 12px;
   color: var(--ink-dim);
   overflow-wrap: anywhere;
-`,X=r.div`
+`,ne=n.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  gap: ${l.md};
-`,ee=r.div`
+  gap: ${o.md};
+`,oe=n.div`
   display: flex;
   flex-direction: column;
-  gap: ${l.sm};
-  padding: ${l.md};
+  gap: ${o.sm};
+  padding: ${o.md};
   background: var(--panel-sunk);
   border: 1px solid var(--rule);
   border-radius: 8px;
-`,te=r.div`
+`,re=n.div`
   display: flex;
   align-items: center;
-  gap: ${l.sm};
-`,ne=r.span`
+  gap: ${o.sm};
+`,ie=n.span`
   flex: 1;
   overflow-wrap: anywhere;
-`,oe=r.p`
+`,ae=n.p`
   margin: 0;
   color: var(--ink-dim);
   font-size: 12px;
   line-height: 1.45;
-`,re=r.div`
+`,se=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  gap: ${l.sm};
+  gap: ${o.sm};
   margin-top: auto;
-`,qe=r.span`
+`,xt=n.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -334,8 +542,8 @@ import{definePluginUI as It,useLive as $t}from"@omnigateway/dashboard-sdk";impor
   height: 32px;
   font-size: 20px;
   line-height: 1;
-`,Je=r.img`
+`,bt=n.img`
   width: 32px;
   height: 32px;
   image-rendering: pixelated;
-`;import{jsx as Qe}from"react/jsx-runtime";function ie({item:e,emoji:t,pluginId:o}){let[i,d]=ut(!1);return Qe(qe,{"aria-hidden":"true",children:i?t:Qe(Je,{alt:"",onError:()=>d(!0),src:Ie(o,e)})})}import{jsx as P,jsxs as ae}from"react/jsx-runtime";function Ye({inventory:e,onUse:t,pending:o,pluginId:i}){let d=Object.entries(e).filter(([,p])=>p>0);if(d.length===0)return P(x,{children:"Nothing in the bag."});return P(X,{children:d.map(([p,n])=>{let a=L(p);return ae(ee,{children:[ae(te,{children:[P(ie,{emoji:a.emoji,item:p,pluginId:i}),P(ne,{children:N(p)}),ae(K,{children:["×",n]})]}),P(oe,{children:a.blurb}),P(re,{children:a.consumable?ae(k,{disabled:o,onClick:()=>t(p),type:"button",children:["Use ",N(p)]}):P(x,{children:"held"})})]},p)})})}import{Fragment as ct,useState as Ze}from"react";import{jsx as y,jsxs as w,Fragment as gt}from"react/jsx-runtime";function We({entries:e,pluginId:t}){let[o,i]=Ze(null),[d,p]=Ze(null);if(e.length===0)return y(x,{children:"Nothing graduated yet."});let n=o===null?e:e.filter((a)=>a.rarity===o);return w(gt,{children:[y(I,{children:we.map((a)=>y(k,{"aria-pressed":o===a,onClick:()=>{i(a),p(null)},type:"button",children:a??"all"},a??"all"))}),n.length===0?w(x,{children:["No ",o," graduates yet."]}):y(Oe,{children:n.map((a)=>{let s=d===a.id,S=`dex-detail-${a.id}`;return w(ct,{children:[w(_e,{$open:s,"aria-controls":S,"aria-expanded":s,onClick:()=>p(s?null:a.id),type:"button",children:[y("img",{alt:`${a.rarity}${a.isShiny?" shiny":""} ${a.name??`species ${a.finalId}`}`,src:R(t,a.finalId,a.isShiny),style:{width:"64px",height:"64px",imageRendering:"pixelated"}}),y(Z,{children:T(a.name,a.finalId)}),a.nature===null?null:y(Z,{children:a.nature})]}),s?y(mt,{entry:a,id:S,pluginId:t}):null]},a.id)})})]})}function mt({entry:e,id:t,pluginId:o}){return w(Ge,{id:t,children:[y("img",{alt:E(e.name,e.finalId,e.isShiny),src:R(o,e.finalId,e.isShiny),style:{width:"96px",height:"96px",imageRendering:"pixelated"}}),w(He,{children:[y("strong",{children:T(e.name,e.finalId)}),w(I,{children:[y(b,{children:e.rarity}),e.isShiny?y(V,{children:"✦ shiny"}):null,e.nature===null?null:y(b,{children:e.nature})]}),y(Ue,{children:e.chainOrder.map((i,d)=>w(je,{children:[y("img",{alt:E(null,i,!1),src:R(o,i,!1)}),y(Z,{children:i===e.finalId?T(e.name,i):`#${i}`})]},`${i}-${d}`))}),w(x,{children:["caught ",new Date(e.caughtAt).toLocaleDateString()]})]})]})}import{jsx as ge,jsxs as ht}from"react/jsx-runtime";function he({stages:e,stageIndex:t,progress:o,threshold:i,label:d,valueText:p}){let n=o/Math.max(1,i)*100;return ge(Ke,{"aria-label":d,"aria-valuemax":i,"aria-valuemin":0,"aria-valuenow":o,"aria-valuetext":p,role:"progressbar",children:Array.from({length:Math.max(1,e)},(a,s)=>ht(Fe,{children:[s<t?ge(me,{$pct:100}):null,s===t?ge(me,{$pct:n}):null]},s))})}function Xe(e,t,o,i){return`stage ${t+1} of ${e}, ${h(o)} of ${h(i)} tokens`}import{jsx as c,jsxs as m,Fragment as G}from"react/jsx-runtime";function et({view:e,activity:t,pluginId:o,onRelease:i,releasing:d}){let p=e.state;if(p===null)return null;let{active:n}=p,a=n===null?null:n.plannedPath[n.stageIndex]??null;return m(G,{children:[m(I,{children:[a===null?c(q,{"aria-label":"An egg, not yet hatched",role:"img"}):c(z,{alt:E(e.name,a,n?.isShiny===!0),src:R(o,a,n?.isShiny===!0)}),m("div",{children:[c("h3",{children:a===null?"Egg":T(e.name,a)}),m(Ne,{children:[n===null?p.eggTier===null?null:m(b,{children:[p.eggTier,"+ guaranteed"]}):m(G,{children:[c(b,{children:n.rarity}),n.isShiny?m(V,{children:[c("span",{"aria-hidden":"true",children:"✦"}),"shiny"]}):null,c(b,{children:n.nature}),n.dittoDisguise===null||n.dittoRevealed?null:c(b,{children:"?"}),n.everstone?c(b,{children:"everstone"}):null,n.soothe?c(b,{children:"soothe bell"}):null]}),c(b,{"aria-label":`Activity: ${t}`,role:"status",children:t})]}),n===null?m(G,{children:[c(he,{label:"Incubation",progress:e.progress,stageIndex:0,stages:1,threshold:e.nextThreshold,valueText:`${h(e.progress)} of ${h(e.nextThreshold)} tokens incubated`}),m(_,{children:[h(e.progress)," / ",h(e.nextThreshold)," tokens incubated"]})]}):m(G,{children:[c(he,{label:"Growth to the next evolution",progress:e.progress,stageIndex:n.stageIndex,stages:n.plannedPath.length,threshold:e.nextThreshold,valueText:Xe(n.plannedPath.length,n.stageIndex,e.progress,e.nextThreshold)}),m(_,{children:["Stage ",n.stageIndex+1," of ",n.plannedPath.length]}),n.everstone?m(G,{children:[m(_,{children:["Held at this stage · ",h(e.progress)," banked"]}),c(k,{disabled:d,onClick:i,type:"button",children:"Release"})]}):m(_,{children:[h(e.progress)," / ",h(e.nextThreshold)," to the next stage"]})]})]})]}),m(Me,{children:[m(J,{children:[c(Q,{children:"Earned"}),c(Y,{children:h(e.tokensTotal)})]}),m(J,{children:[c(Q,{children:"To spend"}),c(Y,{children:h(e.wallet)})]}),m(J,{children:[c(Q,{children:"Graduated"}),c(Y,{children:e.dex.length.toLocaleString()})]})]})]})}import{useState as ft}from"react";import{jsx as v,jsxs as se}from"react/jsx-runtime";function tt({keys:e,onPick:t,pluginId:o,rosterFailed:i}){let[d,p]=ft("");return se(O,{children:[v("h2",{children:"Companion"}),v(Le,{children:"Each API key raises its own Pokémon on the tokens it spends. Pick a key."}),e.length>0?v(Ve,{children:e.map((n)=>v(xt,{entry:n,onPick:t,pluginId:o},n.apiKeyId))}):v(x,{children:i?"The list of keys could not be loaded. Enter a key id below to reach a companion directly.":"No key has spent a token yet. A companion appears the first time a key serves a request."}),v(ue,{children:"Or by key id"}),v("form",{onSubmit:(n)=>{n.preventDefault();let a=d.trim();if(a!=="")t(a)},children:se(I,{children:[v("input",{"aria-label":"API key id",onChange:(n)=>p(n.target.value),placeholder:"key id",value:d}),v(k,{type:"submit",children:"Show"})]})})]})}function xt({entry:e,onPick:t,pluginId:o}){let i=M(e.speciesId!==null,e.lastCreditAt,Date.now());return se(ze,{onClick:()=>t(e.apiKeyId),type:"button",children:[e.unreadable?v(Be,{"aria-label":"This key's save could not be read",role:"img"}):e.speciesId===null?v(q,{"aria-label":"An egg, not yet hatched",role:"img"}):v(z,{alt:E(e.name,e.speciesId,e.isShiny),src:R(o,e.speciesId,e.isShiny)}),v("strong",{children:e.unreadable?"Save unreadable":e.speciesId===null?"Egg":T(e.name,e.speciesId)}),e.rarity===null?null:v(b,{children:e.rarity}),v(W,{children:e.apiKeyId}),se(x,{children:[v(K,{children:h(e.tokensTotal)}),e.unreadable?null:` · ${i}`]})]})}import{useId as bt,useState as yt}from"react";import{jsx as H,jsxs as nt,Fragment as kt}from"react/jsx-runtime";var F={shop:!0,bag:!0,dex:!0},ot=(e)=>`plugin:${e}:sections`;function vt(e){try{let t=globalThis.localStorage?.getItem(ot(e));if(t===null||t===void 0)return F;let o=JSON.parse(t);if(typeof o!=="object"||o===null)return F;let i=o;return{shop:typeof i.shop==="boolean"?i.shop:F.shop,bag:typeof i.bag==="boolean"?i.bag:F.bag,dex:typeof i.dex==="boolean"?i.dex:F.dex}}catch{return F}}function rt(e){let[t,o]=yt(()=>vt(e));return{open:t,toggle:(d)=>{o((p)=>{let n={...p,[d]:!p[d]};try{globalThis.localStorage?.setItem(ot(e),JSON.stringify(n))}catch{}return n})}}}function le({title:e,count:t,open:o,onToggle:i,children:d}){let p=bt();return nt(kt,{children:[H(Re,{children:nt(De,{"aria-controls":p,"aria-expanded":o,onClick:i,type:"button",children:[H(Ee,{$open:o,children:"▶"}),e,H(Te,{}),H(Pe,{children:t})]})}),o?H("div",{id:p,children:d}):null]})}import{jsx as A,jsxs as pe}from"react/jsx-runtime";function it({offers:e,wallet:t,onBuy:o,pending:i,inventory:d,hasCompanion:p,pluginId:n}){return A(X,{children:e.map((a)=>{let{entry:s,price:S}=a,C=St(s,d),u=s.kind==="egg"&&!p,D=s.kind==="item"?N(s.item):"fresh egg";return pe(ee,{children:[pe(te,{children:[A(ie,{emoji:s.kind==="item"?L(s.item).emoji:ve,item:s.kind==="item"?s.item:"egg",pluginId:n}),A(ne,{children:D}),C?A(x,{children:"owned"}):A(K,{children:h(S)})]}),s.kind==="egg"&&s.tier!==null?pe(b,{children:[s.tier,"+"]}):null,A(oe,{children:s.kind==="item"?L(s.item).blurb:ke(s.tier)}),A(re,{children:pe(k,{disabled:C||u||t<S||i,onClick:()=>o(s),type:"button",children:["Buy ",$e(s)]})})]},s.kind==="item"?`item:${s.item}`:`egg:${s.tier??""}`)})})}function St(e,t){if(e.kind!=="item")return!1;return!L(e.item).consumable&&(t[e.item]??0)>0}import{jsx as f,jsxs as xe,Fragment as Tt}from"react/jsx-runtime";var lt=1e4;function Ct({pluginId:e,api:t}){let[o,i]=st({at:"start"}),d=wt(),{cadence:p}=$t(),n=at({queryKey:["roster"],queryFn:()=>t.get("keys"),refetchInterval:p(lt)}),a=n.data?.keys??[];if(o.at==="start"&&!n.isPending){let g=a.length===1?a[0]:void 0;i(g===void 0?{at:"roster"}:{at:"key",apiKeyId:g.apiKeyId})}let s=o.at==="key"?o.apiKeyId:null,S=at({queryKey:["companion",s],queryFn:()=>t.get(`keys/${s}`),enabled:s!==null,refetchInterval:p(lt)}),[C,u]=st(null),D=()=>{d.invalidateQueries({queryKey:["companion",s]}),d.invalidateQueries({queryKey:["roster"]})},U=fe({mutationFn:(g)=>t.post(`keys/${s}/purchase`,g),onMutate:()=>u(null),onError:(g)=>u(g instanceof Error?g.message:"the purchase was refused"),onSuccess:D}),j=fe({mutationFn:(g)=>t.post(`keys/${s}/use`,{item:g}),onMutate:()=>u(null),onError:(g)=>u(g instanceof Error?g.message:"the item could not be used"),onSuccess:D}),be=fe({mutationFn:()=>t.post(`keys/${s}/unpin`),onMutate:()=>u(null),onError:(g)=>u(g instanceof Error?g.message:"the companion could not be released"),onSuccess:D});if(n.isPending)return f(O,{children:"Loading…"});if(s===null)return f(tt,{keys:a,onPick:(g)=>i({at:"key",apiKeyId:g}),pluginId:e,rosterFailed:n.isError});return xe(O,{children:[xe(Ae,{children:[f("h2",{children:"Companion"}),f(W,{children:s}),f(k,{onClick:()=>i({at:"roster"}),type:"button",children:"All keys"})]}),f(Rt,{buy:U.mutate,buying:U.isPending,keyId:s,onRelease:()=>be.mutate(),onUse:j.mutate,pluginId:e,query:S,refusal:C,releasing:be.isPending,using:j.isPending})]})}function Rt({query:e,pluginId:t,buy:o,onUse:i,onRelease:d,buying:p,using:n,releasing:a,refusal:s}){let{open:S,toggle:C}=rt(t);if(e.isPending)return f(x,{children:"Loading…"});if(e.isError||e.data===void 0)return f(x,{children:"No companion for that key yet."});let u=e.data;if(u.state===null)return f(ce,{children:"This key's save could not be read. It has been left untouched rather than replaced — nothing has been lost, but it needs looking at."});let D=M(u.state.active!==null,u.lastCreditAt,Date.now()),U=Object.values(u.state.inventory).filter((j)=>j>0).length;return xe(Tt,{children:[f(et,{activity:D,onRelease:d,pluginId:t,releasing:a,view:u}),f(le,{count:pt(u.shop.length,"offer"),onToggle:()=>C("shop"),open:S.shop,title:"Shop",children:f(it,{hasCompanion:u.state.active!==null,inventory:u.state.inventory,offers:u.shop,onBuy:o,pending:p,pluginId:t,wallet:u.wallet})}),f(le,{count:`${U} held`,onToggle:()=>C("bag"),open:S.bag,title:"Bag",children:f(Ye,{inventory:u.state.inventory,onUse:i,pending:n,pluginId:t})}),s===null?null:f(ce,{role:"alert",children:s}),f(le,{count:pt(u.dex.length,"graduate"),onToggle:()=>C("dex"),open:S.dex,title:"Pokédex",children:f(We,{entries:u.dex,pluginId:t})})]})}function pt(e,t){return`${e} ${t}${e===1?"":"s"}`}var An=It({mount:Ct});export{M as activityOf,An as default};
+`;import{jsx as yt}from"react/jsx-runtime";function le({item:e,emoji:t,pluginId:r}){let[s,c]=zt(!1);return yt(xt,{"aria-hidden":"true",children:s?t:yt(bt,{alt:"",onError:()=>c(!0),src:ge(r,e)})})}import{jsx as F,jsxs as de}from"react/jsx-runtime";function vt({inventory:e,onUse:t,pending:r,pluginId:s}){let c=Object.entries(e).filter(([,d])=>d>0);if(c.length===0)return F(k,{children:"Nothing in the bag."});return F(ne,{children:c.map(([d,a])=>{let l=M(d);return de(oe,{children:[de(re,{children:[F(le,{emoji:l.emoji,item:d,pluginId:s}),F(ie,{children:B(d)}),de(K,{children:["×",a]})]}),F(ae,{children:l.blurb}),F(se,{children:l.consumable?de(I,{disabled:r,onClick:()=>t(d),type:"button",children:["Use ",B(d)]}):F(k,{children:"held"})})]},d)})})}import{Fragment as Ut,useCallback as jt,useEffect as Vt,useMemo as kt,useRef as $t,useState as St}from"react";import{jsx as u,jsxs as g,Fragment as Yt}from"react/jsx-runtime";var Wt="—",ye="✦";function It({entries:e,pluginId:t}){let[r,s]=St(null),[c,d]=St(null),a=$t(null),l=jt(()=>{d(null),a.current?.focus()},[]),i=kt(()=>new Set(e.map((p)=>p.speciesId)),[e]),w=kt(()=>{let p=new Map;for(let D of e)if(D.name!==null)p.set(D.speciesId,D.name);return p},[e]);if(e.length===0)return u(k,{children:"Nothing caught yet."});let C=r===null?e:e.filter((p)=>p.rarity===r),m=e.find((p)=>p.speciesId===c);return g(Yt,{children:[u(et,{children:Fe.map((p)=>u(I,{"aria-pressed":r===p,onClick:()=>s(p),type:"button",children:p??"all"},p??"all"))}),C.length===0?g(k,{children:["No ",r," species yet."]}):u(Qe,{children:C.map((p)=>{let D=c===p.speciesId;return g(Xe,{$open:D,"aria-haspopup":"dialog",onClick:(L)=>{a.current=L.currentTarget,d(p.speciesId)},type:"button",children:[u("img",{alt:`${p.rarity}${p.isShiny?" shiny":""} ${p.name??`species ${p.speciesId}`}`,src:T(t,p.speciesId,p.isShiny),style:{width:"64px",height:"64px",imageRendering:"pixelated"}}),g(A,{children:["#",p.speciesId]}),p.name===null?null:u(ee,{children:p.name}),wt(p)===null?null:u(ee,{children:wt(p)})]},p.speciesId)})}),m===void 0?null:u(qt,{entry:m,names:w,obtained:i,onClose:l,pluginId:t})]})}function wt(e){let t=[e.isShiny?ye:null,e.catches.length>1?`× ${e.catches.length}`:null].filter((r)=>r!==null);return t.length===0?null:t.join(" ")}function qt({entry:e,names:t,obtained:r,onClose:s,pluginId:c}){let d=$t(null),a=`dex-record-${e.speciesId}`;return Vt(()=>{let l=d.current;if(l===null)return;return l.showModal(),()=>{if(l.open)l.close()}},[]),g(tt,{"aria-labelledby":a,onClick:(l)=>{if(l.target===l.currentTarget)s()},onClose:s,ref:d,children:[u(it,{"aria-label":"Close",onClick:s,type:"button",children:"✕"}),g(nt,{children:[g(ot,{children:[u("img",{alt:N(e.name,e.speciesId,e.isShiny),src:T(c,e.speciesId,e.isShiny)}),g(at,{children:[g(pt,{id:a,children:[g(A,{children:["#",e.speciesId]}),e.name===null?null:e.name]}),g(R,{children:[u(S,{children:e.rarity}),e.isShiny?g(Y,{children:[ye," shiny"]}):null]})]})]}),g(rt,{children:[g(j,{children:[u(V,{children:e.catches.length>0&&e.firstCaughtExact?"first caught":"line graduated"}),u(be,{children:e.catches.length===0?Wt:q(e.firstCaughtAt)})]}),g(j,{children:[u(V,{children:e.lines.length>1?"evolutions":"evolution"}),e.lines.map((l)=>u(st,{children:l.filter((i)=>r.has(i)).map((i,w)=>g(Ut,{children:[w===0?null:u(lt,{"aria-hidden":"true"}),g(dt,{$here:i===e.speciesId,"aria-current":i===e.speciesId?"true":void 0,children:[u("img",{alt:N(t.get(i)??null,i,!1),src:T(c,i,!1)}),g(A,{children:["#",i]}),t.has(i)?u(ee,{children:t.get(i)}):null]})]},`${i}-${w}`))},l.join("-")))]}),e.catches.length===0?null:g(j,{children:[g(V,{children:[u("span",{children:e.catches.length===1?"encounter":"encounters"}),e.catches.length>1?u("span",{children:e.catches.length}):null]}),u(ct,{children:e.catches.map((l)=>g(ut,{children:[u(mt,{children:q(l.enteredAt??l.caughtAt)}),u("span",{children:l.nature??""}),l.isShiny?u(gt,{children:ye}):u("span",{})]},l.id))})]}),e.catches.length===0?g(j,{children:[u(V,{children:"encounter"}),u(be,{children:q(e.firstCaughtAt)})]}):null]})]})]})}import{useState as Jt}from"react";import{jsx as ve}from"react/jsx-runtime";function pe({pluginId:e}){let[t,r]=Jt(!1);if(t)return ve(Ue,{"aria-label":Ct,role:"img"});return ve(je,{children:ve(Ve,{alt:Ct,onError:()=>r(!0),src:Ee(e)})})}var Ct="An egg, not yet hatched";import{jsx as ke,jsxs as Qt}from"react/jsx-runtime";function Se({stages:e,stageIndex:t,progress:r,threshold:s,label:c,valueText:d}){let a=r/Math.max(1,s)*100;return ke(qe,{"aria-label":c,"aria-valuemax":s,"aria-valuemin":0,"aria-valuenow":r,"aria-valuetext":d,role:"progressbar",children:Array.from({length:Math.max(1,e)},(l,i)=>Qt(Ye,{children:[i<t?ke(xe,{$pct:100}):null,i===t?ke(xe,{$pct:a}):null]},i))})}function Dt(e,t,r,s){return`stage ${t+1} of ${e}, ${b(r)} of ${b(s)} tokens`}import{jsx as h,jsxs as f,Fragment as _}from"react/jsx-runtime";function Rt({view:e,activity:t,pluginId:r,onRelease:s,releasing:c}){let d=e.state;if(d===null)return null;let{active:a}=d,l=a===null?null:a.plannedPath[a.stageIndex]??null;return f(_,{children:[f(R,{children:[l===null?h(pe,{pluginId:r}):h(J,{alt:N(e.name,l,a?.isShiny===!0),src:T(r,l,a?.isShiny===!0)}),f("div",{children:[h(Ze,{children:l===null?"Egg":f(_,{children:[f(A,{children:["#",l]}),e.name===null?null:h("span",{children:e.name})]})}),f(ze,{children:[a===null?d.eggTier===null?null:f(S,{children:[d.eggTier,"+ guaranteed"]}):f(_,{children:[h(S,{children:a.rarity}),a.isShiny?f(Y,{children:[h("span",{"aria-hidden":"true",children:"✦"}),"shiny"]}):null,h(S,{children:a.nature}),a.dittoDisguise===null||a.dittoRevealed?null:h(S,{children:"?"}),a.everstone?h(S,{children:"everstone"}):null,a.soothe?h(S,{children:"soothe bell"}):null]}),h(S,{"aria-label":`Activity: ${t}`,role:"status",children:t})]}),a===null?f(_,{children:[h(Se,{label:"Incubation",progress:e.progress,stageIndex:0,stages:1,threshold:e.nextThreshold,valueText:`${b(e.progress)} of ${b(e.nextThreshold)} tokens incubated`}),f(U,{children:[b(e.progress)," / ",b(e.nextThreshold)," tokens incubated"]})]}):f(_,{children:[h(Se,{label:"Growth to the next evolution",progress:e.progress,stageIndex:a.stageIndex,stages:a.plannedPath.length,threshold:e.nextThreshold,valueText:Dt(a.plannedPath.length,a.stageIndex,e.progress,e.nextThreshold)}),f(U,{children:["Stage ",a.stageIndex+1," of ",a.plannedPath.length]}),a.everstone?f(_,{children:[f(U,{children:["Held at this stage · ",b(e.progress)," banked"]}),h(I,{disabled:c,onClick:s,type:"button",children:"Release"})]}):f(U,{children:[b(e.progress)," / ",b(e.nextThreshold)," to the next stage"]})]})]})]}),f(Je,{children:[f(Q,{children:[h(X,{children:"Earned"}),h(Z,{children:b(e.tokensTotal)})]}),f(Q,{children:[h(X,{children:"To spend"}),h(Z,{children:b(e.wallet)})]}),f(Q,{children:[h(X,{children:"Graduated"}),h(Z,{children:e.dex.length.toLocaleString()})]})]})]})}import{useState as Xt}from"react";import{jsx as v,jsxs as ce}from"react/jsx-runtime";function Tt({keys:e,onPick:t,pluginId:r,rosterFailed:s}){let[c,d]=Xt("");return ce(z,{children:[v("h2",{children:"Companion"}),v(Oe,{children:"Each API key raises its own Pokémon on the tokens it spends. Pick a key."}),e.length>0?v(ht,{children:e.map((a)=>v(Zt,{entry:a,onPick:t,pluginId:r},a.apiKeyId))}):v(k,{children:s?"The list of keys could not be loaded. Enter a key id below to reach a companion directly.":"No key has spent a token yet. A companion appears the first time a key serves a request."}),v(he,{children:"Or by key id"}),v("form",{onSubmit:(a)=>{a.preventDefault();let l=c.trim();if(l!=="")t(l)},children:ce(R,{children:[v("input",{"aria-label":"API key id",onChange:(a)=>d(a.target.value),placeholder:"key id",value:c}),v(I,{type:"submit",children:"Show"})]})})]})}function Zt({entry:e,onPick:t,pluginId:r}){let s=O(e.speciesId!==null,e.lastCreditAt,Date.now());return ce(ft,{onClick:()=>t(e.apiKeyId),type:"button",children:[e.unreadable?v(We,{"aria-label":"This key's save could not be read",role:"img"}):e.speciesId===null?v(pe,{pluginId:r}):v(J,{alt:N(e.name,e.speciesId,e.isShiny),src:T(r,e.speciesId,e.isShiny)}),v("strong",{children:e.unreadable?"Save unreadable":e.speciesId===null?"Egg":Ne(e.name,e.speciesId)}),e.rarity===null?null:v(S,{children:e.rarity}),v(te,{children:e.apiKeyId}),ce(k,{children:[v(K,{children:b(e.tokensTotal)}),e.unreadable?null:` · ${s}`]})]})}import{useId as en,useState as tn}from"react";import{jsx as W,jsxs as Et,Fragment as on}from"react/jsx-runtime";var G={shop:!0,bag:!0,dex:!0},Nt=(e)=>`plugin:${e}:sections`;function nn(e){try{let t=globalThis.localStorage?.getItem(Nt(e));if(t===null||t===void 0)return G;let r=JSON.parse(t);if(typeof r!=="object"||r===null)return G;let s=r;return{shop:typeof s.shop==="boolean"?s.shop:G.shop,bag:typeof s.bag==="boolean"?s.bag:G.bag,dex:typeof s.dex==="boolean"?s.dex:G.dex}}catch{return G}}function At(e){let[t,r]=tn(()=>nn(e));return{open:t,toggle:(c)=>{r((d)=>{let a={...d,[c]:!d[c]};try{globalThis.localStorage?.setItem(Nt(e),JSON.stringify(a))}catch{}return a})}}}function ue({title:e,count:t,open:r,onToggle:s,children:c}){let d=en();return Et(on,{children:[W(Me,{children:Et(He,{"aria-controls":d,"aria-expanded":r,onClick:s,type:"button",children:[W(Ke,{$open:r,children:"▶"}),e,W(Be,{}),W(_e,{children:t})]})}),r?W("div",{id:d,children:c}):null]})}import{jsx as P,jsxs as me}from"react/jsx-runtime";function Ft({offers:e,wallet:t,onBuy:r,pending:s,inventory:c,hasCompanion:d,pluginId:a}){return P(ne,{children:e.map((l)=>{let{entry:i,price:w}=l,C=rn(i,c),m=i.kind==="egg"&&!d,p=i.kind==="item"?B(i.item):"fresh egg";return me(oe,{children:[me(re,{children:[P(le,{emoji:i.kind==="item"?M(i.item).emoji:De,item:i.kind==="item"?i.item:"egg",pluginId:a}),P(ie,{children:p}),C?P(k,{children:"owned"}):P(K,{children:b(w)})]}),i.kind==="egg"&&i.tier!==null?me(S,{children:[i.tier,"+"]}):null,P(ae,{children:i.kind==="item"?M(i.item).blurb:Re(i.tier)}),P(se,{children:me(I,{disabled:C||m||t<w||s,onClick:()=>r(i),type:"button",children:["Buy ",Ae(i)]})})]},i.kind==="item"?`item:${i.item}`:`egg:${i.tier??""}`)})})}function rn(e,t){if(e.kind!=="item")return!1;return!M(e.item).consumable&&(t[e.item]??0)>0}import{jsx as y,jsxs as $e,Fragment as cn}from"react/jsx-runtime";var Mt=1e4;function dn({pluginId:e,api:t}){let[r,s]=Lt({at:"start"}),c=ln(),{cadence:d}=sn(),a=Pt({queryKey:["roster"],queryFn:()=>t.get("keys"),refetchInterval:d(Mt)}),l=a.data?.keys??[];if(r.at==="start"&&!a.isPending){let x=l.length===1?l[0]:void 0;s(x===void 0?{at:"roster"}:{at:"key",apiKeyId:x.apiKeyId})}let i=r.at==="key"?r.apiKeyId:null,w=Pt({queryKey:["companion",i],queryFn:()=>t.get(`keys/${i}`),enabled:i!==null,refetchInterval:d(Mt)}),[C,m]=Lt(null),p=()=>{c.invalidateQueries({queryKey:["companion",i]}),c.invalidateQueries({queryKey:["roster"]})},D=we({mutationFn:(x)=>t.post(`keys/${i}/purchase`,x),onMutate:()=>m(null),onError:(x)=>m(x instanceof Error?x.message:"the purchase was refused"),onSuccess:p}),L=we({mutationFn:(x)=>t.post(`keys/${i}/use`,{item:x}),onMutate:()=>m(null),onError:(x)=>m(x instanceof Error?x.message:"the item could not be used"),onSuccess:p}),Ie=we({mutationFn:()=>t.post(`keys/${i}/unpin`),onMutate:()=>m(null),onError:(x)=>m(x instanceof Error?x.message:"the companion could not be released"),onSuccess:p});if(a.isPending)return y(z,{children:"Loading…"});if(i===null)return y(Tt,{keys:l,onPick:(x)=>s({at:"key",apiKeyId:x}),pluginId:e,rosterFailed:a.isError});return $e(z,{children:[$e(Ge,{children:[y("h2",{children:"Companion"}),y(te,{children:i}),y(I,{onClick:()=>s({at:"roster"}),type:"button",children:"All keys"})]}),y(pn,{buy:D.mutate,buying:D.isPending,keyId:i,onRelease:()=>Ie.mutate(),onUse:L.mutate,pluginId:e,query:w,refusal:C,releasing:Ie.isPending,using:L.isPending})]})}function pn({query:e,pluginId:t,buy:r,onUse:s,onRelease:c,buying:d,using:a,releasing:l,refusal:i}){let{open:w,toggle:C}=At(t);if(e.isPending)return y(k,{children:"Loading…"});if(e.isError||e.data===void 0)return y(k,{children:"No companion for that key yet."});let m=e.data;if(m.state===null)return y(fe,{children:"This key's save could not be read. It has been left untouched rather than replaced — nothing has been lost, but it needs looking at."});let p=O(m.state.active!==null,m.lastCreditAt,Date.now()),D=Object.values(m.state.inventory).filter((L)=>L>0).length;return $e(cn,{children:[y(Rt,{activity:p,onRelease:c,pluginId:t,releasing:l,view:m}),y(ue,{count:Bt(m.shop.length,"offer"),onToggle:()=>C("shop"),open:w.shop,title:"Shop",children:y(Ft,{hasCompanion:m.state.active!==null,inventory:m.state.inventory,offers:m.shop,onBuy:r,pending:d,pluginId:t,wallet:m.wallet})}),y(ue,{count:`${D} held`,onToggle:()=>C("bag"),open:w.bag,title:"Bag",children:y(vt,{inventory:m.state.inventory,onUse:s,pending:a,pluginId:t})}),i===null?null:y(fe,{role:"alert",children:i}),y(ue,{count:Bt(m.dex.length,"species","species"),onToggle:()=>C("dex"),open:w.dex,title:"Pokédex",children:y(It,{entries:m.dex,pluginId:t})})]})}function Bt(e,t,r=`${t}s`){return`${e} ${e===1?t:r}`}var So=an({mount:dn});export{O as activityOf,So as default};