@stamprally/admin-ui 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,765 +1,110 @@
-import { toPublicRallyConfig, resolveLocalizedText, THEME_PRESETS, DEFAULT_SHEET_THEME, CURRENT_RALLY_CONFIG_VERSION, stripSensitiveConfig, validateAdminRallyConfig, migrateRallyConfig, validateRallyConfig } from '@stamprally/core';
+import { resolveLocalizedText } from '@stamprally/core';
 import { useState } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } 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.");
-    }
-  };
-  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(
-      "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 })
-  ] });
-}
-var localePair = (value) => {
-  if (typeof value === "string") return { ja: value, en: "" };
-  const result = {};
-  for (const [key, text] of Object.entries(value ?? {})) {
-    if (text !== void 0) result[key] = text;
-  }
-  return result;
-};
-function updateText(value, locale, next) {
-  const current = localePair(value);
-  return { ...current, [locale]: next };
-}
-function GeneralSettingsForm({
+var condition = () => ({ type: "passcode", code: "" });
+var newSpot = (index) => ({
+  id: `spot-${index + 1}`,
+  orderIndex: index,
+  name: `Spot ${index + 1}`,
+  conditions: [condition()]
+});
+var newReward = (index) => ({
+  id: `reward-${index + 1}`,
+  title: `Reward ${index + 1}`,
+  type: "digital",
+  redemptionMethod: "server_claim",
+  requiredStampCount: index + 1
+});
+function AdminRallyEditor({
   config,
-  locale = "ja",
-  onChange
-}) {
-  const pair = localePair(config.title);
-  return /* @__PURE__ */ jsxs("fieldset", { className: "stamprally-admin-card", children: [
-    /* @__PURE__ */ jsx("legend", { children: "General settings" }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "ID ",
-      /* @__PURE__ */ jsx("input", { value: config.id, readOnly: true })
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Title (",
-      locale,
-      ")",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: pair[locale],
-          required: true,
-          onChange: (event) => onChange({ ...config, title: updateText(config.title, locale, event.target.value) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Start date",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "datetime-local",
-          value: config.startDate?.slice(0, 16) ?? "",
-          onChange: (event) => {
-            if (event.target.value === "") {
-              const { startDate: _startDate, ...rest } = config;
-              onChange(rest);
-            } else onChange({ ...config, startDate: new Date(event.target.value).toISOString() });
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "End date",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "datetime-local",
-          value: config.endDate?.slice(0, 16) ?? "",
-          onChange: (event) => {
-            if (event.target.value === "") {
-              const { endDate: _endDate, ...rest } = config;
-              onChange(rest);
-            } else onChange({ ...config, endDate: new Date(event.target.value).toISOString() });
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: config.isSequential === true,
-          onChange: (event) => onChange({ ...config, isSequential: event.target.checked })
-        }
-      ),
-      " ",
-      "Sequential check-in"
-    ] })
-  ] });
-}
-function ConditionEditor({ condition, onChange }) {
-  const type = condition.type;
-  return /* @__PURE__ */ jsxs("fieldset", { className: "stamprally-admin-card", children: [
-    /* @__PURE__ */ jsx("legend", { children: "Check-in condition" }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Type",
-      " ",
-      /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: type,
-          onChange: (event) => {
-            const next = event.target.value;
-            if (next === "token") onChange({ type: "token", token: "" });
-            else if (next === "geo")
-              onChange({ type: "geo", latitude: 0, longitude: 0, radiusMeters: 100 });
-            else onChange({ type: "instant" });
-          },
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "instant", children: "Instant" }),
-            /* @__PURE__ */ jsx("option", { value: "token", children: "QR / passcode" }),
-            /* @__PURE__ */ jsx("option", { value: "geo", children: "GPS" })
-          ]
-        }
-      )
-    ] }),
-    condition.type === "token" && /* @__PURE__ */ jsxs("label", { children: [
-      "Token",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: condition.token,
-          onChange: (event) => onChange({ ...condition, token: event.target.value })
-        }
-      )
-    ] }),
-    condition.type === "geo" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Latitude",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: -90,
-            max: 90,
-            value: condition.latitude,
-            onChange: (event) => onChange({ ...condition, latitude: Number(event.target.value) })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Longitude",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: -180,
-            max: 180,
-            value: condition.longitude,
-            onChange: (event) => onChange({ ...condition, longitude: Number(event.target.value) })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Radius (m)",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: 1,
-            value: condition.radiusMeters,
-            onChange: (event) => onChange({ ...condition, radiusMeters: Number(event.target.value) })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function SpotItemForm({
-  spot,
-  index = 0,
-  locale = "ja",
   onChange,
-  onDelete
+  locale = "en"
 }) {
-  const pair = localePair(spot.name);
-  const setField = (field, event) => {
-    if (event.target.value === "") {
-      const { [field]: _removed, ...rest } = spot;
-      onChange(rest);
-    } else onChange({ ...spot, [field]: event.target.value });
-  };
-  return /* @__PURE__ */ jsxs("article", { className: "stamprally-admin-card", children: [
-    /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsxs("strong", { children: [
-        "Spot ",
-        index + 1
-      ] }),
-      onDelete !== void 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: onDelete, children: "Delete" })
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "ID",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: spot.id,
-          onChange: (event) => onChange({ ...spot, id: event.target.value })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Name (",
-      locale,
-      ")",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: pair[locale],
-          required: true,
-          onChange: (event) => onChange({ ...spot, name: updateText(spot.name, locale, event.target.value) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Description (",
-      locale,
-      ")",
-      " ",
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          value: resolveLocalizedText(spot.description, locale),
-          onChange: (event) => onChange({
-            ...spot,
-            description: updateText(spot.description, locale, event.target.value)
-          })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Hint (",
-      locale,
-      ")",
-      " ",
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          value: resolveLocalizedText(spot.hint, locale),
-          onChange: (event) => onChange({ ...spot, hint: updateText(spot.hint, locale, event.target.value) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Order index",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "number",
-          value: spot.orderIndex ?? spot.order ?? index + 1,
-          onChange: (event) => onChange({ ...spot, orderIndex: Number(event.target.value) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Icon URL",
-      " ",
-      /* @__PURE__ */ jsx("input", { value: spot.iconUrl ?? "", onChange: (event) => setField("iconUrl", event) })
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Image URL",
-      " ",
-      /* @__PURE__ */ jsx("input", { value: spot.imageUrl ?? "", onChange: (event) => setField("imageUrl", event) })
-    ] }),
+  const update = (next) => onChange({ ...config, ...next });
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Rally editor", children: [
+    /* @__PURE__ */ jsx("h1", { children: resolveLocalizedText(config.title, locale) }),
     /* @__PURE__ */ jsxs("label", { children: [
-      "External URL",
-      " ",
+      "Title",
       /* @__PURE__ */ jsx(
         "input",
         {
-          value: spot.externalUrl ?? "",
-          onChange: (event) => setField("externalUrl", event)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Redirect URL after claim",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: spot.redirectUrlAfterClaim ?? "",
-          onChange: (event) => setField("redirectUrlAfterClaim", event)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Prerequisites (comma-separated stamp IDs)",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: (spot.requiresStampIds ?? spot.dependsOn ?? []).join(", "),
-          onChange: (event) => {
-            const ids = event.target.value.split(",").map((item) => item.trim()).filter(Boolean);
-            if (ids.length === 0) {
-              const { requiresStampIds: _requiresStampIds, ...rest } = spot;
-              onChange(rest);
-            } else onChange({ ...spot, requiresStampIds: ids });
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Metadata (JSON)",
-      " ",
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          value: JSON.stringify(spot.metadata ?? {}, null, 2),
-          onChange: (event) => {
-            try {
-              const parsed = JSON.parse(event.target.value);
-              if (typeof parsed === "object" && parsed !== null && !Array.isArray(parsed)) {
-                onChange({ ...spot, metadata: parsed });
-              }
-            } catch {
-            }
-          }
+          value: resolveLocalizedText(config.title, locale),
+          onChange: (event) => update({ title: event.target.value })
         }
       )
     ] }),
     /* @__PURE__ */ jsx(
-      ConditionEditor,
-      {
-        condition: spot.condition,
-        onChange: (condition) => onChange({ ...spot, condition }),
-        locale
-      }
-    )
-  ] });
-}
-function SpotListEditor({
-  spots,
-  locale = "ja",
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs("section", { "aria-label": "Spots", children: [
-    /* @__PURE__ */ jsx("h2", { children: "Spots" }),
-    spots.map((spot, index) => /* @__PURE__ */ jsx(
-      SpotItemForm,
-      {
-        spot,
-        index,
-        locale,
-        onChange: (next) => onChange(spots.map((item, itemIndex) => itemIndex === index ? next : item)),
-        onDelete: () => onChange(spots.filter((_, itemIndex) => itemIndex !== index))
-      },
-      spot.id
-    ))
-  ] });
-}
-function RewardListEditor({
-  rewards,
-  locale = "ja",
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs("section", { "aria-label": "Rewards", children: [
-    /* @__PURE__ */ jsx("h2", { children: "Rewards" }),
-    rewards.map((reward, index) => /* @__PURE__ */ jsxs("article", { className: "stamprally-admin-card", children: [
-      /* @__PURE__ */ jsxs("label", { children: [
-        "ID",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: reward.id,
-            onChange: (event) => onChange(
-              rewards.map(
-                (item, itemIndex) => itemIndex === index ? { ...item, id: event.target.value } : item
-              )
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Title (",
-        locale,
-        ")",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: resolveLocalizedText(reward.title, locale),
-            onChange: (event) => onChange(
-              rewards.map(
-                (item, itemIndex) => itemIndex === index ? { ...item, title: updateText(item.title, locale, event.target.value) } : item
-              )
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Description (",
-        locale,
-        ")",
-        " ",
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            value: resolveLocalizedText(reward.description, locale),
-            onChange: (event) => onChange(
-              rewards.map(
-                (item, itemIndex) => itemIndex === index ? {
-                  ...item,
-                  description: updateText(item.description, locale, event.target.value)
-                } : item
-              )
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Required stamps",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: 0,
-            value: reward.requiredStampCount,
-            onChange: (event) => onChange(
-              rewards.map(
-                (item, itemIndex) => itemIndex === index ? { ...item, requiredStampCount: Number(event.target.value) } : item
-              )
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Valid until",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "datetime-local",
-            value: reward.validUntil?.slice(0, 16) ?? "",
-            onChange: (event) => onChange(
-              rewards.map((item, itemIndex) => {
-                if (itemIndex !== index) return item;
-                if (event.target.value === "") {
-                  const { validUntil: _validUntil, ...rest } = item;
-                  return rest;
-                }
-                return { ...item, validUntil: new Date(event.target.value).toISOString() };
-              })
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Stock limit",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: 1,
-            value: reward.stockLimit ?? reward.maxStock ?? "",
-            onChange: (event) => onChange(
-              rewards.map((item, itemIndex) => {
-                if (itemIndex !== index) return item;
-                if (event.target.value === "") {
-                  const { stockLimit: _stockLimit, ...rest } = item;
-                  return rest;
-                }
-                return { ...item, stockLimit: Number(event.target.value) };
-              })
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "User claim limit",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: 1,
-            value: reward.userClaimLimit ?? reward.limitPerUser ?? "",
-            onChange: (event) => onChange(
-              rewards.map((item, itemIndex) => {
-                if (itemIndex !== index) return item;
-                if (event.target.value === "") {
-                  const { userClaimLimit: _userClaimLimit, ...rest } = item;
-                  return rest;
-                }
-                return { ...item, userClaimLimit: Number(event.target.value) };
-              })
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Redemption method",
-        " ",
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: reward.redemptionMethod,
-            onChange: (event) => onChange(
-              rewards.map(
-                (item, itemIndex) => itemIndex === index ? {
-                  ...item,
-                  redemptionMethod: event.target.value
-                } : item
-              )
-            ),
-            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" })
-            ]
-          }
-        )
-      ] }),
-      reward.redemptionMethod === "staff_passcode" && /* @__PURE__ */ jsxs("label", { children: [
-        "Staff passcode",
-        " ",
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "password",
-            value: reward.staffPasscode ?? "",
-            onChange: (event) => onChange(
-              rewards.map(
-                (item, itemIndex) => itemIndex === index ? { ...item, staffPasscode: event.target.value } : item
-              )
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "Conditions (JSON)",
-        " ",
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            value: JSON.stringify(reward.conditions ?? [], null, 2),
-            onChange: (event) => {
-              try {
-                const parsed = JSON.parse(event.target.value);
-                if (Array.isArray(parsed)) {
-                  onChange(
-                    rewards.map(
-                      (item, itemIndex) => itemIndex === index ? { ...item, conditions: parsed } : item
-                    )
-                  );
-                }
-              } catch {
-              }
-            }
-          }
-        )
-      ] })
-    ] }, reward.id))
-  ] });
-}
-function ThemePresetSelector({ value, locale = "ja", onChange }) {
-  const selected = THEME_PRESETS.find((preset) => JSON.stringify(preset.theme) === JSON.stringify(value))?.id ?? "custom";
-  return /* @__PURE__ */ jsxs("label", { children: [
-    "Theme preset",
-    " ",
-    /* @__PURE__ */ jsxs(
-      "select",
+      "button",
       {
-        value: selected,
-        onChange: (event) => {
-          const preset = THEME_PRESETS.find((item) => item.id === event.target.value);
-          if (preset !== void 0) onChange(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))
-        ]
-      }
-    )
-  ] });
-}
-function ThemeEditor({
-  theme = DEFAULT_SHEET_THEME,
-  locale = "ja",
-  onChange
-}) {
-  const update = (field, value) => onChange({ ...theme, [field]: value });
-  return /* @__PURE__ */ jsxs("fieldset", { className: "stamprally-admin-card", children: [
-    /* @__PURE__ */ jsx("legend", { children: "Theme" }),
-    /* @__PURE__ */ jsx(ThemePresetSelector, { value: theme, locale, onChange }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Primary color",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "color",
-          value: theme.primaryColor,
-          onChange: (event) => update("primaryColor", event.target.value)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { children: [
-      "Grid columns",
-      " ",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "number",
-          min: 1,
-          max: 6,
-          value: theme.gridColumns,
-          onChange: (event) => update("gridColumns", Number(event.target.value))
-        }
-      )
-    ] })
-  ] });
-}
-function QrExportModal({
-  open,
-  config,
-  locale = "ja",
-  onClose
-}) {
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { role: "dialog", "aria-modal": "true", className: "stamprally-qr-modal", children: [
-    /* @__PURE__ */ jsxs("div", { className: "stamprally-qr-modal__toolbar", children: [
-      /* @__PURE__ */ jsx("h2", { children: "QR print kit" }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => window.print(), children: "Print" }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, children: "Close" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "stamprally-qr-modal__grid", children: config.stamps.map((spot) => /* @__PURE__ */ jsxs("article", { children: [
-      /* @__PURE__ */ jsx("h3", { children: resolveLocalizedText(spot.name, locale) }),
-      /* @__PURE__ */ jsx("pre", { children: JSON.stringify({
-        version: CURRENT_RALLY_CONFIG_VERSION,
-        rallyId: config.id,
-        stampId: spot.id
-      }) })
-    ] }, spot.id)) })
-  ] });
-}
-function JsonConfigIO({
-  config,
-  onImport
-}) {
-  const [value, setValue] = useState(() => JSON.stringify(stripSensitiveConfig(config), null, 2));
-  const [error, setError] = useState(null);
-  const importConfig = () => {
-    try {
-      const migrated = migrateRallyConfig(JSON.parse(value));
-      const validation = validateRallyConfig(migrated);
-      if (!validation.valid) {
-        setError(validation.errors.map((item) => `${item.path}: ${item.message}`).join(" "));
-        return;
+        type: "button",
+        onClick: () => update({ spots: [...config.spots, newSpot(config.spots.length)] }),
+        children: "Add spot"
       }
-      onImport(migrated);
-      setError(null);
-    } catch {
-      setError("Invalid rally JSON.");
-    }
-  };
-  return /* @__PURE__ */ jsxs("section", { className: "stamprally-admin-card", "aria-label": "JSON configuration", children: [
-    /* @__PURE__ */ jsx("textarea", { value, onChange: (event) => setValue(event.target.value) }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: importConfig, children: "Import and migrate" }),
+    ),
     /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: () => navigator.clipboard?.writeText(JSON.stringify(stripSensitiveConfig(config), null, 2)),
-        children: "Copy public JSON"
+        onClick: () => update({ rewards: [...config.rewards, newReward(config.rewards.length)] }),
+        children: "Add reward"
       }
     ),
-    error !== null && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+    /* @__PURE__ */ jsx("ul", { children: config.spots.map((spot) => /* @__PURE__ */ jsx("li", { children: resolveLocalizedText(spot.name, locale) }, spot.id)) })
   ] });
 }
-function RallyEditor({
-  config,
-  locale = "ja",
+var RallyEditor = AdminRallyEditor;
+function SpotItemForm({
+  spot,
   onChange
 }) {
-  const [showQr, setShowQr] = useState(false);
-  return /* @__PURE__ */ jsxs("main", { className: "stamprally-admin", children: [
-    /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsx("h1", { children: resolveLocalizedText(config.title, locale) || config.id }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setShowQr(true), children: "QR export" })
-    ] }),
-    /* @__PURE__ */ jsx(GeneralSettingsForm, { config, locale, onChange }),
-    config.theme === void 0 ? /* @__PURE__ */ jsx(ThemeEditor, { locale, onChange: (theme) => onChange({ ...config, theme }) }) : /* @__PURE__ */ jsx(
-      ThemeEditor,
-      {
-        theme: config.theme,
-        locale,
-        onChange: (theme) => onChange({ ...config, theme })
-      }
-    ),
+  return /* @__PURE__ */ jsxs("label", { children: [
+    "Spot name",
     /* @__PURE__ */ jsx(
-      SpotListEditor,
+      "input",
       {
-        spots: config.stamps,
-        locale,
-        onChange: (stamps) => onChange({ ...config, stamps })
+        value: resolveLocalizedText(spot.name, "en"),
+        onChange: (event) => onChange({ ...spot, name: event.target.value })
       }
-    ),
+    )
+  ] });
+}
+function GeneralSettingsForm({ config, onChange }) {
+  return /* @__PURE__ */ jsxs("label", { children: [
+    "Rally title",
     /* @__PURE__ */ jsx(
-      RewardListEditor,
+      "input",
       {
-        rewards: config.rewards ?? [],
-        locale,
-        onChange: (rewards) => onChange({ ...config, rewards })
+        value: resolveLocalizedText(config.title, "en"),
+        onChange: (event) => onChange({ ...config, title: event.target.value })
       }
-    ),
-    /* @__PURE__ */ jsx(JsonConfigIO, { config, onImport: onChange }),
+    )
+  ] });
+}
+function JsonConfigIO({ config, onImport }) {
+  const [value, setValue] = useState(() => JSON.stringify(config, null, 2));
+  const parse = (event) => {
+    setValue(event.target.value);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("textarea", { value, onChange: parse }),
     /* @__PURE__ */ jsx(
-      QrExportModal,
+      "button",
       {
-        open: showQr,
-        config,
-        locale,
-        onClose: () => setShowQr(false)
+        type: "button",
+        onClick: () => {
+          try {
+            onImport(JSON.parse(value));
+          } catch {
+          }
+        },
+        children: "Import"
       }
     )
   ] });
 }
 
-export { AdminRallyEditor, ConditionEditor, GeneralSettingsForm, JsonConfigIO, QrExportModal, RallyEditor, RewardListEditor, SpotItemForm, SpotListEditor, ThemeEditor, ThemePresetSelector };
+export { AdminRallyEditor, GeneralSettingsForm, JsonConfigIO, RallyEditor, SpotItemForm };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map