@stamprally/admin-ui 0.7.0 → 0.8.0

package/dist/index.js

@@ -1,37 +1,751 @@
-import { toPublicRallyConfig, resolveLocalizedText, THEME_PRESETS, DEFAULT_SHEET_THEME, CURRENT_RALLY_CONFIG_VERSION, stripSensitiveConfig, validateAdminRallyConfig, migrateRallyConfig, validateRallyConfig } from '@stamprally/core';
+import { DEFAULT_SHEET_THEME, THEME_PRESETS, resolveLocalizedText, CURRENT_RALLY_CONFIG_VERSION, stripSensitiveConfig, migrateRallyConfig, validateRallyConfig } from '@stamprally/core';
 import { useState } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/index.tsx
-function AdminRallyEditor({ config, onChange }) {
-  const [value, setValue] = useState(() => JSON.stringify(config, null, 2));
-  const [error, setError] = useState(null);
-  const apply = () => {
-    try {
-      const candidate = JSON.parse(value);
-      const result = validateAdminRallyConfig(candidate);
-      if (!result.valid) {
-        setError(result.errors.map((item) => `${item.path}: ${item.message}`).join(" "));
-        return;
-      }
-      onChange(candidate);
-      setError(null);
-    } catch {
-      setError("Invalid rally JSON.");
-    }
+function universalText(value, locale) {
+  return typeof value === "string" ? value : value?.[locale] ?? "";
+}
+function updateUniversalText(value, locale, next) {
+  return { ...typeof value === "string" ? {} : value, [locale]: next };
+}
+var newUniversalCondition = () => ({ type: "passcode", code: "" });
+function defaultUniversalSpot(index) {
+  return {
+    id: `spot-${index + 1}`,
+    orderIndex: index,
+    name: { ja: `\u30B9\u30DD\u30C3\u30C8 ${index + 1}`, en: `Spot ${index + 1}` },
+    conditions: [newUniversalCondition()]
   };
-  return /* @__PURE__ */ jsxs("section", { "aria-label": "Universal rally editor", className: "stamprally-admin-card", children: [
-    /* @__PURE__ */ jsx("textarea", { value, onChange: (event) => setValue(event.target.value) }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: apply, children: "Apply configuration" }),
-    /* @__PURE__ */ jsx(
+}
+function defaultUniversalReward(index) {
+  return {
+    id: `reward-${index + 1}`,
+    title: { ja: `\u666F\u54C1 ${index + 1}`, en: `Reward ${index + 1}` },
+    type: "digital",
+    redemptionMethod: "manual_slide",
+    requiredStampCount: 1
+  };
+}
+function updateUniversalCondition(condition, field, value) {
+  if (condition.type === "gps") {
+    return { ...condition, [field]: Number(value) };
+  }
+  return { ...condition, [field]: value };
+}
+function UniversalSpotForm({
+  spot,
+  spots,
+  onChange,
+  onDelete,
+  onMoveUp,
+  onMoveDown
+}) {
+  const update = (next) => onChange({ ...spot, ...next });
+  const references = spot.externalReferences ?? [];
+  const conditions = spot.conditions;
+  return /* @__PURE__ */ jsxs("fieldset", { className: "stamprally-admin-card", "aria-label": `Spot ${spot.id}`, children: [
+    /* @__PURE__ */ jsxs("legend", { children: [
+      "Spot ",
+      spot.orderIndex + 1
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "ID ",
+      /* @__PURE__ */ jsx("input", { value: spot.id, onChange: (event) => update({ id: event.target.value }) })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Name (ja)",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: universalText(spot.name, "ja"),
+          onChange: (event) => update({ name: updateUniversalText(spot.name, "ja", event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Name (en)",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: universalText(spot.name, "en"),
+          onChange: (event) => update({ name: updateUniversalText(spot.name, "en", event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Description (ja)",
+      " ",
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: universalText(spot.description, "ja"),
+          onChange: (event) => update({ description: updateUniversalText(spot.description, "ja", event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Order index",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: spot.orderIndex,
+          onChange: (event) => update({ orderIndex: Number(event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Prerequisite spot",
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: "",
+          onChange: (event) => {
+            if (event.target.value !== "")
+              update({ prerequisites: [...spot.prerequisites ?? [], event.target.value] });
+          },
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "Select a prerequisite" }),
+            spots.filter((item) => item.id !== spot.id && !spot.prerequisites?.includes(item.id)).map((item) => /* @__PURE__ */ jsx("option", { value: item.id, children: item.id }, item.id))
+          ]
+        }
+      )
+    ] }),
+    (spot.prerequisites ?? []).map((id) => /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        onClick: () => navigator.clipboard?.writeText(JSON.stringify(toPublicRallyConfig(config), null, 2)),
-        children: "Copy public configuration"
-      }
-    ),
-    error !== null && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+        onClick: () => update({ prerequisites: (spot.prerequisites ?? []).filter((item) => item !== id) }),
+        children: [
+          "Remove prerequisite: ",
+          id
+        ]
+      },
+      id
+    )),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h4", { children: "External references" }),
+      references.map((reference, index) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Reference type",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: reference.type,
+              onChange: (event) => update({
+                externalReferences: references.map(
+                  (item, itemIndex) => itemIndex === index ? { ...item, type: event.target.value } : item
+                )
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Reference ID",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: reference.id,
+              onChange: (event) => update({
+                externalReferences: references.map(
+                  (item, itemIndex) => itemIndex === index ? { ...item, id: event.target.value } : item
+                )
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Reference URL",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: reference.url ?? "",
+              onChange: (event) => update({
+                externalReferences: references.map(
+                  (item, itemIndex) => itemIndex === index ? { ...item, url: event.target.value } : item
+                )
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Reference metadata",
+          " ",
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: JSON.stringify(reference.metadata ?? {}, null, 2),
+              onChange: (event) => {
+                try {
+                  const metadata = JSON.parse(event.target.value);
+                  if (typeof metadata === "object" && metadata !== null && !Array.isArray(metadata))
+                    update({
+                      externalReferences: references.map(
+                        (item, itemIndex) => itemIndex === index ? { ...item, metadata } : item
+                      )
+                    });
+                } catch {
+                }
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => update({
+              externalReferences: references.filter((_, itemIndex) => itemIndex !== index)
+            }),
+            children: "Remove reference"
+          }
+        )
+      ] }, `${reference.type}:${reference.id}`)),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => update({
+            externalReferences: [...references, { type: "", id: "" }]
+          }),
+          children: "Add external reference"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h4", { children: "Conditions" }),
+      conditions.map((condition, index) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Condition type",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: condition.type,
+              onChange: (event) => {
+                const next = event.target.value === "qr" ? { type: "qr", secretToken: "" } : event.target.value === "gps" ? { type: "gps", latitude: 0, longitude: 0, radiusMeters: 100 } : event.target.value === "custom" ? { type: "custom", validatorName: "" } : { type: "passcode", code: "" };
+                onChange({
+                  ...spot,
+                  conditions: conditions.map(
+                    (item, itemIndex) => itemIndex === index ? next : item
+                  )
+                });
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "qr", children: "QR" }),
+                /* @__PURE__ */ jsx("option", { value: "passcode", children: "Passcode" }),
+                /* @__PURE__ */ jsx("option", { value: "gps", children: "GPS" }),
+                /* @__PURE__ */ jsx("option", { value: "custom", children: "Custom" })
+              ]
+            }
+          )
+        ] }),
+        condition.type === "qr" && /* @__PURE__ */ jsxs("label", { children: [
+          "QR secret token",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: condition.secretToken,
+              onChange: (event) => onChange({
+                ...spot,
+                conditions: conditions.map(
+                  (item, itemIndex) => itemIndex === index ? updateUniversalCondition(item, "secretToken", event.target.value) : item
+                )
+              })
+            }
+          )
+        ] }),
+        condition.type === "passcode" && /* @__PURE__ */ jsxs("label", { children: [
+          "Passcode",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: condition.code,
+              onChange: (event) => onChange({
+                ...spot,
+                conditions: conditions.map(
+                  (item, itemIndex) => itemIndex === index ? updateUniversalCondition(item, "code", event.target.value) : item
+                )
+              })
+            }
+          )
+        ] }),
+        condition.type === "custom" && /* @__PURE__ */ jsxs("label", { children: [
+          "Validator name",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: condition.validatorName,
+              onChange: (event) => onChange({
+                ...spot,
+                conditions: conditions.map(
+                  (item, itemIndex) => itemIndex === index ? updateUniversalCondition(item, "validatorName", event.target.value) : item
+                )
+              })
+            }
+          )
+        ] }),
+        condition.type === "gps" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Latitude",
+            " ",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: condition.latitude,
+                onChange: (event) => onChange({
+                  ...spot,
+                  conditions: conditions.map(
+                    (item, itemIndex) => itemIndex === index ? updateUniversalCondition(item, "latitude", event.target.value) : item
+                  )
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Longitude",
+            " ",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: condition.longitude,
+                onChange: (event) => onChange({
+                  ...spot,
+                  conditions: conditions.map(
+                    (item, itemIndex) => itemIndex === index ? updateUniversalCondition(item, "longitude", event.target.value) : item
+                  )
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Radius meters",
+            " ",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: condition.radiusMeters,
+                onChange: (event) => onChange({
+                  ...spot,
+                  conditions: conditions.map(
+                    (item, itemIndex) => itemIndex === index ? updateUniversalCondition(item, "radiusMeters", event.target.value) : item
+                  )
+                })
+              }
+            )
+          ] })
+        ] }),
+        conditions.length > 1 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => update({ conditions: conditions.filter((_, itemIndex) => itemIndex !== index) }),
+            children: "Remove condition"
+          }
+        )
+      ] }, JSON.stringify(condition))),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => update({ conditions: [...conditions, newUniversalCondition()] }),
+          children: "Add condition"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onMoveUp, disabled: spot.orderIndex === 0, children: "Move spot up" }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onMoveDown, disabled: spot.orderIndex === spots.length - 1, children: "Move spot down" }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onDelete, children: "Remove spot" })
+  ] });
+}
+function UniversalRewardForm({
+  reward,
+  spots,
+  onChange,
+  onDelete
+}) {
+  const update = (next) => onChange({ ...reward, ...next });
+  const conditions = reward.conditions ?? [];
+  return /* @__PURE__ */ jsxs("fieldset", { className: "stamprally-admin-card", "aria-label": `Reward ${reward.id}`, children: [
+    /* @__PURE__ */ jsx("legend", { children: "Reward" }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "ID ",
+      /* @__PURE__ */ jsx("input", { value: reward.id, onChange: (event) => update({ id: event.target.value }) })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Title (ja)",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: universalText(reward.title, "ja"),
+          onChange: (event) => update({ title: updateUniversalText(reward.title, "ja", event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Title (en)",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: universalText(reward.title, "en"),
+          onChange: (event) => update({ title: updateUniversalText(reward.title, "en", event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Required stamps",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: reward.requiredStampCount,
+          onChange: (event) => update({ requiredStampCount: Number(event.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Stock limit",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: reward.stockLimit ?? "",
+          onChange: (event) => {
+            if (event.target.value === "") {
+              const { stockLimit: _removed, ...rest } = reward;
+              onChange(rest);
+            } else update({ stockLimit: Number(event.target.value) });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "User claim limit",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: reward.userClaimLimit ?? "",
+          onChange: (event) => {
+            if (event.target.value === "") {
+              const { userClaimLimit: _removed, ...rest } = reward;
+              onChange(rest);
+            } else update({ userClaimLimit: Number(event.target.value) });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Staff passcode",
+      " ",
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "password",
+          value: reward.staffPasscode ?? "",
+          onChange: (event) => {
+            if (event.target.value === "") {
+              const { staffPasscode: _removed, ...rest } = reward;
+              onChange(rest);
+            } else update({ staffPasscode: event.target.value });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Redemption method",
+      " ",
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: reward.redemptionMethod,
+          onChange: (event) => update({ redemptionMethod: event.target.value }),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "manual_slide", children: "manual_slide" }),
+            /* @__PURE__ */ jsx("option", { value: "staff_passcode", children: "staff_passcode" }),
+            /* @__PURE__ */ jsx("option", { value: "view_only", children: "view_only" }),
+            /* @__PURE__ */ jsx("option", { value: "server_claim", children: "server_claim" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h4", { children: "Unlock conditions" }),
+      conditions.map((condition, index) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Reward condition type",
+          " ",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: condition.type,
+              onChange: (event) => {
+                const type = event.target.value;
+                const next = type === "stamps" ? { type: "stamps", stampIds: [] } : type === "all" || type === "any" ? { type, conditions: [{ type: "stamp_count", count: 1 }] } : { type: "stamp_count", count: 1 };
+                update({
+                  conditions: conditions.map(
+                    (item, itemIndex) => itemIndex === index ? next : item
+                  )
+                });
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "stamp_count", children: "Stamp count" }),
+                /* @__PURE__ */ jsx("option", { value: "stamps", children: "Specific spots" }),
+                /* @__PURE__ */ jsx("option", { value: "all", children: "All" }),
+                /* @__PURE__ */ jsx("option", { value: "any", children: "Any" })
+              ]
+            }
+          )
+        ] }),
+        condition.type === "stamp_count" && /* @__PURE__ */ jsxs("label", { children: [
+          "Required stamp count",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: 0,
+              value: condition.count,
+              onChange: (event) => update({
+                conditions: conditions.map(
+                  (item, itemIndex) => itemIndex === index ? { ...condition, count: Number(event.target.value) } : item
+                )
+              })
+            }
+          )
+        ] }),
+        condition.type === "stamps" && /* @__PURE__ */ jsxs("label", { children: [
+          "Specific spot IDs",
+          " ",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: condition.stampIds.join(", "),
+              placeholder: spots.map((item) => item.id).join(", "),
+              onChange: (event) => update({
+                conditions: conditions.map(
+                  (item, itemIndex) => itemIndex === index ? {
+                    ...condition,
+                    stampIds: event.target.value.split(",").map((id) => id.trim()).filter(Boolean)
+                  } : item
+                )
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => update({ conditions: conditions.filter((_, itemIndex) => itemIndex !== index) }),
+            children: "Remove reward condition"
+          }
+        )
+      ] }, JSON.stringify(condition))),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => update({ conditions: [...conditions, { type: "stamp_count", count: 1 }] }),
+          children: "Add reward condition"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onDelete, children: "Remove reward" })
+  ] });
+}
+function AdminRallyEditor({ config, locale = "ja", onChange }) {
+  const spots = config.spots;
+  const rewards = config.rewards;
+  const theme = config.theme ?? DEFAULT_SHEET_THEME;
+  const setConfig = (next) => onChange({ ...config, ...next });
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Universal rally editor", className: "stamprally-admin-card", children: [
+    /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx("legend", { children: "Basic settings" }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Title (",
+        locale,
+        ")",
+        " ",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: universalText(config.title, locale),
+            onChange: (event) => setConfig({
+              title: updateUniversalText(
+                config.title,
+                locale,
+                event.target.value
+              )
+            })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Description (",
+        locale,
+        ")",
+        " ",
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: universalText(config.description, locale),
+            onChange: (event) => {
+              if (event.target.value === "") {
+                const { description: _removed, ...rest } = config;
+                onChange(rest);
+              } else
+                setConfig({
+                  description: updateUniversalText(config.description, locale, event.target.value)
+                });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Theme preset",
+        " ",
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: THEME_PRESETS.find((preset) => JSON.stringify(preset.theme) === JSON.stringify(theme))?.id ?? "custom",
+            onChange: (event) => {
+              const preset = THEME_PRESETS.find((item) => item.id === event.target.value);
+              if (preset !== void 0) setConfig({ theme: preset.theme });
+            },
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "custom", children: "custom" }),
+              THEME_PRESETS.map((preset) => /* @__PURE__ */ jsx("option", { value: preset.id, children: resolveLocalizedText(preset.name, locale) }, preset.id))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Primary color",
+        " ",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "color",
+            value: theme.primaryColor,
+            onChange: (event) => setConfig({ theme: { ...theme, primaryColor: event.target.value } })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Font family",
+        " ",
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: theme.fontFamily ?? "serif",
+            onChange: (event) => setConfig({
+              theme: {
+                ...theme,
+                fontFamily: event.target.value
+              }
+            }),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "system-ui", children: "system-ui" }),
+              /* @__PURE__ */ jsx("option", { value: "serif", children: "serif" }),
+              /* @__PURE__ */ jsx("option", { value: "rounded-sans", children: "rounded-sans" }),
+              /* @__PURE__ */ jsx("option", { value: "monospace", children: "monospace" }),
+              /* @__PURE__ */ jsx("option", { value: "handwritten", children: "handwritten" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Universal spots", children: [
+      /* @__PURE__ */ jsx("h2", { children: "Spots" }),
+      spots.map((spot, index) => /* @__PURE__ */ jsx(
+        UniversalSpotForm,
+        {
+          spot,
+          spots,
+          onChange: (next) => setConfig({
+            spots: spots.map(
+              (item, itemIndex) => itemIndex === index ? { ...next, orderIndex: next.orderIndex } : item
+            )
+          }),
+          onMoveUp: () => {
+            if (index === 0) return;
+            const current = spots[index];
+            const previous = spots[index - 1];
+            if (current === void 0 || previous === void 0) return;
+            const reordered = spots.map(
+              (item, itemIndex) => itemIndex === index - 1 ? { ...current, orderIndex: index - 1 } : itemIndex === index ? { ...previous, orderIndex: index } : item
+            );
+            setConfig({ spots: reordered });
+          },
+          onMoveDown: () => {
+            if (index === spots.length - 1) return;
+            const current = spots[index];
+            const next = spots[index + 1];
+            if (current === void 0 || next === void 0) return;
+            const reordered = spots.map(
+              (item, itemIndex) => itemIndex === index ? { ...next, orderIndex: index } : itemIndex === index + 1 ? { ...current, orderIndex: index + 1 } : item
+            );
+            setConfig({ spots: reordered });
+          },
+          onDelete: () => setConfig({
+            spots: spots.filter((_, itemIndex) => itemIndex !== index).map((item, itemIndex) => ({ ...item, orderIndex: itemIndex }))
+          })
+        },
+        spot.id
+      )),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setConfig({ spots: [...spots, defaultUniversalSpot(spots.length)] }),
+          children: "Add spot"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Universal rewards", children: [
+      /* @__PURE__ */ jsx("h2", { children: "Rewards" }),
+      rewards.map((reward, index) => /* @__PURE__ */ jsx(
+        UniversalRewardForm,
+        {
+          reward,
+          spots,
+          onChange: (next) => setConfig({
+            rewards: rewards.map((item, itemIndex) => itemIndex === index ? next : item)
+          }),
+          onDelete: () => setConfig({ rewards: rewards.filter((_, itemIndex) => itemIndex !== index) })
+        },
+        reward.id
+      )),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setConfig({ rewards: [...rewards, defaultUniversalReward(rewards.length)] }),
+          children: "Add reward"
+        }
+      )
+    ] })
   ] });
 }
 var localePair = (value) => {