@webx-ui/module-tariffs 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 webx-ui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,73 @@
+# @webx-ui/module-tariffs
+
+The front end of the tariffs section of the [WebX UI](https://github.com/webx-ui/webx-ui) admin
+panel: price cards — a name, a badge, a price in a currency of the site's list with a period, or
+words instead of a price, the lines of what the plan includes, a description, one button and the
+«recommended» mark — gathered into groups and, when the site has services, linked to them.
+
+The other half is the Composer package `webx-ui/module-tariffs`, which owns the tariffs, their
+groups and orders, the Tariffs block, `tariffs()` for templates and the API. A section appears in
+the panel when both halves are installed.
+
+## Install
+
+```bash
+npm install @webx-ui/module-tariffs
+```
+
+```ts
+import { createAdmin } from '@webx-ui/module-admin'
+import { tariffs } from '@webx-ui/module-tariffs'
+import '@webx-ui/module-tariffs/style.css'
+
+createAdmin({
+  basePath: '/cms',
+  modules: [...tariffs()],
+}).mount()
+```
+
+`tariffs()` is **two** sections — **Tariffs** and **Groups** — in a menu group of their own, so it
+is spread into the list. `tariffs({ path: '/pricing' })` puts both somewhere else inside the panel;
+the groups always sit under the tariffs (`/pricing/groups`).
+
+On the server, the block type the module offers is installed once:
+
+```bash
+php artisan webx:blocks:offered --install --module=tariffs
+```
+
+## The tariffs
+
+A list and the form of one tariff side by side, without pages: the list is where tariffs are put in
+order, and a drag cannot cross a page boundary. The open tariff is in the address (`?tariff=7`), so
+a link to it is a link to the list around it too. **New tariff** is a row that opens an empty form;
+the tariff is created by its first save. On a phone the form slides over the list and draws its own
+«Back».
+
+A row shows the name, the price in one line («$750 /mo», or the words instead of a number), a star
+at the recommended one and a mark when it is not published. The list narrows to a group — and then
+a drag is that group's own order, the whole list keeps its own — to words, or to the bin. While a
+search narrows the list, the grips disappear. The bin lists what was deleted, newest first, and
+brings it back to its places.
+
+The form is the `tariffs.form` screen, described in JSON on the server: the name and the badge,
+**Recommended**, the price with its currency, period and words instead of a number, the lines of
+what is included, the description, the button (a label, a link and a look from the site's list),
+the groups, the services — only on a site that has them — **Published** and a card for the
+project's own fields. Save with the button or `Ctrl+S`; leaving with unsaved changes asks first. A
+tariff has no draft: a save is on the site.
+
+**Groups** are the panel's shared category screens with this module's words: a title, **Shown on
+the site**, the order by drag.
+
+`priceLine()` is the one line of the list, exported for a project that draws tariffs elsewhere in
+the panel.
+
+## Words
+
+The panel's words come from the server (`webx-tariffs::*`, ten languages). `tariffsMessages` is the
+English floor the section falls back on while they load, or when a key is missing.
+
+## License
+
+MIT

package/dist/TariffPane.d.ts

@@ -0,0 +1,24 @@
+import { TariffSummary } from './types';
+type __VLS_Props = {
+    /** `null` — a tariff not written yet. */
+    id: number | null;
+    /** The group the list is narrowed to: a new tariff starts in it. */
+    category?: number | null;
+    /** False in the drawer a narrow screen opens this in. */
+    inline?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    saved: (tariff: TariffSummary) => any;
+    back: () => any;
+    created: (tariff: TariffSummary) => any;
+    removed: (id: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSaved?: ((tariff: TariffSummary) => any) | undefined;
+    onBack?: (() => any) | undefined;
+    onCreated?: ((tariff: TariffSummary) => any) | undefined;
+    onRemoved?: ((id: number) => any) | undefined;
+}>, {
+    category: number | null;
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/TariffsPage.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The tariffs: all of them on the left, the one being written on the right (§5.2).
+ *
+ * The shape of the reviews, for the same reason: a price card is short, and the one next to edit
+ * is usually the one beside it — "Growth" is priced against "Starter". On a phone the form is the
+ * whole screen, in the drawer `WxListDetail` raises, and draws its own way back.
+ *
+ * Two orders, as with the reviews: without a filter a drag moves the common order; narrowed to
+ * one group, the group's own; a search or the bin shows a selection, so the grips go away and the
+ * line under the list says why. The query keeps the shared code's name, `category` (decision 14).
+ *
+ * Everything the screen is looking at lives in the address — the view, the group, the search and
+ * the open tariff — so a link to a tariff is a link to it in its list.
+ */
+type __VLS_Props = {
+    base?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    base: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/api.d.ts

@@ -0,0 +1,26 @@
+import { AdminContext } from '@webx-ui/module-admin';
+import { ScreenModel } from '@webx-ui/schema';
+import { TariffDetail, TariffQuery, TariffRow, TariffsList } from './types';
+export interface TariffsApi {
+    /** Every tariff, with the groups the list can be narrowed to. */
+    list(query?: TariffQuery): Promise<TariffsList>;
+    get(id: number): Promise<TariffDetail>;
+    /**
+     * A new tariff out of the values of its form, in one request: the form is filled in first and
+     * the record made on the first save, so nobody leaves an empty card behind.
+     */
+    create(values: ScreenModel): Promise<TariffDetail>;
+    /** Refused with a 422 under the name of the field — a line of the list under `features.<n>.text`. */
+    save(id: number, values: ScreenModel): Promise<TariffDetail>;
+    remove(id: number): Promise<void>;
+    restore(id: number): Promise<TariffRow>;
+    /** The order on screen: of the whole list, or — with `category` — of that group alone. */
+    reorder(ids: number[], category?: number | null): Promise<void>;
+}
+/** The path of the list under the panel's API, and of its order (`CategoryRoutes::items()`). */
+export declare const TARIFFS_API = "tariffs";
+/**
+ * Everything under `/tariffs`, below the panel's API path — except the groups, which are the
+ * panel's shared categories and are asked for with `createCategoriesApi(admin, 'tariffs/categories')`.
+ */
+export declare function createTariffsApi(admin: AdminContext): TariffsApi;

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+/** Puts this package's English under the panel's dictionary, once per panel. */
+export declare function useTariffsMessages(): void;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { tariffs, tariffGroupsOptions, type TariffsOptions } from './module';
+export { createTariffsApi, TARIFFS_API, type TariffsApi } from './api';
+export { tariffsMessages } from './messages';
+export { priceLine } from './price';
+export { default as WxTariffsPage } from './TariffsPage';
+export { default as WxTariffPane } from './TariffPane';
+export type { TariffDetail, TariffGroupRef, TariffQuery, TariffRow, TariffsList, TariffSummary, } from './types';

package/dist/index.js

@@ -0,0 +1,694 @@
+import { reorderItems as me, useAdmin as ee, useTranslate as oe, useErrorText as ne, WxScreenHead as ye, WxScreen as be, WxSaveState as we, useItemOrder as xe, WxListScreen as _e, WxRowMenu as ke, categoryRoutes as Te } from "@webx-ui/module-admin";
+import { defineComponent as le, ref as S, computed as v, onMounted as Se, onBeforeUnmount as fe, openBlock as p, createElementBlock as A, createBlock as k, unref as a, Fragment as Q, createVNode as b, createSlots as We, withCtx as g, createTextVNode as O, toDisplayString as C, createCommentVNode as B, watch as re, createElementVNode as D, normalizeClass as H, resolveDynamicComponent as qe, renderList as Ne } from "vue";
+import { onBeforeRouteUpdate as $e, onBeforeRouteLeave as Be, useRoute as Ce, useRouter as Le } from "vue-router";
+import { useLocales as Ae, localizedValue as Pe, WxSkeleton as ue, WxBadge as X, WxActionBar as Re, WxButton as Ve, toast as x, confirm as Y, WxCard as De, WxListDetail as Ie, WxEmpty as ie, WxInput as Ue, WxIcon as j, WxSelect as ze, WxSortableList as Oe, WxAlert as Me } from "@webx-ui/core";
+const Z = "tariffs";
+function ce(s) {
+  const l = `${s.apiPath}/${Z}`, n = (t) => t.data;
+  return {
+    list: (t = {}) => {
+      const u = new URLSearchParams();
+      return t.search && u.set("search", t.search), t.category != null && u.set("category", String(t.category)), t.trashed && u.set("trashed", "1"), s.http.get(u.size > 0 ? `${l}?${u}` : l);
+    },
+    get: (t) => s.http.get(`${l}/${t}`).then(n),
+    create: (t) => s.http.post(l, { values: t }).then(n),
+    save: (t, u) => s.http.put(`${l}/${t}`, { values: u }).then(n),
+    remove: (t) => s.http.delete(`${l}/${t}`).then(() => {
+    }),
+    // The resource of the list line, and not the form's pair: a restored tariff stays closed.
+    restore: (t) => s.http.post(`${l}/${t}/restore`, {}).then(n),
+    reorder: (t, u = null) => me(s, Z, t, u)
+  };
+}
+const Ee = {
+  module: {
+    group: "Tariffs",
+    tariffs: "Tariffs",
+    groups: "Groups"
+  },
+  tariff: {
+    new: "New tariff",
+    untitled: "Untitled",
+    search: "Search the tariffs",
+    empty: "No tariffs yet.",
+    "empty-help": "A tariff reaches the site in a tariffs block, on any page.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    all: "All",
+    trashed: "Bin",
+    "filter-category": "Group",
+    "any-category": "Any group",
+    "not-published": "Not published",
+    featured: "Recommended",
+    "no-price": "No price",
+    order: "Drag to change the order of the cards on the site.",
+    choose: "Choose a tariff",
+    "choose-help": "Or add a new one: the first line of the list.",
+    save: "Save",
+    saved: "The tariff is saved.",
+    "save-failed": "The tariff was not saved.",
+    cancel: "Cancel",
+    delete: "Delete",
+    "delete-title": "Delete the tariff “:name”?",
+    "delete-text": "It goes to the bin and leaves every block on the site. Restored, it comes back to its places.",
+    deleted: "The tariff is in the bin.",
+    restore: "Restore",
+    restored: "The tariff is back.",
+    "reorder-failed": "The new order was not saved.",
+    "order-group": "Drag to change the order inside this group. The rest of the list keeps its own.",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What you changed in this tariff is not on the server.",
+    leave: "Leave",
+    back: "Back to the list"
+  },
+  screen: {
+    tariff: "Tariff",
+    name: "Name",
+    "name-help": "Required in the default language. Not written in another one, it is shown as written in the default one.",
+    badge: "Badge",
+    "badge-help": "A short line over the name: “30 HOURS / 25$”.",
+    featured: "Recommended",
+    "featured-help": "The card stands out among the others.",
+    pricing: "Price",
+    price: "Price",
+    "price-help": "A number, up to two digits after the point. Empty — the words below are shown instead.",
+    currency: "Currency",
+    "currency-help": "The list comes from the site’s settings.",
+    "currency-placeholder": "Choose a currency",
+    period: "Period",
+    "period-help": "Printed after the price: “/mo”, “a year”.",
+    "price-text": "Price in words",
+    "price-text-help": "Printed when there is no price: “On request”, “Custom”.",
+    features: "What is included",
+    "features-help": "A line not written in a language is left out of the list in that language.",
+    "features-add": "Add a line",
+    "features-empty": "No lines yet.",
+    feature: "Line",
+    about: "Description",
+    description: "Description",
+    "description-help": "Shown only in the languages it is written in.",
+    button: "Button",
+    "button-label": "Label",
+    "button-label-help": "Without a label in a language, the card has no button in it.",
+    "button-link": "Link",
+    "button-link-help": "A page of the site or an address. A draft or a page in the bin hides the button.",
+    "button-variant": "Look",
+    "button-variant-placeholder": "Choose a look",
+    settings: "Settings",
+    categories: "Groups",
+    "categories-help": "What a block picks the tariff by, and the tabs of a page of prices.",
+    "categories-add": "Add to a group",
+    "categories-empty": "In no group yet.",
+    services: "Services",
+    "services-help": "The services this tariff is for: a tariffs block on a service’s page can show only its own.",
+    published: "Published",
+    "published-help": "On the site in every block that shows its groups, from the moment it is saved."
+  },
+  category: {
+    "field-title": "Title",
+    visible: "Shown on the site",
+    "visible-help": "Hidden, it drops out of every page of prices; its tariffs stay in the blocks that show them.",
+    new: "New group",
+    empty: "No groups yet.",
+    "empty-help": "A group gathers tariffs — for individuals, for business: a block shows the ones you pick, and a page of prices can show each group as a tab.",
+    order: "Drag to change the order of the groups on the site.",
+    hidden: "Hidden from the site",
+    tariffs: "Tariffs: :count",
+    "show-tariffs": "Show its tariffs",
+    "delete-blocked": "This group still holds tariffs. Move them first.",
+    "delete-text": "It goes to the bin and leaves every page of prices. Its tariffs stay.",
+    deleted: "The group is in the bin.",
+    saved: "The group is saved."
+  }
+}, se = /* @__PURE__ */ new WeakSet();
+function de() {
+  try {
+    const { i18n: s } = ee();
+    se.has(s) || (s.defaults("webx-tariffs", Ee), se.add(s));
+  } catch {
+  }
+}
+function Fe(s, l) {
+  if (s.price === null || s.price === void 0) return (s.price_text ?? "").trim();
+  const n = Number.isInteger(s.price), t = new Intl.NumberFormat(l, {
+    minimumFractionDigits: n ? 0 : 2,
+    maximumFractionDigits: n ? 0 : 2
+  }).format(s.price), u = s.symbol ?? s.currency ?? "", r = (s.period ?? "").trim();
+  return [`${u}${t}`, r].filter((q) => q !== "").join(" ");
+}
+const Ge = /* @__PURE__ */ le({
+  name: "WxTariffPane",
+  __name: "TariffPane",
+  props: {
+    id: {},
+    category: { default: null },
+    inline: { type: Boolean, default: !0 }
+  },
+  emits: ["back", "saved", "created", "removed"],
+  setup(s, { emit: l }) {
+    const n = s, t = l, u = ee(), r = ce(u), q = Ae();
+    de();
+    const f = oe("webx-tariffs"), P = ne(), _ = S(null), m = S({}), L = S(""), N = S(n.id !== null), c = S(!1), W = S({}), w = v(() => u.can("tariffs.manage")), R = v(() => JSON.stringify(m.value)), y = v(() => L.value !== "" && R.value !== L.value), M = v(() => c.value ? "saving" : y.value || n.id === null ? "unsaved" : "saved"), J = v(() => {
+      const i = m.value.name, d = n.id === null ? f("tariff.new") : _.value?.name ?? "";
+      return Pe(i, q.active.value, d) || f("tariff.untitled");
+    });
+    function $(i) {
+      _.value = i.tariff, m.value = i.values, L.value = JSON.stringify(i.values);
+    }
+    if (n.id === null) {
+      const i = {
+        name: {},
+        badge: {},
+        price: null,
+        period: {},
+        price_text: {},
+        features: [],
+        description: {},
+        button_label: {},
+        button_link: null,
+        featured: !1,
+        published: !1,
+        categories: n.category === null ? [] : [n.category]
+      };
+      m.value = i, L.value = JSON.stringify(i);
+    }
+    async function E() {
+      if (n.id !== null) {
+        N.value = !0;
+        try {
+          $(await r.get(n.id));
+        } catch (i) {
+          x.danger(P(i)), t("back");
+        } finally {
+          N.value = !1;
+        }
+      }
+    }
+    async function F() {
+      if (!(c.value || !w.value)) {
+        c.value = !0, W.value = {};
+        try {
+          const i = n.id === null, d = i ? await r.create(m.value) : await r.save(n.id, m.value);
+          $(d), x.success(f("tariff.saved")), t(i ? "created" : "saved", d.tariff);
+        } catch (i) {
+          const d = i.body;
+          d?.errors ? (W.value = d.errors, x.danger(f("tariff.save-failed"))) : x.danger(P(i));
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    async function K() {
+      const i = _.value;
+      if (!(!i || !await Y({
+        title: f("tariff.delete-title", { name: i.name }),
+        message: f("tariff.delete-text"),
+        confirmText: f("tariff.delete"),
+        cancelText: f("tariff.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await r.remove(i.id), x.success(f("tariff.deleted")), L.value = R.value, t("removed", i.id);
+        } catch (V) {
+          x.danger(P(V));
+        }
+    }
+    function T(i) {
+      y.value && i.preventDefault();
+    }
+    function I(i) {
+      (i.ctrlKey || i.metaKey) && i.key.toLowerCase() === "s" && (i.preventDefault(), (y.value || n.id === null) && F());
+    }
+    Se(() => {
+      E(), window.addEventListener("beforeunload", T);
+    }), fe(() => {
+      window.removeEventListener("beforeunload", T);
+    });
+    async function G() {
+      return !y.value || !w.value ? !0 : await Y({
+        title: f("tariff.leave-title"),
+        message: f("tariff.leave-text"),
+        confirmText: f("tariff.leave"),
+        cancelText: f("tariff.cancel"),
+        tone: "danger"
+      });
+    }
+    $e(
+      async (i, d) => i.query.tariff === d.query.tariff ? !0 : await G()
+    ), Be(G);
+    const U = v(
+      () => w.value && _.value !== null ? [
+        {
+          key: "delete",
+          label: f("tariff.delete"),
+          icon: "trash",
+          danger: !0,
+          menu: !0,
+          run: () => {
+            K();
+          }
+        }
+      ] : []
+    );
+    return (i, d) => (p(), A("div", {
+      class: "wx-tariff",
+      onKeydown: I
+    }, [
+      N.value ? (p(), k(a(ue), {
+        key: 0,
+        class: "wx-tariff__ghost",
+        title: "",
+        rows: 6
+      })) : (p(), A(Q, { key: 1 }, [
+        b(a(ye), {
+          level: 3,
+          back: !n.inline,
+          "back-label": a(f)("tariff.back"),
+          title: J.value,
+          actions: U.value,
+          "collapse-below": 480,
+          onBack: d[0] || (d[0] = (V) => t("back"))
+        }, We({ _: 2 }, [
+          _.value && !_.value.published ? {
+            name: "title-after",
+            fn: g(() => [
+              b(a(X), { dot: "" }, {
+                default: g(() => [
+                  O(C(a(f)("tariff.not-published")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "actions"]),
+        b(a(be), {
+          modelValue: m.value,
+          "onUpdate:modelValue": d[1] || (d[1] = (V) => m.value = V),
+          name: "tariffs.form",
+          errors: W.value,
+          disabled: !w.value || c.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        w.value ? (p(), k(a(Re), { key: 0 }, {
+          state: g(() => [
+            b(a(we), { state: M.value }, null, 8, ["state"])
+          ]),
+          default: g(() => [
+            b(a(Ve), {
+              type: "primary",
+              loading: c.value,
+              disabled: !y.value && n.id !== null,
+              onClick: F
+            }, {
+              default: g(() => [
+                O(C(a(f)("tariff.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : B("", !0)
+      ], 64))
+    ], 32));
+  }
+}), pe = (s, l) => {
+  const n = s.__vccOpts || s;
+  for (const [t, u] of l)
+    n[t] = u;
+  return n;
+}, He = /* @__PURE__ */ pe(Ge, [["__scopeId", "data-v-2c8988e3"]]), Je = { class: "wx-tariffs__bar" }, Ke = { class: "wx-tariff-row__body" }, je = { class: "wx-tariff-row__who" }, Qe = { class: "wx-tariff-row__name" }, Xe = ["aria-label"], Ye = { class: "wx-tariff-row__facts" }, Ze = {
+  key: 1,
+  class: "wx-tariff-row__badge"
+}, et = /* @__PURE__ */ le({
+  __name: "TariffsPage",
+  props: {
+    base: { default: "/tariffs" }
+  },
+  setup(s) {
+    const l = ee(), n = ce(l), t = Ce(), u = Le();
+    de();
+    const r = oe("webx-tariffs"), q = ne(), f = S([]), P = S([]), _ = S(!0), m = v(() => l.can("tariffs.manage")), L = v(
+      () => l.state.manifest?.modules.find((e) => e.id === "tariffs")?.title ?? r("module.tariffs")
+    ), N = v({
+      get: () => t.query.view === "trashed" ? "trashed" : "",
+      set: (e) => {
+        const h = {
+          ...t.query,
+          view: e === "" ? void 0 : String(e)
+        };
+        delete h.tariff, u.replace({ query: h });
+      }
+    }), c = v(() => N.value === "trashed"), W = v(() => {
+      const e = t.query.category;
+      return typeof e == "string" && e !== "" && Number(e) || null;
+    }), w = v(() => typeof t.query.q == "string" ? t.query.q : ""), R = S(w.value), y = v(() => {
+      const e = t.query.tariff;
+      return e === "new" ? m.value ? "new" : null : typeof e == "string" && e !== "" && Number(e) || null;
+    }), M = v({
+      get: () => y.value !== null,
+      set: (e) => {
+        e || i();
+      }
+    }), J = v(() => [
+      { value: "", label: r("tariff.all") },
+      { value: "trashed", label: r("tariff.trashed"), icon: "trash" }
+    ]), $ = xe(Z, () => ({
+      q: w.value,
+      category: W.value,
+      filtered: c.value
+    })), E = v(() => m.value && $.sortable.value), F = v(() => $.mode.value === "category" ? r("tariff.order-group") : $.mode.value === "all" ? r("tariff.order") : $.hint.value), K = v(() => w.value !== "" ? r("tariff.empty-search") : c.value ? r("tariff.empty-bin") : r("tariff.empty"));
+    async function T() {
+      _.value = !0;
+      try {
+        const e = await n.list({
+          search: w.value,
+          category: c.value ? null : W.value,
+          trashed: c.value
+        });
+        f.value = e.data, P.value = e.filters.categories;
+      } catch (e) {
+        x.danger(q(e));
+      } finally {
+        _.value = !1;
+      }
+    }
+    re(
+      () => [N.value, W.value, w.value],
+      () => {
+        T();
+      }
+    ), T();
+    let I;
+    re(R, (e) => {
+      clearTimeout(I), I = setTimeout(() => {
+        u.replace({ query: { ...t.query, q: e.trim() === "" ? void 0 : e } });
+      }, 300);
+    }), fe(() => clearTimeout(I));
+    function G(e) {
+      u.replace({
+        query: { ...t.query, category: typeof e == "number" ? String(e) : void 0 }
+      });
+    }
+    function U(e) {
+      u.replace({ query: { ...t.query, tariff: String(e) } });
+    }
+    function i() {
+      const e = { ...t.query };
+      delete e.tariff, u.replace({ query: e });
+    }
+    function d(e) {
+      U(e.id), T();
+    }
+    async function V() {
+      try {
+        await $.move(f.value.map((e) => e.id));
+      } catch (e) {
+        x.danger(q(e, r("tariff.reorder-failed"))), await T();
+      }
+    }
+    function ve(e) {
+      return m.value ? c.value ? [
+        {
+          key: "restore",
+          icon: "refresh",
+          label: r("tariff.restore"),
+          run: () => {
+            ge(e);
+          }
+        }
+      ] : [
+        {
+          key: "delete",
+          icon: "trash",
+          label: r("tariff.delete"),
+          danger: !0,
+          run: () => {
+            he(e);
+          }
+        }
+      ] : [];
+    }
+    async function he(e) {
+      if (await Y({
+        title: r("tariff.delete-title", { name: e.name }),
+        message: r("tariff.delete-text"),
+        confirmText: r("tariff.delete"),
+        cancelText: r("tariff.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await n.remove(e.id), x.success(r("tariff.deleted")), te(e.id);
+        } catch (o) {
+          x.danger(q(o));
+        }
+    }
+    function te(e) {
+      y.value === e && i(), T();
+    }
+    async function ge(e) {
+      try {
+        await n.restore(e.id), x.success(r("tariff.restored"));
+      } catch (h) {
+        x.danger(q(h));
+      } finally {
+        await T();
+      }
+    }
+    function ae(e) {
+      return Fe(e, l.i18n.state.locale);
+    }
+    return (e, h) => (p(), k(a(_e), {
+      view: N.value,
+      "onUpdate:view": h[4] || (h[4] = (o) => N.value = o),
+      title: L.value,
+      views: J.value,
+      card: !1
+    }, {
+      default: g(() => [
+        b(a(De), {
+          class: "wx-tariffs",
+          padding: "none"
+        }, {
+          default: g(() => [
+            b(a(Ie), {
+              open: M.value,
+              "onUpdate:open": h[3] || (h[3] = (o) => M.value = o),
+              class: "wx-tariffs__panes",
+              "list-width": 360,
+              "detail-min": 460,
+              "detail-label": a(r)("module.tariffs")
+            }, {
+              list: g(() => [
+                D("div", Je, [
+                  b(a(Ue), {
+                    modelValue: R.value,
+                    "onUpdate:modelValue": h[0] || (h[0] = (o) => R.value = o),
+                    class: "wx-tariffs__search",
+                    size: "sm",
+                    clearable: "",
+                    placeholder: a(r)("tariff.search"),
+                    "aria-label": a(r)("tariff.search")
+                  }, {
+                    prefix: g(() => [
+                      b(a(j), {
+                        name: "search",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "placeholder", "aria-label"]),
+                  c.value ? B("", !0) : (p(), k(a(ze), {
+                    key: 0,
+                    "model-value": W.value,
+                    options: P.value.map((o) => ({ value: o.id, label: o.title })),
+                    placeholder: a(r)("tariff.any-category"),
+                    "aria-label": a(r)("tariff.filter-category"),
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": G
+                  }, null, 8, ["model-value", "options", "placeholder", "aria-label"]))
+                ]),
+                m.value && !c.value ? (p(), A("button", {
+                  key: 0,
+                  type: "button",
+                  class: H(["wx-tariffs__new", { "is-current": y.value === "new" }]),
+                  onClick: h[1] || (h[1] = (o) => U("new"))
+                }, [
+                  b(a(j), {
+                    name: "plus",
+                    size: "sm"
+                  }),
+                  O(" " + C(a(r)("tariff.new")), 1)
+                ], 2)) : B("", !0),
+                _.value && f.value.length === 0 ? (p(), k(a(ue), {
+                  key: 1,
+                  class: "wx-tariffs__loading",
+                  rows: 5
+                })) : f.value.length === 0 ? (p(), k(a(ie), {
+                  key: 2,
+                  title: K.value,
+                  description: !c.value && w.value === "" ? a(r)("tariff.empty-help") : void 0
+                }, null, 8, ["title", "description"])) : (p(), A(Q, { key: 3 }, [
+                  b(a(Oe), {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": h[2] || (h[2] = (o) => f.value = o),
+                    class: H(["wx-tariffs__list", { "is-loading": _.value }]),
+                    plain: "",
+                    "item-key": "id",
+                    handle: E.value ? "grip" : "row",
+                    "item-label": (o) => o.name,
+                    disabled: !E.value,
+                    onMove: V
+                  }, {
+                    default: g(({ item: o }) => [
+                      (p(), k(qe(c.value ? "div" : "button"), {
+                        type: c.value ? void 0 : "button",
+                        class: H(["wx-tariff-row", { "is-current": y.value === o.id }]),
+                        onClick: (z) => c.value ? void 0 : U(o.id)
+                      }, {
+                        default: g(() => [
+                          D("span", Ke, [
+                            D("span", je, [
+                              D("span", Qe, C(o.name), 1),
+                              o.featured ? (p(), A("span", {
+                                key: 0,
+                                class: "wx-tariff-row__star",
+                                role: "img",
+                                "aria-label": a(r)("tariff.featured")
+                              }, [
+                                b(a(j), {
+                                  name: "star",
+                                  size: "sm"
+                                })
+                              ], 8, Xe)) : B("", !0)
+                            ]),
+                            D("span", {
+                              class: H(["wx-tariff-row__price", { "is-missing": ae(o) === "" }])
+                            }, C(ae(o) || a(r)("tariff.no-price")), 3),
+                            D("span", Ye, [
+                              o.published ? B("", !0) : (p(), k(a(X), {
+                                key: 0,
+                                dot: "",
+                                size: "sm"
+                              }, {
+                                default: g(() => [
+                                  O(C(a(r)("tariff.not-published")), 1)
+                                ]),
+                                _: 1
+                              })),
+                              o.badge ? (p(), A("span", Ze, C(o.badge), 1)) : B("", !0),
+                              (p(!0), A(Q, null, Ne(o.categories, (z) => (p(), k(a(X), {
+                                key: z.id,
+                                size: "sm",
+                                round: ""
+                              }, {
+                                default: g(() => [
+                                  O(C(z.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024))), 128))
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["type", "class", "onClick"]))
+                    ]),
+                    actions: g(({ item: o }) => [
+                      b(a(ke), {
+                        actions: ve(o),
+                        label: o.name
+                      }, null, 8, ["actions", "label"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+                  m.value && !c.value ? (p(), k(a(Me), {
+                    key: 0,
+                    class: "wx-tariffs__note",
+                    type: "info",
+                    description: F.value
+                  }, null, 8, ["description"])) : B("", !0)
+                ], 64))
+              ]),
+              detail: g(({ inline: o, back: z }) => [
+                y.value !== null ? (p(), k(He, {
+                  id: y.value === "new" ? null : y.value,
+                  key: String(y.value),
+                  category: W.value,
+                  inline: o,
+                  onBack: z,
+                  onSaved: T,
+                  onCreated: d,
+                  onRemoved: te
+                }, null, 8, ["id", "category", "inline", "onBack"])) : B("", !0)
+              ]),
+              empty: g(() => [
+                b(a(ie), {
+                  title: a(r)("tariff.choose"),
+                  description: m.value ? a(r)("tariff.choose-help") : void 0
+                }, null, 8, ["title", "description"])
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["view", "title", "views"]));
+  }
+}), tt = /* @__PURE__ */ pe(et, [["__scopeId", "data-v-d86b91c1"]]);
+function at(s = "/tariffs") {
+  return {
+    api: "tariffs/categories",
+    path: `${s}/groups`,
+    name: "webx.tariffs.groups",
+    module: "tariff-groups",
+    screen: "tariffs.category-form",
+    manage: "tariffs.groups.manage",
+    count: "tariffs_count",
+    // The list narrowed to one group is also where its own order is dragged.
+    items: (l) => ({ path: s, query: { category: String(l) } }),
+    words: {
+      new: "webx-tariffs::category.new",
+      empty: "webx-tariffs::category.empty",
+      "empty-help": "webx-tariffs::category.empty-help",
+      order: "webx-tariffs::category.order",
+      hidden: "webx-tariffs::category.hidden",
+      count: "webx-tariffs::category.tariffs",
+      "show-items": "webx-tariffs::category.show-tariffs",
+      "delete-blocked": "webx-tariffs::category.delete-blocked",
+      "delete-text": "webx-tariffs::category.delete-text",
+      deleted: "webx-tariffs::category.deleted",
+      saved: "webx-tariffs::category.saved",
+      "field-title": "webx-tariffs::category.field-title"
+    }
+  };
+}
+function nt(s = {}) {
+  const l = s.path ?? "/tariffs";
+  return [
+    {
+      id: "tariffs",
+      path: l,
+      // One route: the open tariff is in the address (`?tariff=`), beside the list it was opened
+      // from, so a link to it is a link to both.
+      routes: [{ path: l, name: "webx.tariffs", component: tt, props: { base: l } }]
+    },
+    {
+      id: "tariff-groups",
+      path: `${l}/groups`,
+      routes: Te(at(l))
+    }
+  ];
+}
+export {
+  Z as TARIFFS_API,
+  He as WxTariffPane,
+  tt as WxTariffsPage,
+  ce as createTariffsApi,
+  Fe as priceLine,
+  at as tariffGroupsOptions,
+  nt as tariffs,
+  Ee as tariffsMessages
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/api.ts","../src/messages.ts","../src/i18n.ts","../src/price.ts","../src/TariffPane.vue","../src/TariffsPage.vue","../src/module.ts"],"sourcesContent":["import { reorderItems, type AdminContext } from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport type { TariffDetail, TariffQuery, TariffRow, TariffsList } from './types'\n\nexport interface TariffsApi {\n  /** Every tariff, with the groups the list can be narrowed to. */\n  list(query?: TariffQuery): Promise<TariffsList>\n  get(id: number): Promise<TariffDetail>\n  /**\n   * A new tariff out of the values of its form, in one request: the form is filled in first and\n   * the record made on the first save, so nobody leaves an empty card behind.\n   */\n  create(values: ScreenModel): Promise<TariffDetail>\n  /** Refused with a 422 under the name of the field — a line of the list under `features.<n>.text`. */\n  save(id: number, values: ScreenModel): Promise<TariffDetail>\n  remove(id: number): Promise<void>\n  restore(id: number): Promise<TariffRow>\n  /** The order on screen: of the whole list, or — with `category` — of that group alone. */\n  reorder(ids: number[], category?: number | null): Promise<void>\n}\n\n/** The path of the list under the panel's API, and of its order (`CategoryRoutes::items()`). */\nexport const TARIFFS_API = 'tariffs'\n\n/**\n * Everything under `/tariffs`, below the panel's API path — except the groups, which are the\n * panel's shared categories and are asked for with `createCategoriesApi(admin, 'tariffs/categories')`.\n */\nexport function createTariffsApi(admin: AdminContext): TariffsApi {\n  const base = `${admin.apiPath}/${TARIFFS_API}`\n  const data = <T>(body: { data: T }): T => body.data\n\n  return {\n    list: (query = {}) => {\n      const search = new URLSearchParams()\n\n      // Only what was asked for: `category=` would ask for the tariffs of no group.\n      if (query.search) search.set('search', query.search)\n      if (query.category != null) search.set('category', String(query.category))\n      if (query.trashed) search.set('trashed', '1')\n\n      return admin.http.get<TariffsList>(search.size > 0 ? `${base}?${search}` : base)\n    },\n    get: (id) => admin.http.get<{ data: TariffDetail }>(`${base}/${id}`).then(data),\n    create: (values) => admin.http.post<{ data: TariffDetail }>(base, { values }).then(data),\n    save: (id, values) =>\n      admin.http.put<{ data: TariffDetail }>(`${base}/${id}`, { values }).then(data),\n    remove: (id) => admin.http.delete<void>(`${base}/${id}`).then(() => undefined),\n    // The resource of the list line, and not the form's pair: a restored tariff stays closed.\n    restore: (id) => admin.http.post<{ data: TariffRow }>(`${base}/${id}/restore`, {}).then(data),\n    reorder: (ids, category = null) => reorderItems(admin, TARIFFS_API, ids, category),\n  }\n}\n","import type { Messages } from '@webx-ui/module-admin'\n\n/**\n * The English this package speaks on its own, before the server's dictionary arrives, or without\n * one. The server ships the same lines in ten languages under `webx-tariffs::` and overrides\n * these; `messages.test.ts` keeps the two sets of keys equal.\n *\n * Categories in the code, groups in the words (decision 14): the `category` group holds what the\n * shared category screens say, and every one of its lines says \"group\".\n */\nexport const tariffsMessages: Record<string, Messages> = {\n  module: {\n    group: 'Tariffs',\n    tariffs: 'Tariffs',\n    groups: 'Groups',\n  },\n  tariff: {\n    new: 'New tariff',\n    untitled: 'Untitled',\n    search: 'Search the tariffs',\n    empty: 'No tariffs yet.',\n    'empty-help': 'A tariff reaches the site in a tariffs block, on any page.',\n    'empty-search': 'Nothing matches that.',\n    'empty-bin': 'The bin is empty.',\n    all: 'All',\n    trashed: 'Bin',\n    'filter-category': 'Group',\n    'any-category': 'Any group',\n    'not-published': 'Not published',\n    featured: 'Recommended',\n    'no-price': 'No price',\n    order: 'Drag to change the order of the cards on the site.',\n    choose: 'Choose a tariff',\n    'choose-help': 'Or add a new one: the first line of the list.',\n    save: 'Save',\n    saved: 'The tariff is saved.',\n    'save-failed': 'The tariff was not saved.',\n    cancel: 'Cancel',\n    delete: 'Delete',\n    'delete-title': 'Delete the tariff “:name”?',\n    'delete-text':\n      'It goes to the bin and leaves every block on the site. Restored, it comes back to its places.',\n    deleted: 'The tariff is in the bin.',\n    restore: 'Restore',\n    restored: 'The tariff is back.',\n    'reorder-failed': 'The new order was not saved.',\n    'order-group':\n      'Drag to change the order inside this group. The rest of the list keeps its own.',\n    'leave-title': 'Leave without saving?',\n    'leave-text': 'What you changed in this tariff is not on the server.',\n    leave: 'Leave',\n    back: 'Back to the list',\n  },\n  screen: {\n    tariff: 'Tariff',\n    name: 'Name',\n    'name-help':\n      'Required in the default language. Not written in another one, it is shown as written in the default one.',\n    badge: 'Badge',\n    'badge-help': 'A short line over the name: “30 HOURS / 25$”.',\n    featured: 'Recommended',\n    'featured-help': 'The card stands out among the others.',\n    pricing: 'Price',\n    price: 'Price',\n    'price-help':\n      'A number, up to two digits after the point. Empty — the words below are shown instead.',\n    currency: 'Currency',\n    'currency-help': 'The list comes from the site’s settings.',\n    'currency-placeholder': 'Choose a currency',\n    period: 'Period',\n    'period-help': 'Printed after the price: “/mo”, “a year”.',\n    'price-text': 'Price in words',\n    'price-text-help': 'Printed when there is no price: “On request”, “Custom”.',\n    features: 'What is included',\n    'features-help': 'A line not written in a language is left out of the list in that language.',\n    'features-add': 'Add a line',\n    'features-empty': 'No lines yet.',\n    feature: 'Line',\n    about: 'Description',\n    description: 'Description',\n    'description-help': 'Shown only in the languages it is written in.',\n    button: 'Button',\n    'button-label': 'Label',\n    'button-label-help': 'Without a label in a language, the card has no button in it.',\n    'button-link': 'Link',\n    'button-link-help':\n      'A page of the site or an address. A draft or a page in the bin hides the button.',\n    'button-variant': 'Look',\n    'button-variant-placeholder': 'Choose a look',\n    settings: 'Settings',\n    categories: 'Groups',\n    'categories-help': 'What a block picks the tariff by, and the tabs of a page of prices.',\n    'categories-add': 'Add to a group',\n    'categories-empty': 'In no group yet.',\n    services: 'Services',\n    'services-help':\n      'The services this tariff is for: a tariffs block on a service’s page can show only its own.',\n    published: 'Published',\n    'published-help':\n      'On the site in every block that shows its groups, from the moment it is saved.',\n  },\n  category: {\n    'field-title': 'Title',\n    visible: 'Shown on the site',\n    'visible-help':\n      'Hidden, it drops out of every page of prices; its tariffs stay in the blocks that show them.',\n    new: 'New group',\n    empty: 'No groups yet.',\n    'empty-help':\n      'A group gathers tariffs — for individuals, for business: a block shows the ones you pick, and a page of prices can show each group as a tab.',\n    order: 'Drag to change the order of the groups on the site.',\n    hidden: 'Hidden from the site',\n    tariffs: 'Tariffs: :count',\n    'show-tariffs': 'Show its tariffs',\n    'delete-blocked': 'This group still holds tariffs. Move them first.',\n    'delete-text': 'It goes to the bin and leaves every page of prices. Its tariffs stay.',\n    deleted: 'The group is in the bin.',\n    saved: 'The group is saved.',\n  },\n}\n","import { useAdmin } from '@webx-ui/module-admin'\nimport { tariffsMessages } from './messages'\n\nconst seeded = new WeakSet<object>()\n\n/** Puts this package's English under the panel's dictionary, once per panel. */\nexport function useTariffsMessages(): void {\n  try {\n    const { i18n } = useAdmin()\n\n    if (!seeded.has(i18n)) {\n      i18n.defaults('webx-tariffs', tariffsMessages)\n      seeded.add(i18n)\n    }\n  } catch {\n    // Outside a panel there is no dictionary to seed, and `useTranslate` falls back on its own.\n  }\n}\n","import type { TariffRow } from './types'\n\n/**\n * The price of a row on one line, the way the offered block prints it: the symbol before the\n * number, the period after it (“$750 /mo”), or the words where there is no number (“On request”).\n * `''` when there is neither — the row says nothing rather than “0”.\n *\n * The number follows the same rule as the card's `amount` (§4.1): no fraction when it is whole,\n * two places when it is not, the separators of the panel's language. Zero is a number (decision\n * 16): “$0”, and “Free” is the words.\n */\nexport function priceLine(\n  row: Pick<TariffRow, 'price' | 'symbol' | 'currency' | 'period' | 'price_text'>,\n  locale: string,\n): string {\n  if (row.price === null || row.price === undefined) return (row.price_text ?? '').trim()\n\n  const whole = Number.isInteger(row.price)\n  const amount = new Intl.NumberFormat(locale, {\n    minimumFractionDigits: whole ? 0 : 2,\n    maximumFractionDigits: whole ? 0 : 2,\n  }).format(row.price)\n  const symbol = row.symbol ?? row.currency ?? ''\n  const period = (row.period ?? '').trim()\n\n  return [`${symbol}${amount}`, period].filter((part) => part !== '').join(' ')\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'\nimport {\n  confirm,\n  localizedValue,\n  toast,\n  useLocales,\n  WxActionBar,\n  WxBadge,\n  WxButton,\n  WxSkeleton,\n  type LocalizedValue,\n} from '@webx-ui/core'\nimport {\n  useAdmin,\n  useErrorText,\n  useTranslate,\n  WxSaveState,\n  WxScreen,\n  WxScreenHead,\n  type ScreenAction,\n} from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport { createTariffsApi } from './api'\nimport { useTariffsMessages } from './i18n'\nimport type { TariffDetail, TariffSummary } from './types'\n\n/**\n * One tariff: the pane beside the list, and the whole screen on a phone.\n *\n * The described screen `tariffs.form` with a head over it and one button under it. One explicit\n * save, and no autosave: a tariff has no draft (decision 10), so what is saved is on the site at\n * once — the button is the moment somebody decides it is ready.\n *\n * A new tariff is a form first and a record on the first save: an empty row made by pressing\n * \"New tariff\" and walking away would be a tariff with nothing in it on the list for ever.\n *\n * The way back is drawn here and not by the pane around it: the drawer a narrow screen opens\n * this in has no close of its own on purpose (CLAUDE.md §4).\n */\ndefineOptions({ name: 'WxTariffPane' })\n\nconst props = withDefaults(\n  defineProps<{\n    /** `null` — a tariff not written yet. */\n    id: number | null\n    /** The group the list is narrowed to: a new tariff starts in it. */\n    category?: number | null\n    /** False in the drawer a narrow screen opens this in. */\n    inline?: boolean\n  }>(),\n  { category: null, inline: true },\n)\n\nconst emit = defineEmits<{\n  back: []\n  /** The tariff was written; the list redraws its row. */\n  saved: [tariff: TariffSummary]\n  /** The first save of a new tariff: it is a record now, with an id to be opened by. */\n  created: [tariff: TariffSummary]\n  removed: [id: number]\n}>()\n\nconst context = useAdmin()\nconst api = createTariffsApi(context)\nconst locales = useLocales()\nuseTariffsMessages()\n\nconst t = useTranslate('webx-tariffs')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst tariff = ref<TariffSummary | null>(null)\nconst values = ref<ScreenModel>({})\nconst snapshot = ref('')\n\nconst loading = ref(props.id !== null)\nconst saving = ref(false)\nconst errors = ref<Record<string, string[]>>({})\n\nconst canManage = computed(() => context.can('tariffs.manage'))\n\nconst current = computed(() => JSON.stringify(values.value))\nconst dirty = computed(() => snapshot.value !== '' && current.value !== snapshot.value)\n\nconst state = computed<'saving' | 'unsaved' | 'saved'>(() => {\n  if (saving.value) return 'saving'\n\n  return dirty.value || props.id === null ? 'unsaved' : 'saved'\n})\n\n/** The name follows the field rather than the answer: an edit shows at the top as it is typed. */\nconst title = computed(() => {\n  const written = values.value.name as LocalizedValue | string | null | undefined\n  const fallback = props.id === null ? t('tariff.new') : (tariff.value?.name ?? '')\n\n  return localizedValue(written, locales.active.value, fallback) || t('tariff.untitled')\n})\n\nfunction take(detail: TariffDetail): void {\n  tariff.value = detail.tariff\n  values.value = detail.values\n  snapshot.value = JSON.stringify(detail.values)\n}\n\nif (props.id === null) {\n  // What the server would answer for a tariff with nothing in it yet. No currency: the panel does\n  // not know the site's list, and the server gives a new tariff its first one (decision 15).\n  const blank: ScreenModel = {\n    name: {},\n    badge: {},\n    price: null,\n    period: {},\n    price_text: {},\n    features: [],\n    description: {},\n    button_label: {},\n    button_link: null,\n    featured: false,\n    published: false,\n    categories: props.category === null ? [] : [props.category],\n  }\n\n  values.value = blank\n  snapshot.value = JSON.stringify(blank)\n}\n\nasync function load(): Promise<void> {\n  if (props.id === null) return\n\n  loading.value = true\n\n  try {\n    take(await api.get(props.id))\n  } catch (error) {\n    toast.danger(message(error))\n    emit('back')\n  } finally {\n    loading.value = false\n  }\n}\n\nasync function save(): Promise<void> {\n  if (saving.value || !canManage.value) return\n\n  saving.value = true\n  errors.value = {}\n\n  try {\n    const made = props.id === null\n    const detail = made\n      ? await api.create(values.value)\n      : await api.save(props.id as number, values.value)\n\n    take(detail)\n    toast.success(t('tariff.saved'))\n    if (made) emit('created', detail.tariff)\n    else emit('saved', detail.tariff)\n  } catch (error) {\n    const body = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n    if (body?.errors) {\n      errors.value = body.errors\n      toast.danger(t('tariff.save-failed'))\n    } else {\n      toast.danger(message(error))\n    }\n  } finally {\n    saving.value = false\n  }\n}\n\nasync function remove(): Promise<void> {\n  const record = tariff.value\n\n  if (!record) return\n\n  const agreed = await confirm({\n    title: t('tariff.delete-title', { name: record.name }),\n    message: t('tariff.delete-text'),\n    confirmText: t('tariff.delete'),\n    cancelText: t('tariff.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(record.id)\n    toast.success(t('tariff.deleted'))\n    // Nothing left to protect: the record is in the bin.\n    snapshot.value = current.value\n    emit('removed', record.id)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/* The browser's own guard: it cannot wait for a request, so all it can do is ask. */\nfunction leaveGuard(event: BeforeUnloadEvent): void {\n  if (dirty.value) event.preventDefault()\n}\n\n/* Ctrl+S saves, as it does everywhere else that has a save button. */\nfunction onKeydown(event: KeyboardEvent): void {\n  if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 's') {\n    event.preventDefault()\n    if (dirty.value || props.id === null) void save()\n  }\n}\n\nonMounted(() => {\n  void load()\n  window.addEventListener('beforeunload', leaveGuard)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('beforeunload', leaveGuard)\n})\n\nasync function mayLeave(): Promise<boolean> {\n  if (!dirty.value || !canManage.value) return true\n\n  return await confirm({\n    title: t('tariff.leave-title'),\n    message: t('tariff.leave-text'),\n    confirmText: t('tariff.leave'),\n    cancelText: t('tariff.cancel'),\n    tone: 'danger',\n  })\n}\n\n/*\n * The list and this form are one route, so another tariff is an update of it rather than a way\n * out — and so is every keystroke in the search above the list, which goes into the address too.\n * Only a change of the tariff asks.\n */\nonBeforeRouteUpdate(async (to: RouteLocationNormalized, from: RouteLocationNormalized) =>\n  to.query.tariff === from.query.tariff ? true : await mayLeave(),\n)\n\nonBeforeRouteLeave(mayLeave)\n\n/* What leads away from the tariff. On a narrow pane the head folds them into the ···. */\nconst actions = computed<ScreenAction[]>(() =>\n  canManage.value && tariff.value !== null\n    ? [\n        {\n          key: 'delete',\n          label: t('tariff.delete'),\n          icon: 'trash',\n          danger: true,\n          menu: true,\n          run: () => void remove(),\n        },\n      ]\n    : [],\n)\n</script>\n\n<template>\n  <div class=\"wx-tariff\" @keydown=\"onKeydown\">\n    <wx-skeleton v-if=\"loading\" class=\"wx-tariff__ghost\" title :rows=\"6\" />\n\n    <template v-else>\n      <wx-screen-head\n        :level=\"3\"\n        :back=\"!props.inline\"\n        :back-label=\"t('tariff.back')\"\n        :title=\"title\"\n        :actions=\"actions\"\n        :collapse-below=\"480\"\n        @back=\"emit('back')\"\n      >\n        <template v-if=\"tariff && !tariff.published\" #title-after>\n          <wx-badge dot>{{ t('tariff.not-published') }}</wx-badge>\n        </template>\n      </wx-screen-head>\n\n      <wx-screen\n        v-model=\"values\"\n        name=\"tariffs.form\"\n        :errors=\"errors\"\n        :disabled=\"!canManage || saving\"\n      />\n\n      <wx-action-bar v-if=\"canManage\">\n        <template #state>\n          <wx-save-state :state=\"state\" />\n        </template>\n\n        <wx-button\n          type=\"primary\"\n          :loading=\"saving\"\n          :disabled=\"!dirty && props.id !== null\"\n          @click=\"save\"\n        >\n          {{ t('tariff.save') }}\n        </wx-button>\n      </wx-action-bar>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.wx-tariff {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n  padding: var(--wx-gap, var(--wx-space-16));\n  container-type: inline-size;\n}\n\n.wx-tariff__ghost {\n  max-width: 480px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useRoute, useRouter, type LocationQueryRaw } from 'vue-router'\nimport {\n  confirm,\n  toast,\n  WxAlert,\n  WxBadge,\n  WxCard,\n  WxEmpty,\n  WxIcon,\n  WxInput,\n  WxListDetail,\n  WxSelect,\n  WxSkeleton,\n  WxSortableList,\n  type TabItem,\n  type TabValue,\n} from '@webx-ui/core'\nimport {\n  useAdmin,\n  useErrorText,\n  useItemOrder,\n  useTranslate,\n  WxListScreen,\n  WxRowMenu,\n  type RowAction,\n} from '@webx-ui/module-admin'\nimport { createTariffsApi, TARIFFS_API } from './api'\nimport { useTariffsMessages } from './i18n'\nimport { priceLine } from './price'\nimport TariffPane from './TariffPane.vue'\nimport type { TariffGroupRef, TariffRow, TariffSummary } from './types'\n\n/**\n * The tariffs: all of them on the left, the one being written on the right (§5.2).\n *\n * The shape of the reviews, for the same reason: a price card is short, and the one next to edit\n * is usually the one beside it — \"Growth\" is priced against \"Starter\". On a phone the form is the\n * whole screen, in the drawer `WxListDetail` raises, and draws its own way back.\n *\n * Two orders, as with the reviews: without a filter a drag moves the common order; narrowed to\n * one group, the group's own; a search or the bin shows a selection, so the grips go away and the\n * line under the list says why. The query keeps the shared code's name, `category` (decision 14).\n *\n * Everything the screen is looking at lives in the address — the view, the group, the search and\n * the open tariff — so a link to a tariff is a link to it in its list.\n */\nwithDefaults(defineProps<{ base?: string }>(), { base: '/tariffs' })\n\nconst context = useAdmin()\nconst api = createTariffsApi(context)\nconst route = useRoute()\nconst router = useRouter()\nuseTariffsMessages()\n\nconst t = useTranslate('webx-tariffs')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst rows = ref<TariffRow[]>([])\nconst categories = ref<TariffGroupRef[]>([])\nconst loading = ref(true)\n\nconst canManage = computed(() => context.can('tariffs.manage'))\n\nconst title = computed(\n  () =>\n    context.state.manifest?.modules.find((module) => module.id === 'tariffs')?.title ??\n    t('module.tariffs'),\n)\n\nconst view = computed<TabValue>({\n  get: () => (route.query.view === 'trashed' ? 'trashed' : ''),\n  set: (value) => {\n    const query: LocationQueryRaw = {\n      ...route.query,\n      view: value === '' ? undefined : String(value),\n    }\n\n    // A tariff from the list is not a tariff from the bin: the form closes with the view.\n    delete query.tariff\n    void router.replace({ query })\n  },\n})\n\nconst inBin = computed(() => view.value === 'trashed')\n\nconst category = computed<number | null>(() => {\n  const raw = route.query.category\n\n  return typeof raw === 'string' && raw !== '' ? Number(raw) || null : null\n})\n\nconst q = computed(() => (typeof route.query.q === 'string' ? route.query.q : ''))\n\n/* What is typed, ahead of the address: the address follows it after a pause. */\nconst typed = ref(q.value)\n\n/** The open tariff: a number, `'new'` for one not yet saved, or nothing. */\nconst selected = computed<number | 'new' | null>(() => {\n  const raw = route.query.tariff\n\n  if (raw === 'new') return canManage.value ? 'new' : null\n\n  return typeof raw === 'string' && raw !== '' ? Number(raw) || null : null\n})\n\n/*\n * Open is \"a tariff is chosen\", and closing is un-choosing it — so the address, the list's\n * highlight and the drawer on a phone can never disagree about it.\n */\nconst open = computed({\n  get: () => selected.value !== null,\n  set: (value) => {\n    if (!value) close()\n  },\n})\n\nconst views = computed<TabItem[]>(() => [\n  { value: '', label: t('tariff.all') },\n  { value: 'trashed', label: t('tariff.trashed'), icon: 'trash' },\n])\n\nconst order = useItemOrder(TARIFFS_API, () => ({\n  q: q.value,\n  category: category.value,\n  filtered: inBin.value,\n}))\n\n/* Dragged only by somebody who may write, and only in a list that is a whole order. */\nconst sortable = computed(() => canManage.value && order.sortable.value)\n\n/*\n * The panel's shared lines say \"category\" and \"items\"; here the editor reads \"group\" and \"cards\"\n * (decision 14). A locked list keeps the shared line: it explains why nothing moves.\n */\nconst hint = computed(() => {\n  if (order.mode.value === 'category') return t('tariff.order-group')\n  if (order.mode.value === 'all') return t('tariff.order')\n\n  return order.hint.value\n})\n\nconst emptyText = computed(() => {\n  if (q.value !== '') return t('tariff.empty-search')\n\n  return inBin.value ? t('tariff.empty-bin') : t('tariff.empty')\n})\n\nasync function load(): Promise<void> {\n  loading.value = true\n\n  try {\n    const answer = await api.list({\n      search: q.value,\n      category: inBin.value ? null : category.value,\n      trashed: inBin.value,\n    })\n\n    rows.value = answer.data\n    categories.value = answer.filters.categories\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    loading.value = false\n  }\n}\n\nwatch(\n  () => [view.value, category.value, q.value] as const,\n  () => void load(),\n)\nvoid load()\n\nlet pause: ReturnType<typeof setTimeout> | undefined\n\nwatch(typed, (value) => {\n  clearTimeout(pause)\n  pause = setTimeout(() => {\n    void router.replace({ query: { ...route.query, q: value.trim() === '' ? undefined : value } })\n  }, 300)\n})\n\nonBeforeUnmount(() => clearTimeout(pause))\n\nfunction narrow(value: unknown): void {\n  void router.replace({\n    query: { ...route.query, category: typeof value === 'number' ? String(value) : undefined },\n  })\n}\n\n/* `replace` and not `push`: going through twenty tariffs is not twenty steps of history. */\nfunction choose(id: number | 'new'): void {\n  void router.replace({ query: { ...route.query, tariff: String(id) } })\n}\n\nfunction close(): void {\n  const query = { ...route.query }\n\n  delete query.tariff\n  void router.replace({ query })\n}\n\n/** A new tariff was saved: it is a record now, and the list has it. */\nfunction created(tariff: TariffSummary): void {\n  choose(tariff.id)\n  void load()\n}\n\n/**\n * The order on screen, written as a whole — the list or the category's, whichever this is. The\n * list is already in its new order (`WxSortableList` reorders the model before it says so), so a\n * failure has to put it back rather than leave the screen disagreeing with the database.\n */\nasync function reorder(): Promise<void> {\n  try {\n    await order.move(rows.value.map((row) => row.id))\n  } catch (error) {\n    toast.danger(message(error, t('tariff.reorder-failed')))\n    await load()\n  }\n}\n\nfunction actionsFor(row: TariffRow): RowAction[] {\n  if (!canManage.value) return []\n\n  if (inBin.value) {\n    return [\n      {\n        key: 'restore',\n        icon: 'refresh',\n        label: t('tariff.restore'),\n        run: () => void restore(row),\n      },\n    ]\n  }\n\n  return [\n    {\n      key: 'delete',\n      icon: 'trash',\n      label: t('tariff.delete'),\n      danger: true,\n      run: () => void remove(row),\n    },\n  ]\n}\n\nasync function remove(row: TariffRow): Promise<void> {\n  const agreed = await confirm({\n    title: t('tariff.delete-title', { name: row.name }),\n    message: t('tariff.delete-text'),\n    confirmText: t('tariff.delete'),\n    cancelText: t('tariff.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(row.id)\n    toast.success(t('tariff.deleted'))\n    removed(row.id)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/** Gone from the list; and if it was the open one, the form goes with it. */\nfunction removed(id: number): void {\n  if (selected.value === id) close()\n\n  void load()\n}\n\nasync function restore(row: TariffRow): Promise<void> {\n  try {\n    await api.restore(row.id)\n    toast.success(t('tariff.restored'))\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    await load()\n  }\n}\n\n/* The price as the site would print it — the language of the panel only decides the separators. */\nfunction price(row: TariffRow): string {\n  return priceLine(row, context.i18n.state.locale)\n}\n</script>\n\n<template>\n  <wx-list-screen v-model:view=\"view\" :title=\"title\" :views=\"views\" :card=\"false\">\n    <wx-card class=\"wx-tariffs\" padding=\"none\">\n      <wx-list-detail\n        v-model:open=\"open\"\n        class=\"wx-tariffs__panes\"\n        :list-width=\"360\"\n        :detail-min=\"460\"\n        :detail-label=\"t('module.tariffs')\"\n      >\n        <template #list>\n          <div class=\"wx-tariffs__bar\">\n            <wx-input\n              v-model=\"typed\"\n              class=\"wx-tariffs__search\"\n              size=\"sm\"\n              clearable\n              :placeholder=\"t('tariff.search')\"\n              :aria-label=\"t('tariff.search')\"\n            >\n              <template #prefix><wx-icon name=\"search\" size=\"sm\" /></template>\n            </wx-input>\n\n            <!-- Always in sight rather than behind a funnel: it is the one filter that decides\n                 which order a drag writes, and the list says so right under it. -->\n            <wx-select\n              v-if=\"!inBin\"\n              :model-value=\"category\"\n              :options=\"categories.map((item) => ({ value: item.id, label: item.title }))\"\n              :placeholder=\"t('tariff.any-category')\"\n              :aria-label=\"t('tariff.filter-category')\"\n              clearable\n              size=\"sm\"\n              @update:model-value=\"narrow\"\n            />\n          </div>\n\n          <!--\n            A line of the list rather than a button in the head: the new tariff is written where\n            it will stand, beside the ones it joins — and the form opens the same way any other\n            tariff's does.\n          -->\n          <button\n            v-if=\"canManage && !inBin\"\n            type=\"button\"\n            class=\"wx-tariffs__new\"\n            :class=\"{ 'is-current': selected === 'new' }\"\n            @click=\"choose('new')\"\n          >\n            <wx-icon name=\"plus\" size=\"sm\" />\n            {{ t('tariff.new') }}\n          </button>\n\n          <wx-skeleton v-if=\"loading && rows.length === 0\" class=\"wx-tariffs__loading\" :rows=\"5\" />\n\n          <wx-empty\n            v-else-if=\"rows.length === 0\"\n            :title=\"emptyText\"\n            :description=\"!inBin && q === '' ? t('tariff.empty-help') : undefined\"\n          />\n\n          <template v-else>\n            <!-- A grip and not the whole row: the row opens a tariff, and a row that both opens\n                 and drags is one where one of the two happens by accident. -->\n            <wx-sortable-list\n              v-model=\"rows\"\n              class=\"wx-tariffs__list\"\n              :class=\"{ 'is-loading': loading }\"\n              plain\n              item-key=\"id\"\n              :handle=\"sortable ? 'grip' : 'row'\"\n              :item-label=\"(item: TariffRow) => item.name\"\n              :disabled=\"!sortable\"\n              @move=\"reorder\"\n            >\n              <template #default=\"{ item }\">\n                <component\n                  :is=\"inBin ? 'div' : 'button'\"\n                  :type=\"inBin ? undefined : 'button'\"\n                  class=\"wx-tariff-row\"\n                  :class=\"{ 'is-current': selected === item.id }\"\n                  @click=\"inBin ? undefined : choose(item.id)\"\n                >\n                  <span class=\"wx-tariff-row__body\">\n                    <span class=\"wx-tariff-row__who\">\n                      <span class=\"wx-tariff-row__name\">{{ item.name }}</span>\n                      <!-- A mark and not a control: the switch is in the form. -->\n                      <span\n                        v-if=\"item.featured\"\n                        class=\"wx-tariff-row__star\"\n                        role=\"img\"\n                        :aria-label=\"t('tariff.featured')\"\n                      >\n                        <wx-icon name=\"star\" size=\"sm\" />\n                      </span>\n                    </span>\n\n                    <span\n                      class=\"wx-tariff-row__price\"\n                      :class=\"{ 'is-missing': price(item) === '' }\"\n                    >\n                      {{ price(item) || t('tariff.no-price') }}\n                    </span>\n\n                    <span class=\"wx-tariff-row__facts\">\n                      <wx-badge v-if=\"!item.published\" dot size=\"sm\">\n                        {{ t('tariff.not-published') }}\n                      </wx-badge>\n\n                      <span v-if=\"item.badge\" class=\"wx-tariff-row__badge\">{{ item.badge }}</span>\n\n                      <wx-badge v-for=\"chip in item.categories\" :key=\"chip.id\" size=\"sm\" round>\n                        {{ chip.title }}\n                      </wx-badge>\n                    </span>\n                  </span>\n                </component>\n              </template>\n\n              <template #actions=\"{ item }\">\n                <wx-row-menu :actions=\"actionsFor(item)\" :label=\"item.name\" />\n              </template>\n            </wx-sortable-list>\n\n            <!-- What a drag does here, or why there is nothing to drag. -->\n            <wx-alert\n              v-if=\"canManage && !inBin\"\n              class=\"wx-tariffs__note\"\n              type=\"info\"\n              :description=\"hint\"\n            />\n          </template>\n        </template>\n\n        <template #detail=\"{ inline, back }\">\n          <tariff-pane\n            v-if=\"selected !== null\"\n            :id=\"selected === 'new' ? null : selected\"\n            :key=\"String(selected)\"\n            :category=\"category\"\n            :inline=\"inline\"\n            @back=\"back\"\n            @saved=\"load\"\n            @created=\"created\"\n            @removed=\"removed\"\n          />\n        </template>\n\n        <template #empty>\n          <wx-empty\n            :title=\"t('tariff.choose')\"\n            :description=\"canManage ? t('tariff.choose-help') : undefined\"\n          />\n        </template>\n      </wx-list-detail>\n    </wx-card>\n  </wx-list-screen>\n</template>\n\n<style>\n/*\n * What scrolls here is the page, the way it does on every other list of the panel. The card's\n * corners are the screen's, and the panes paint their own background to the edge: `clip`, not\n * `hidden`, which would make this a scroll container and pin everything sticky inside to a box\n * that never moves (CLAUDE.md §4).\n */\n.wx-tariffs > .wx-card__body {\n  display: flex;\n  flex-direction: column;\n  overflow: clip;\n  border-radius: inherit;\n}\n</style>\n\n<style scoped>\n.wx-tariffs__bar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wx-space-8);\n  padding: var(--wx-space-12) var(--wx-space-12) var(--wx-space-8);\n}\n\n.wx-tariffs__search {\n  flex: 1 1 180px;\n  min-width: 0;\n}\n\n/* The select is a fragment (it carries its dropdown beside it), so our scope attribute never\n   reaches it: styled from our own wrapper (CLAUDE.md §4). */\n.wx-tariffs__bar > :deep(.wx-select) {\n  flex: 1 1 140px;\n  min-width: 0;\n}\n\n.wx-tariffs__new {\n  display: flex;\n  align-items: center;\n  gap: var(--wx-space-8);\n  width: calc(100% - 2 * var(--wx-space-8));\n  margin: 0 var(--wx-space-8) var(--wx-space-4);\n  padding: var(--wx-space-8);\n  border: 1px dashed var(--wx-border-default);\n  border-radius: var(--wx-radius-sm);\n  background: none;\n  font: inherit;\n  color: var(--wx-color-primary);\n  text-align: start;\n  cursor: pointer;\n}\n\n.wx-tariffs__new:hover,\n.wx-tariffs__new.is-current {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-tariffs__loading {\n  padding: var(--wx-space-12);\n}\n\n.wx-tariffs__list {\n  padding-inline: var(--wx-space-8);\n}\n\n.wx-tariffs__list.is-loading {\n  opacity: 0.6;\n}\n\n.wx-tariffs__list :deep(.wx-sortable-list__row) {\n  gap: var(--wx-space-4);\n  padding-inline: var(--wx-space-4);\n  border-radius: var(--wx-radius-sm);\n}\n\n.wx-tariffs__list :deep(.wx-sortable-list__row:hover),\n.wx-tariffs__list :deep(.wx-sortable-list__row:has(.is-current)) {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-tariffs__note {\n  margin: var(--wx-space-8);\n}\n\n.wx-tariff-row {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wx-space-10);\n  /* The row is the target: a short name should not leave half the line dead — and a button,\n     unlike a link, is only as wide as what is in it until it is told otherwise. */\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0;\n  padding-block: var(--wx-space-8);\n  padding-inline: 0;\n  border: 0;\n  background: none;\n  font: inherit;\n  color: inherit;\n  text-align: start;\n}\n\nbutton.wx-tariff-row {\n  cursor: pointer;\n}\n\n.wx-tariff-row__body {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  gap: var(--wx-space-2);\n  min-width: 0;\n}\n\n.wx-tariff-row__who {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  column-gap: var(--wx-space-8);\n  min-width: 0;\n}\n\n.wx-tariff-row__name {\n  min-width: 0;\n  overflow: hidden;\n  font-weight: var(--wx-font-weight-medium);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-tariff-row.is-current .wx-tariff-row__name {\n  color: var(--wx-color-primary);\n}\n\n.wx-tariff-row__star {\n  display: inline-flex;\n  flex: none;\n  align-self: center;\n  color: var(--wx-color-warning);\n}\n\n/* The price is what tells two cards apart in the list, so it is the second line, not a chip. */\n.wx-tariff-row__price {\n  overflow: hidden;\n  font-size: var(--wx-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-tariff-row__price.is-missing {\n  color: var(--wx-text-muted);\n  font-style: italic;\n}\n\n.wx-tariff-row__facts {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-4);\n  min-width: 0;\n  margin-top: var(--wx-space-2);\n}\n\n.wx-tariff-row__facts:empty {\n  display: none;\n}\n\n.wx-tariff-row__badge {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--wx-text-muted);\n  font-size: var(--wx-font-size-xs);\n  text-overflow: ellipsis;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n</style>\n","import { categoryRoutes, type AdminModule, type CategoriesOptions } from '@webx-ui/module-admin'\nimport TariffsPage from './TariffsPage.vue'\n\nexport interface TariffsOptions {\n  /** Where the tariffs live inside the panel. The groups sit under it. */\n  path?: string\n}\n\n/**\n * The groups of the tariffs as the panel's shared category screens see them. Exported so that a\n * panel mounting the screens somewhere of its own does not have to repeat the words.\n *\n * Categories in the code and groups in the words (decision 14): the API and the tables speak the\n * shared code's language, the editor reads \"group\" — “For individuals”, “For business”. No words\n * about addresses: a group has none (decision 2), and the shared list leaves the address line out\n * when the server says so.\n */\nexport function tariffGroupsOptions(path = '/tariffs'): CategoriesOptions {\n  return {\n    api: 'tariffs/categories',\n    path: `${path}/groups`,\n    name: 'webx.tariffs.groups',\n    module: 'tariff-groups',\n    screen: 'tariffs.category-form',\n    manage: 'tariffs.groups.manage',\n    count: 'tariffs_count',\n    // The list narrowed to one group is also where its own order is dragged.\n    items: (id) => ({ path, query: { category: String(id) } }),\n    words: {\n      new: 'webx-tariffs::category.new',\n      empty: 'webx-tariffs::category.empty',\n      'empty-help': 'webx-tariffs::category.empty-help',\n      order: 'webx-tariffs::category.order',\n      hidden: 'webx-tariffs::category.hidden',\n      count: 'webx-tariffs::category.tariffs',\n      'show-items': 'webx-tariffs::category.show-tariffs',\n      'delete-blocked': 'webx-tariffs::category.delete-blocked',\n      'delete-text': 'webx-tariffs::category.delete-text',\n      deleted: 'webx-tariffs::category.deleted',\n      saved: 'webx-tariffs::category.saved',\n      'field-title': 'webx-tariffs::category.field-title',\n    },\n  }\n}\n\n/**\n * The tariffs as sections of the panel: tariffs, and their groups (§5.2).\n *\n * Two modules rather than one, because the navigation is one entry per module; the server puts\n * both in the `tariffs` group, which is what draws them under one heading. The panel includes\n * them as `...tariffs()` — the line `extra.webx.panel.register` of the composer package names. A\n * section whose server half is not installed never appears — the entry is built from the manifest.\n */\nexport function tariffs(options: TariffsOptions = {}): AdminModule[] {\n  const path = options.path ?? '/tariffs'\n\n  return [\n    {\n      id: 'tariffs',\n      path,\n      // One route: the open tariff is in the address (`?tariff=`), beside the list it was opened\n      // from, so a link to it is a link to both.\n      routes: [{ path, name: 'webx.tariffs', component: TariffsPage, props: { base: path } }],\n    },\n    {\n      id: 'tariff-groups',\n      path: `${path}/groups`,\n      routes: categoryRoutes(tariffGroupsOptions(path)),\n    },\n  ]\n}\n"],"names":["TARIFFS_API","createTariffsApi","admin","base","data","body","query","search","id","values","ids","category","reorderItems","tariffsMessages","seeded","useTariffsMessages","i18n","useAdmin","priceLine","row","locale","whole","amount","symbol","period","part","props","__props","emit","__emit","context","api","locales","useLocales","t","useTranslate","message","useErrorText","tariff","ref","snapshot","loading","saving","errors","canManage","computed","current","dirty","state","title","written","fallback","localizedValue","take","detail","blank","load","error","toast","save","made","remove","record","confirm","leaveGuard","event","onKeydown","onMounted","onBeforeUnmount","mayLeave","onBeforeRouteUpdate","to","from","onBeforeRouteLeave","actions","_createElementBlock","_createBlock","_unref","WxSkeleton","_Fragment","_createVNode","WxScreenHead","WxBadge","WxScreen","$event","WxActionBar","WxSaveState","WxButton","route","useRoute","router","useRouter","rows","categories","module","view","value","inBin","raw","q","typed","selected","open","close","views","order","useItemOrder","sortable","hint","emptyText","answer","watch","pause","narrow","choose","created","reorder","actionsFor","restore","removed","price","WxListScreen","WxCard","WxListDetail","_createElementVNode","_hoisted_1","WxInput","WxIcon","WxSelect","item","_normalizeClass","_createTextVNode","WxEmpty","WxSortableList","_withCtx","_openBlock","_resolveDynamicComponent","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_6","_hoisted_7","_renderList","chip","WxRowMenu","WxAlert","inline","back","TariffPane","tariffGroupsOptions","path","tariffs","options","TariffsPage","categoryRoutes"],"mappings":"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"}

package/dist/messages.d.ts

@@ -0,0 +1,10 @@
+import { Messages } from '@webx-ui/module-admin';
+/**
+ * The English this package speaks on its own, before the server's dictionary arrives, or without
+ * one. The server ships the same lines in ten languages under `webx-tariffs::` and overrides
+ * these; `messages.test.ts` keeps the two sets of keys equal.
+ *
+ * Categories in the code, groups in the words (decision 14): the `category` group holds what the
+ * shared category screens say, and every one of its lines says "group".
+ */
+export declare const tariffsMessages: Record<string, Messages>;

package/dist/module.d.ts

@@ -0,0 +1,24 @@
+import { AdminModule, CategoriesOptions } from '@webx-ui/module-admin';
+export interface TariffsOptions {
+    /** Where the tariffs live inside the panel. The groups sit under it. */
+    path?: string;
+}
+/**
+ * The groups of the tariffs as the panel's shared category screens see them. Exported so that a
+ * panel mounting the screens somewhere of its own does not have to repeat the words.
+ *
+ * Categories in the code and groups in the words (decision 14): the API and the tables speak the
+ * shared code's language, the editor reads "group" — “For individuals”, “For business”. No words
+ * about addresses: a group has none (decision 2), and the shared list leaves the address line out
+ * when the server says so.
+ */
+export declare function tariffGroupsOptions(path?: string): CategoriesOptions;
+/**
+ * The tariffs as sections of the panel: tariffs, and their groups (§5.2).
+ *
+ * Two modules rather than one, because the navigation is one entry per module; the server puts
+ * both in the `tariffs` group, which is what draws them under one heading. The panel includes
+ * them as `...tariffs()` — the line `extra.webx.panel.register` of the composer package names. A
+ * section whose server half is not installed never appears — the entry is built from the manifest.
+ */
+export declare function tariffs(options?: TariffsOptions): AdminModule[];

package/dist/price.d.ts

@@ -0,0 +1,11 @@
+import { TariffRow } from './types';
+/**
+ * The price of a row on one line, the way the offered block prints it: the symbol before the
+ * number, the period after it (“$750 /mo”), or the words where there is no number (“On request”).
+ * `''` when there is neither — the row says nothing rather than “0”.
+ *
+ * The number follows the same rule as the card's `amount` (§4.1): no fraction when it is whole,
+ * two places when it is not, the separators of the panel's language. Zero is a number (decision
+ * 16): “$0”, and “Free” is the words.
+ */
+export declare function priceLine(row: Pick<TariffRow, 'price' | 'symbol' | 'currency' | 'period' | 'price_text'>, locale: string): string;

package/dist/style.css

@@ -0,0 +1 @@
+.wx-tariff[data-v-2c8988e3]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));min-width:0;padding:var(--wx-gap, var(--wx-space-16));container-type:inline-size}.wx-tariff__ghost[data-v-2c8988e3]{max-width:480px}.wx-tariffs>.wx-card__body{display:flex;flex-direction:column;overflow:clip;border-radius:inherit}.wx-tariffs__bar[data-v-d86b91c1]{display:flex;flex-wrap:wrap;gap:var(--wx-space-8);padding:var(--wx-space-12) var(--wx-space-12) var(--wx-space-8)}.wx-tariffs__search[data-v-d86b91c1]{flex:1 1 180px;min-width:0}.wx-tariffs__bar[data-v-d86b91c1]>.wx-select{flex:1 1 140px;min-width:0}.wx-tariffs__new[data-v-d86b91c1]{display:flex;align-items:center;gap:var(--wx-space-8);width:calc(100% - 2 * var(--wx-space-8));margin:0 var(--wx-space-8) var(--wx-space-4);padding:var(--wx-space-8);border:1px dashed var(--wx-border-default);border-radius:var(--wx-radius-sm);background:none;font:inherit;color:var(--wx-color-primary);text-align:start;cursor:pointer}.wx-tariffs__new[data-v-d86b91c1]:hover,.wx-tariffs__new.is-current[data-v-d86b91c1]{background:var(--wx-bg-subtle)}.wx-tariffs__loading[data-v-d86b91c1]{padding:var(--wx-space-12)}.wx-tariffs__list[data-v-d86b91c1]{padding-inline:var(--wx-space-8)}.wx-tariffs__list.is-loading[data-v-d86b91c1]{opacity:.6}.wx-tariffs__list[data-v-d86b91c1] .wx-sortable-list__row{gap:var(--wx-space-4);padding-inline:var(--wx-space-4);border-radius:var(--wx-radius-sm)}.wx-tariffs__list[data-v-d86b91c1] .wx-sortable-list__row:hover,.wx-tariffs__list[data-v-d86b91c1] .wx-sortable-list__row:has(.is-current){background:var(--wx-bg-subtle)}.wx-tariffs__note[data-v-d86b91c1]{margin:var(--wx-space-8)}.wx-tariff-row[data-v-d86b91c1]{display:flex;align-items:flex-start;gap:var(--wx-space-10);flex:1 1 auto;width:100%;min-width:0;padding-block:var(--wx-space-8);padding-inline:0;border:0;background:none;font:inherit;color:inherit;text-align:start}button.wx-tariff-row[data-v-d86b91c1]{cursor:pointer}.wx-tariff-row__body[data-v-d86b91c1]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--wx-space-2);min-width:0}.wx-tariff-row__who[data-v-d86b91c1]{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--wx-space-8);min-width:0}.wx-tariff-row__name[data-v-d86b91c1]{min-width:0;overflow:hidden;font-weight:var(--wx-font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.wx-tariff-row.is-current .wx-tariff-row__name[data-v-d86b91c1]{color:var(--wx-color-primary)}.wx-tariff-row__star[data-v-d86b91c1]{display:inline-flex;flex:none;align-self:center;color:var(--wx-color-warning)}.wx-tariff-row__price[data-v-d86b91c1]{overflow:hidden;font-size:var(--wx-font-size-sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.wx-tariff-row__price.is-missing[data-v-d86b91c1]{color:var(--wx-text-muted);font-style:italic}.wx-tariff-row__facts[data-v-d86b91c1]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-4);min-width:0;margin-top:var(--wx-space-2)}.wx-tariff-row__facts[data-v-d86b91c1]:empty{display:none}.wx-tariff-row__badge[data-v-d86b91c1]{min-width:0;overflow:hidden;color:var(--wx-text-muted);font-size:var(--wx-font-size-xs);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}

package/dist/types.d.ts

@@ -0,0 +1,65 @@
+import { ScreenModel } from '@webx-ui/schema';
+/** A group as a row of the list names one: the filter, and the chips on the row. */
+export interface TariffGroupRef {
+    id: number;
+    title: string;
+}
+/**
+ * One tariff as the section lists it (§5.4).
+ *
+ * The words are in the language the panel is open in, in the default one where there is none —
+ * the same fallback the site uses for them (decision 12), so the row shows the price the page
+ * would print.
+ */
+export interface TariffRow {
+    id: number;
+    /** The name, or `#id` when there is none in either language. */
+    name: string;
+    /** The short plate over the name (“30 HOURS / 25$”); `''` or `null` when there is none. */
+    badge: string | null;
+    /** A number, or `null` — then `price_text` is what the site prints. */
+    price: number | null;
+    /** A key of `webx-tariffs.currencies`, or `null` when none was chosen. */
+    currency: string | null;
+    /** The symbol the config gives the currency — the code itself for one the config dropped. */
+    symbol: string | null;
+    /** “/mo”, “a year”; `''` or `null` when there is none. */
+    period: string | null;
+    /** The words printed instead of a number (“On request”); `''` or `null` when there are none. */
+    price_text: string | null;
+    /** Picked out among the others on the site. */
+    featured: boolean;
+    published: boolean;
+    /** Its place in the whole list. */
+    position: number;
+    categories: TariffGroupRef[];
+    updated_at: string | null;
+    deleted_at: string | null;
+}
+/** Every tariff — no pages: the list is where tariffs are put in order. */
+export interface TariffsList {
+    data: TariffRow[];
+    filters: {
+        categories: TariffGroupRef[];
+    };
+}
+export interface TariffQuery {
+    /** The name, the plate or the description, in any language the site has. */
+    search?: string;
+    /** One group: the list comes in its own order, and a drag writes that order. */
+    category?: number | null;
+    /** What was deleted. The only way back to a tariff in the bin is through this list. */
+    trashed?: boolean;
+}
+/** The record half of the form's answer — what the head of the form needs. */
+export interface TariffSummary {
+    id: number;
+    name: string;
+    published: boolean;
+    deleted_at: string | null;
+}
+/** One tariff as its form opens it: the record, and the values of `tariffs.form` by field name. */
+export interface TariffDetail {
+    tariff: TariffSummary;
+    values: ScreenModel;
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@webx-ui/module-tariffs",
+  "version": "0.1.0",
+  "description": "Tariffs for the WebX UI admin panel: price cards with a currency, a period, what is included and a button, in groups, ordered by hand, shown on the site by a block.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "keywords": [
+    "webx-ui",
+    "vue",
+    "admin",
+    "cms",
+    "tariffs",
+    "pricing"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webx-ui/webx-ui.git",
+    "directory": "packages/module-tariffs"
+  },
+  "homepage": "https://webx-ui.github.io/webx-ui/guide/tariffs.html",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0"
+  },
+  "dependencies": {
+    "@webx-ui/core": "^0.34.0",
+    "@webx-ui/module-admin": "^0.18.1",
+    "@webx-ui/schema": "^0.6.3"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.14",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.24",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^3.1.3"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "vue-tsc -p tsconfig.json --noEmit"
+  }
+}