@webx-ui/module-reviews 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,76 @@
+# @webx-ui/module-reviews
+
+The front end of the reviews section of the [WebX UI](https://github.com/webx-ui/webx-ui) admin
+panel: reviews — a photo, a name, a job title, the stars and a text — and the categories they are
+filed under.
+
+The other half is the Composer package `webx-ui/module-reviews`, which owns the reviews, their
+order, the Reviews block, `reviews()` for templates and the API. A section appears in the panel
+when both halves are installed.
+
+## Install
+
+```bash
+npm install @webx-ui/module-reviews
+```
+
+```ts
+import { createAdmin } from '@webx-ui/module-admin'
+import { reviews } from '@webx-ui/module-reviews'
+import '@webx-ui/module-reviews/style.css'
+
+createAdmin({
+  basePath: '/cms',
+  modules: [...reviews()],
+}).mount()
+```
+
+`reviews()` answers with two sections — the reviews and their categories — because the panel draws
+one entry per module. The server puts both in the `reviews` group. `reviews({ path: '/testimonials' })`
+puts them somewhere else inside the panel.
+
+On the server, the block type the module offers is installed once:
+
+```bash
+php artisan webx:blocks:offered --install --module=reviews
+```
+
+## Reviews
+
+A list and the form of one review side by side, without pages: the list is where reviews are put
+in order, and a drag cannot cross a page boundary. The open review is in the address
+(`?review=12`), so a link to it is a link to the list around it too. **New review** is a row that
+opens an empty form; the review is created by its first save. On a phone the form slides over the
+list and draws its own «Back».
+
+A row shows the photo (or the initials), the name, the stars and the languages a reader sees the
+review in; a published review whose text is written in no language is marked — it is seen nowhere.
+
+The list has two orders, and the filter decides which one you are dragging:
+
+- **no category chosen** — the order of the whole list;
+- **a category chosen** — the order inside that category only. Every other category keeps its own.
+
+While a search narrows the list, the grips disappear.
+
+The form is the `reviews.form` screen, described in JSON on the server: the photo from the library,
+the name, the job title and the text in every language of the site, the stars, the date, a link to
+the person's profile, the categories, **Published** and a card for the project's own fields. Save
+with the button or `Ctrl+S`; leaving with unsaved changes asks first. A review has no draft: a save
+is on the site.
+
+## Categories
+
+The panel's shared category screens with this module's words (`reviewCategoriesOptions()`),
+without addresses: a category is a button in a block's filter and a way to pick reviews for a
+block.
+
+## On the site
+
+The module has no page of its own. Reviews reach the site in the **Reviews** block — one, a grid, a
+slider or a marquee — or through `reviews()` in a template of the site. See the
+[guide](https://webx-ui.github.io/webx-ui/guide/reviews.html).
+
+## Licence
+
+MIT

package/dist/ReviewPane.d.ts

@@ -0,0 +1,24 @@
+import { ReviewSummary } from './types';
+type __VLS_Props = {
+    /** `null` — a review not written yet. */
+    id: number | null;
+    /** The category the list is narrowed to: a new review 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: (review: ReviewSummary) => any;
+    back: () => any;
+    created: (review: ReviewSummary) => any;
+    removed: (id: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSaved?: ((review: ReviewSummary) => any) | undefined;
+    onBack?: (() => any) | undefined;
+    onCreated?: ((review: ReviewSummary) => any) | undefined;
+    onRemoved?: ((id: number) => any) | undefined;
+}>, {
+    category: number | null;
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ReviewsPage.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The reviews: all of them on the left, the one being written on the right (§4.6, decision 11).
+ *
+ * The same shape as the FAQ, for the same reason: a review is typed in from a message in a
+ * minute, and the next one is usually the one under it — a round trip through a page of its own
+ * for every review is most of the time spent. On a phone the form is the whole screen, in the
+ * drawer `WxListDetail` raises, and draws its own way back.
+ *
+ * The order is decision 6: without a filter a drag moves the common order; narrowed to one
+ * category, the category's own; a search or the bin shows a selection, so the grips go away and
+ * the line under the list says why.
+ *
+ * Everything the screen is looking at lives in the address — the view, the category, the search
+ * and the open review — so a link to a review 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 { ReviewDetail, ReviewQuery, ReviewRow, ReviewsList } from './types';
+export interface ReviewsApi {
+    /** Every review, with the categories the list can be narrowed to. */
+    list(query?: ReviewQuery): Promise<ReviewsList>;
+    get(id: number): Promise<ReviewDetail>;
+    /**
+     * A new review 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 review behind.
+     */
+    create(values: ScreenModel): Promise<ReviewDetail>;
+    /** Refused with a 422 under the name of the field. */
+    save(id: number, values: ScreenModel): Promise<ReviewDetail>;
+    remove(id: number): Promise<void>;
+    restore(id: number): Promise<ReviewRow>;
+    /** The order on screen: of the whole list, or — with `category` — of that category 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 REVIEWS_API = "reviews";
+/**
+ * Everything under `/reviews`, below the panel's API path — except the categories, which are the
+ * panel's shared ones and are asked for with `createCategoriesApi(admin, 'reviews/categories')`.
+ */
+export declare function createReviewsApi(admin: AdminContext): ReviewsApi;

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 useReviewsMessages(): void;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { reviews, reviewCategoriesOptions, type ReviewsOptions } from './module';
+export { createReviewsApi, REVIEWS_API, type ReviewsApi } from './api';
+export { reviewsMessages } from './messages';
+export { default as WxReviewsPage } from './ReviewsPage';
+export { default as WxReviewPane } from './ReviewPane';
+export type { ReviewCategoryRef, ReviewDetail, ReviewQuery, ReviewRow, ReviewsList, ReviewSummary, } from './types';

package/dist/index.js

@@ -0,0 +1,682 @@
+import { reorderItems as ge, useAdmin as Z, useTranslate as oe, useErrorText as se, WxScreenHead as fe, WxScreen as me, WxSaveState as be, useItemOrder as xe, WxListScreen as _e, WxRowMenu as ke, categoryRoutes as Se } from "@webx-ui/module-admin";
+import { defineComponent as le, ref as W, computed as y, onMounted as We, onBeforeUnmount as ne, openBlock as u, createElementBlock as $, createBlock as x, unref as t, Fragment as Q, createVNode as f, createSlots as Te, withCtx as p, createTextVNode as M, toDisplayString as S, createCommentVNode as N, watch as te, createElementVNode as D, normalizeClass as G, resolveDynamicComponent as Re, renderList as Ne } from "vue";
+import { onBeforeRouteUpdate as qe, onBeforeRouteLeave as $e, useRoute as Ce, useRouter as Be } from "vue-router";
+import { useLocales as Ve, localizedValue as Le, WxSkeleton as ve, WxBadge as F, WxActionBar as Pe, WxButton as Ae, toast as _, confirm as X, WxCard as ze, WxListDetail as Ie, WxEmpty as ae, WxInput as Me, WxIcon as re, WxSelect as Ue, WxSortableList as De, WxAvatar as Oe, WxTooltip as je, WxAlert as Ee } from "@webx-ui/core";
+const Y = "reviews";
+function ce(n) {
+  const v = `${n.apiPath}/${Y}`, s = (a) => a.data;
+  return {
+    list: (a = {}) => {
+      const c = new URLSearchParams();
+      return a.search && c.set("search", a.search), a.category != null && c.set("category", String(a.category)), a.trashed && c.set("trashed", "1"), n.http.get(c.size > 0 ? `${v}?${c}` : v);
+    },
+    get: (a) => n.http.get(`${v}/${a}`).then(s),
+    create: (a) => n.http.post(v, { values: a }).then(s),
+    save: (a, c) => n.http.put(`${v}/${a}`, { values: c }).then(s),
+    remove: (a) => n.http.delete(`${v}/${a}`).then(() => {
+    }),
+    // The resource of the list line, and not the form's pair: a restored review stays closed.
+    restore: (a) => n.http.post(`${v}/${a}/restore`, {}).then(s),
+    reorder: (a, c = null) => ge(n, Y, a, c)
+  };
+}
+const Je = {
+  module: {
+    group: "Reviews",
+    reviews: "Reviews",
+    categories: "Categories"
+  },
+  review: {
+    new: "New review",
+    untitled: "Untitled",
+    search: "Search the reviews",
+    empty: "No reviews yet.",
+    "empty-help": "A review reaches the site in a reviews block, on any page.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    all: "All",
+    trashed: "Bin",
+    "filter-category": "Category",
+    "any-category": "Any category",
+    "not-published": "Not published",
+    "visible-nowhere": "Published, but seen in no language: it needs a text in one.",
+    "no-text": "No text yet",
+    "no-rating": "No rating",
+    "seen-in": "Seen in: :locales",
+    choose: "Choose a review",
+    "choose-help": "Or write a new one: the first line of the list.",
+    save: "Save",
+    saved: "The review is saved.",
+    "save-failed": "The review was not saved.",
+    cancel: "Cancel",
+    delete: "Delete",
+    "delete-title": "Delete the review by “:name”?",
+    "delete-text": "It goes to the bin and leaves every block on the site. Restored, it comes back to its places.",
+    deleted: "The review is in the bin.",
+    restore: "Restore",
+    restored: "The review is back.",
+    "reorder-failed": "The new order was not saved.",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What you wrote in this review is not on the server.",
+    leave: "Leave",
+    back: "Back to the list"
+  },
+  screen: {
+    author: "Who wrote it",
+    photo: "Photo",
+    "photo-help": "Without one, the site shows the initials of the name.",
+    name: "Name",
+    "name-help": "Not written in a language, it is shown as written in the default one.",
+    "job-title": "Job title",
+    "job-title-help": "Or the company, or the city: whatever is printed under the name.",
+    "profile-url": "Link to a profile",
+    "profile-url-help": "An address starting with http:// or https://. The name becomes a link to it.",
+    review: "Review",
+    text: "Text",
+    "text-help": "A review is shown in a language only when it has a text in it.",
+    rating: "Rating",
+    "rating-help": "From one star to five. No stars, no rating shown.",
+    "reviewed-on": "Date",
+    "reviewed-on-help": "Shown if the block prints it; it changes neither the order nor who sees the review.",
+    settings: "Settings",
+    published: "Published",
+    "published-help": "On the site in every block that shows its categories, from the moment it is saved.",
+    categories: "Categories",
+    "categories-help": "What a block picks the review by, and the buttons of its filter."
+  },
+  category: {
+    "field-title": "Title",
+    visible: "Shown on the site",
+    "visible-help": "Hidden, it drops out of every filter; its reviews stay in the blocks that show them.",
+    new: "New category",
+    empty: "No categories yet.",
+    "empty-help": "A category groups reviews: a block shows the ones you pick, and its filter has a button for each.",
+    order: "Drag to change the order of the filter buttons on the site.",
+    hidden: "Hidden from the site",
+    reviews: "Reviews: :count",
+    "show-reviews": "Show its reviews",
+    "delete-blocked": "This category still holds reviews. Move them first.",
+    "delete-text": "It goes to the bin and its button leaves every filter. Its reviews stay.",
+    deleted: "The category is in the bin.",
+    saved: "The category is saved."
+  }
+}, ie = /* @__PURE__ */ new WeakSet();
+function ue() {
+  try {
+    const { i18n: n } = Z();
+    ie.has(n) || (n.defaults("webx-reviews", Je), ie.add(n));
+  } catch {
+  }
+}
+const Fe = /* @__PURE__ */ le({
+  name: "WxReviewPane",
+  __name: "ReviewPane",
+  props: {
+    id: {},
+    category: { default: null },
+    inline: { type: Boolean, default: !0 }
+  },
+  emits: ["back", "saved", "created", "removed"],
+  setup(n, { emit: v }) {
+    const s = n, a = v, c = Z(), i = ce(c), B = Ve();
+    ue();
+    const l = oe("webx-reviews"), V = se(), k = W(null), g = W({}), C = W(""), q = W(s.id !== null), d = W(!1), T = W({}), b = y(() => c.can("reviews.manage")), L = y(() => JSON.stringify(g.value)), m = y(() => C.value !== "" && L.value !== C.value), O = y(() => d.value ? "saving" : m.value || s.id === null ? "unsaved" : "saved"), H = y(() => {
+      const o = g.value.name, h = s.id === null ? l("review.new") : k.value?.name ?? "";
+      return Le(o, B.active.value, h) || l("review.untitled");
+    });
+    function P(o) {
+      k.value = o.review, g.value = o.values, C.value = JSON.stringify(o.values);
+    }
+    if (s.id === null) {
+      const o = {
+        name: {},
+        job_title: {},
+        text: {},
+        published: !1,
+        categories: s.category === null ? [] : [s.category]
+      };
+      g.value = o, C.value = JSON.stringify(o);
+    }
+    async function j() {
+      if (s.id !== null) {
+        q.value = !0;
+        try {
+          P(await i.get(s.id));
+        } catch (o) {
+          _.danger(V(o)), a("back");
+        } finally {
+          q.value = !1;
+        }
+      }
+    }
+    async function E() {
+      if (!(d.value || !b.value)) {
+        d.value = !0, T.value = {};
+        try {
+          const o = s.id === null, h = o ? await i.create(g.value) : await i.save(s.id, g.value);
+          P(h), _.success(l("review.saved")), a(o ? "created" : "saved", h.review);
+        } catch (o) {
+          const h = o.body;
+          h?.errors ? (T.value = h.errors, _.danger(l("review.save-failed"))) : _.danger(V(o));
+        } finally {
+          d.value = !1;
+        }
+      }
+    }
+    async function R() {
+      const o = k.value;
+      if (!(!o || !await X({
+        title: l("review.delete-title", { name: o.name }),
+        message: l("review.delete-text"),
+        confirmText: l("review.delete"),
+        cancelText: l("review.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await i.remove(o.id), _.success(l("review.deleted")), C.value = L.value, a("removed", o.id);
+        } catch (I) {
+          _.danger(V(I));
+        }
+    }
+    function A(o) {
+      m.value && o.preventDefault();
+    }
+    function K(o) {
+      (o.ctrlKey || o.metaKey) && o.key.toLowerCase() === "s" && (o.preventDefault(), (m.value || s.id === null) && E());
+    }
+    We(() => {
+      j(), window.addEventListener("beforeunload", A);
+    }), ne(() => {
+      window.removeEventListener("beforeunload", A);
+    });
+    async function z() {
+      return !m.value || !b.value ? !0 : await X({
+        title: l("review.leave-title"),
+        message: l("review.leave-text"),
+        confirmText: l("review.leave"),
+        cancelText: l("review.cancel"),
+        tone: "danger"
+      });
+    }
+    qe(
+      async (o, h) => o.query.review === h.query.review ? !0 : await z()
+    ), $e(z);
+    const J = y(
+      () => b.value && k.value !== null ? [
+        {
+          key: "delete",
+          label: l("review.delete"),
+          icon: "trash",
+          danger: !0,
+          menu: !0,
+          run: () => {
+            R();
+          }
+        }
+      ] : []
+    );
+    return (o, h) => (u(), $("div", {
+      class: "wx-review",
+      onKeydown: K
+    }, [
+      q.value ? (u(), x(t(ve), {
+        key: 0,
+        class: "wx-review__ghost",
+        title: "",
+        rows: 6
+      })) : (u(), $(Q, { key: 1 }, [
+        f(t(fe), {
+          level: 3,
+          back: !s.inline,
+          "back-label": t(l)("review.back"),
+          title: H.value,
+          actions: J.value,
+          "collapse-below": 480,
+          onBack: h[0] || (h[0] = (I) => a("back"))
+        }, Te({ _: 2 }, [
+          k.value && !k.value.published ? {
+            name: "title-after",
+            fn: p(() => [
+              f(t(F), { dot: "" }, {
+                default: p(() => [
+                  M(S(t(l)("review.not-published")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "actions"]),
+        f(t(me), {
+          modelValue: g.value,
+          "onUpdate:modelValue": h[1] || (h[1] = (I) => g.value = I),
+          name: "reviews.form",
+          errors: T.value,
+          disabled: !b.value || d.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        b.value ? (u(), x(t(Pe), { key: 0 }, {
+          state: p(() => [
+            f(t(be), { state: O.value }, null, 8, ["state"])
+          ]),
+          default: p(() => [
+            f(t(Ae), {
+              type: "primary",
+              loading: d.value,
+              disabled: !m.value && s.id !== null,
+              onClick: E
+            }, {
+              default: p(() => [
+                M(S(t(l)("review.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : N("", !0)
+      ], 64))
+    ], 32));
+  }
+}), de = (n, v) => {
+  const s = n.__vccOpts || n;
+  for (const [a, c] of v)
+    s[a] = c;
+  return s;
+}, He = /* @__PURE__ */ de(Fe, [["__scopeId", "data-v-d5d4af03"]]), Ke = { class: "wx-reviews__bar" }, Ge = { class: "wx-review-row__body" }, Qe = { class: "wx-review-row__who" }, Xe = { class: "wx-review-row__name" }, Ye = ["aria-label"], Ze = {
+  key: 0,
+  class: "wx-review-row__job"
+}, et = { class: "wx-review-row__facts" }, tt = ["aria-label"], at = /* @__PURE__ */ le({
+  __name: "ReviewsPage",
+  props: {
+    base: { default: "/reviews" }
+  },
+  setup(n) {
+    const v = Z(), s = ce(v), a = Ce(), c = Be();
+    ue();
+    const i = oe("webx-reviews"), B = se(), l = W([]), V = W([]), k = W(!0), g = y(() => v.can("reviews.manage")), C = y(
+      () => v.state.manifest?.modules.find((e) => e.id === "reviews")?.title ?? i("module.reviews")
+    ), q = y({
+      get: () => a.query.view === "trashed" ? "trashed" : "",
+      set: (e) => {
+        const w = {
+          ...a.query,
+          view: e === "" ? void 0 : String(e)
+        };
+        delete w.review, c.replace({ query: w });
+      }
+    }), d = y(() => q.value === "trashed"), T = y(() => {
+      const e = a.query.category;
+      return typeof e == "string" && e !== "" && Number(e) || null;
+    }), b = y(() => typeof a.query.q == "string" ? a.query.q : ""), L = W(b.value), m = y(() => {
+      const e = a.query.review;
+      return e === "new" ? g.value ? "new" : null : typeof e == "string" && e !== "" && Number(e) || null;
+    }), O = y({
+      get: () => m.value !== null,
+      set: (e) => {
+        e || J();
+      }
+    }), H = y(() => [
+      { value: "", label: i("review.all") },
+      { value: "trashed", label: i("review.trashed"), icon: "trash" }
+    ]), P = xe(Y, () => ({
+      q: b.value,
+      category: T.value,
+      filtered: d.value
+    })), j = y(() => g.value && P.sortable.value), E = y(() => b.value !== "" ? i("review.empty-search") : d.value ? i("review.empty-bin") : i("review.empty"));
+    async function R() {
+      k.value = !0;
+      try {
+        const e = await s.list({
+          search: b.value,
+          category: d.value ? null : T.value,
+          trashed: d.value
+        });
+        l.value = e.data, V.value = e.filters.categories;
+      } catch (e) {
+        _.danger(B(e));
+      } finally {
+        k.value = !1;
+      }
+    }
+    te(
+      () => [q.value, T.value, b.value],
+      () => {
+        R();
+      }
+    ), R();
+    let A;
+    te(L, (e) => {
+      clearTimeout(A), A = setTimeout(() => {
+        c.replace({ query: { ...a.query, q: e.trim() === "" ? void 0 : e } });
+      }, 300);
+    }), ne(() => clearTimeout(A));
+    function K(e) {
+      c.replace({
+        query: { ...a.query, category: typeof e == "number" ? String(e) : void 0 }
+      });
+    }
+    function z(e) {
+      c.replace({ query: { ...a.query, review: String(e) } });
+    }
+    function J() {
+      const e = { ...a.query };
+      delete e.review, c.replace({ query: e });
+    }
+    function o(e) {
+      z(e.id), R();
+    }
+    async function h() {
+      try {
+        await P.move(l.value.map((e) => e.id));
+      } catch (e) {
+        _.danger(B(e, i("review.reorder-failed"))), await R();
+      }
+    }
+    function I(e) {
+      return g.value ? d.value ? [
+        {
+          key: "restore",
+          icon: "refresh",
+          label: i("review.restore"),
+          run: () => {
+            he(e);
+          }
+        }
+      ] : [
+        {
+          key: "delete",
+          icon: "trash",
+          label: i("review.delete"),
+          danger: !0,
+          run: () => {
+            we(e);
+          }
+        }
+      ] : [];
+    }
+    async function we(e) {
+      if (await X({
+        title: i("review.delete-title", { name: e.name }),
+        message: i("review.delete-text"),
+        confirmText: i("review.delete"),
+        cancelText: i("review.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await s.remove(e.id), _.success(i("review.deleted")), ee(e.id);
+        } catch (r) {
+          _.danger(B(r));
+        }
+    }
+    function ee(e) {
+      m.value === e && J(), R();
+    }
+    async function he(e) {
+      try {
+        await s.restore(e.id), _.success(i("review.restored"));
+      } catch (w) {
+        _.danger(B(w));
+      } finally {
+        await R();
+      }
+    }
+    function pe(e) {
+      return e.published && e.locales.length === 0;
+    }
+    function ye(e) {
+      const w = Math.max(0, Math.min(5, Math.round(e)));
+      return "★".repeat(w) + "☆".repeat(5 - w);
+    }
+    return (e, w) => (u(), x(t(_e), {
+      view: q.value,
+      "onUpdate:view": w[4] || (w[4] = (r) => q.value = r),
+      title: C.value,
+      views: H.value,
+      card: !1
+    }, {
+      default: p(() => [
+        f(t(ze), {
+          class: "wx-reviews",
+          padding: "none"
+        }, {
+          default: p(() => [
+            f(t(Ie), {
+              open: O.value,
+              "onUpdate:open": w[3] || (w[3] = (r) => O.value = r),
+              class: "wx-reviews__panes",
+              "list-width": 360,
+              "detail-min": 460,
+              "detail-label": t(i)("module.reviews")
+            }, {
+              list: p(() => [
+                D("div", Ke, [
+                  f(t(Me), {
+                    modelValue: L.value,
+                    "onUpdate:modelValue": w[0] || (w[0] = (r) => L.value = r),
+                    class: "wx-reviews__search",
+                    size: "sm",
+                    clearable: "",
+                    placeholder: t(i)("review.search"),
+                    "aria-label": t(i)("review.search")
+                  }, {
+                    prefix: p(() => [
+                      f(t(re), {
+                        name: "search",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "placeholder", "aria-label"]),
+                  d.value ? N("", !0) : (u(), x(t(Ue), {
+                    key: 0,
+                    "model-value": T.value,
+                    options: V.value.map((r) => ({ value: r.id, label: r.title })),
+                    placeholder: t(i)("review.any-category"),
+                    "aria-label": t(i)("review.filter-category"),
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": K
+                  }, null, 8, ["model-value", "options", "placeholder", "aria-label"]))
+                ]),
+                g.value && !d.value ? (u(), $("button", {
+                  key: 0,
+                  type: "button",
+                  class: G(["wx-reviews__new", { "is-current": m.value === "new" }]),
+                  onClick: w[1] || (w[1] = (r) => z("new"))
+                }, [
+                  f(t(re), {
+                    name: "plus",
+                    size: "sm"
+                  }),
+                  M(" " + S(t(i)("review.new")), 1)
+                ], 2)) : N("", !0),
+                k.value && l.value.length === 0 ? (u(), x(t(ve), {
+                  key: 1,
+                  class: "wx-reviews__loading",
+                  rows: 5
+                })) : l.value.length === 0 ? (u(), x(t(ae), {
+                  key: 2,
+                  title: E.value,
+                  description: !d.value && b.value === "" ? t(i)("review.empty-help") : void 0
+                }, null, 8, ["title", "description"])) : (u(), $(Q, { key: 3 }, [
+                  f(t(De), {
+                    modelValue: l.value,
+                    "onUpdate:modelValue": w[2] || (w[2] = (r) => l.value = r),
+                    class: G(["wx-reviews__list", { "is-loading": k.value }]),
+                    plain: "",
+                    "item-key": "id",
+                    handle: j.value ? "grip" : "row",
+                    "item-label": (r) => r.name,
+                    disabled: !j.value,
+                    onMove: h
+                  }, {
+                    default: p(({ item: r }) => [
+                      (u(), x(Re(d.value ? "div" : "button"), {
+                        type: d.value ? void 0 : "button",
+                        class: G(["wx-review-row", { "is-current": m.value === r.id }]),
+                        onClick: (U) => d.value ? void 0 : z(r.id)
+                      }, {
+                        default: p(() => [
+                          f(t(Oe), {
+                            class: "wx-review-row__photo",
+                            src: r.photo?.thumb ?? void 0,
+                            name: r.name,
+                            size: "md"
+                          }, null, 8, ["src", "name"]),
+                          D("span", Ge, [
+                            D("span", Qe, [
+                              D("span", Xe, S(r.name), 1),
+                              r.rating !== null ? (u(), $("span", {
+                                key: 0,
+                                class: "wx-review-row__stars",
+                                role: "img",
+                                "aria-label": `${r.rating} / 5`
+                              }, S(ye(r.rating)), 9, Ye)) : N("", !0)
+                            ]),
+                            r.job_title ? (u(), $("span", Ze, S(r.job_title), 1)) : N("", !0),
+                            D("span", et, [
+                              r.published ? pe(r) ? (u(), x(t(je), {
+                                key: 1,
+                                content: t(i)("review.visible-nowhere")
+                              }, {
+                                default: p(() => [
+                                  f(t(F), {
+                                    type: "warning",
+                                    dot: "",
+                                    size: "sm"
+                                  }, {
+                                    default: p(() => [
+                                      M(S(t(i)("review.not-published")), 1)
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["content"])) : N("", !0) : (u(), x(t(F), {
+                                key: 0,
+                                dot: "",
+                                size: "sm"
+                              }, {
+                                default: p(() => [
+                                  M(S(t(i)("review.not-published")), 1)
+                                ]),
+                                _: 1
+                              })),
+                              (u(!0), $(Q, null, Ne(r.categories, (U) => (u(), x(t(F), {
+                                key: U.id,
+                                size: "sm",
+                                round: ""
+                              }, {
+                                default: p(() => [
+                                  M(S(U.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024))), 128)),
+                              r.locales.length > 0 ? (u(), $("span", {
+                                key: 2,
+                                class: "wx-review-row__locales",
+                                "aria-label": t(i)("review.seen-in", { locales: r.locales.join(", ") })
+                              }, S(r.locales.join(" · ")), 9, tt)) : N("", !0)
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["type", "class", "onClick"]))
+                    ]),
+                    actions: p(({ item: r }) => [
+                      f(t(ke), {
+                        actions: I(r),
+                        label: r.name
+                      }, null, 8, ["actions", "label"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+                  g.value && !d.value ? (u(), x(t(Ee), {
+                    key: 0,
+                    class: "wx-reviews__note",
+                    type: "info",
+                    description: t(P).hint.value
+                  }, null, 8, ["description"])) : N("", !0)
+                ], 64))
+              ]),
+              detail: p(({ inline: r, back: U }) => [
+                m.value !== null ? (u(), x(He, {
+                  id: m.value === "new" ? null : m.value,
+                  key: String(m.value),
+                  category: T.value,
+                  inline: r,
+                  onBack: U,
+                  onSaved: R,
+                  onCreated: o,
+                  onRemoved: ee
+                }, null, 8, ["id", "category", "inline", "onBack"])) : N("", !0)
+              ]),
+              empty: p(() => [
+                f(t(ae), {
+                  title: t(i)("review.choose"),
+                  description: g.value ? t(i)("review.choose-help") : void 0
+                }, null, 8, ["title", "description"])
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["view", "title", "views"]));
+  }
+}), rt = /* @__PURE__ */ de(at, [["__scopeId", "data-v-572ff29d"]]);
+function it(n = "/reviews") {
+  return {
+    api: "reviews/categories",
+    path: `${n}/categories`,
+    name: "webx.reviews.categories",
+    module: "review-categories",
+    screen: "reviews.category-form",
+    manage: "reviews.categories.manage",
+    count: "reviews_count",
+    // The list narrowed to one category is also where its own order is dragged.
+    items: (v) => ({ path: n, query: { category: String(v) } }),
+    words: {
+      new: "webx-reviews::category.new",
+      empty: "webx-reviews::category.empty",
+      "empty-help": "webx-reviews::category.empty-help",
+      order: "webx-reviews::category.order",
+      hidden: "webx-reviews::category.hidden",
+      count: "webx-reviews::category.reviews",
+      "show-items": "webx-reviews::category.show-reviews",
+      "delete-blocked": "webx-reviews::category.delete-blocked",
+      "delete-text": "webx-reviews::category.delete-text",
+      deleted: "webx-reviews::category.deleted",
+      saved: "webx-reviews::category.saved",
+      "field-title": "webx-reviews::category.field-title"
+    }
+  };
+}
+function vt(n = {}) {
+  const v = n.path ?? "/reviews";
+  return [
+    {
+      id: "reviews",
+      path: v,
+      // One route: the open review is in the address (`?review=`), beside the list it was opened
+      // from, so a link to it is a link to both.
+      routes: [{ path: v, name: "webx.reviews", component: rt, props: { base: v } }]
+    },
+    {
+      id: "review-categories",
+      path: `${v}/categories`,
+      routes: Se(it(v))
+    }
+  ];
+}
+export {
+  Y as REVIEWS_API,
+  He as WxReviewPane,
+  rt as WxReviewsPage,
+  ce as createReviewsApi,
+  it as reviewCategoriesOptions,
+  vt as reviews,
+  Je as reviewsMessages
+};
+//# 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/ReviewPane.vue","../src/ReviewsPage.vue","../src/module.ts"],"sourcesContent":["import { reorderItems, type AdminContext } from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport type { ReviewDetail, ReviewQuery, ReviewRow, ReviewsList } from './types'\n\nexport interface ReviewsApi {\n  /** Every review, with the categories the list can be narrowed to. */\n  list(query?: ReviewQuery): Promise<ReviewsList>\n  get(id: number): Promise<ReviewDetail>\n  /**\n   * A new review 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 review behind.\n   */\n  create(values: ScreenModel): Promise<ReviewDetail>\n  /** Refused with a 422 under the name of the field. */\n  save(id: number, values: ScreenModel): Promise<ReviewDetail>\n  remove(id: number): Promise<void>\n  restore(id: number): Promise<ReviewRow>\n  /** The order on screen: of the whole list, or — with `category` — of that category 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 REVIEWS_API = 'reviews'\n\n/**\n * Everything under `/reviews`, below the panel's API path — except the categories, which are the\n * panel's shared ones and are asked for with `createCategoriesApi(admin, 'reviews/categories')`.\n */\nexport function createReviewsApi(admin: AdminContext): ReviewsApi {\n  const base = `${admin.apiPath}/${REVIEWS_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 reviews of no category.\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<ReviewsList>(search.size > 0 ? `${base}?${search}` : base)\n    },\n    get: (id) => admin.http.get<{ data: ReviewDetail }>(`${base}/${id}`).then(data),\n    create: (values) => admin.http.post<{ data: ReviewDetail }>(base, { values }).then(data),\n    save: (id, values) =>\n      admin.http.put<{ data: ReviewDetail }>(`${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 review stays closed.\n    restore: (id) => admin.http.post<{ data: ReviewRow }>(`${base}/${id}/restore`, {}).then(data),\n    reorder: (ids, category = null) => reorderItems(admin, REVIEWS_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-reviews::` and overrides\n * these; `messages.test.ts` keeps the two sets of keys equal.\n */\nexport const reviewsMessages: Record<string, Messages> = {\n  module: {\n    group: 'Reviews',\n    reviews: 'Reviews',\n    categories: 'Categories',\n  },\n  review: {\n    new: 'New review',\n    untitled: 'Untitled',\n    search: 'Search the reviews',\n    empty: 'No reviews yet.',\n    'empty-help': 'A review reaches the site in a reviews 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': 'Category',\n    'any-category': 'Any category',\n    'not-published': 'Not published',\n    'visible-nowhere': 'Published, but seen in no language: it needs a text in one.',\n    'no-text': 'No text yet',\n    'no-rating': 'No rating',\n    'seen-in': 'Seen in: :locales',\n    choose: 'Choose a review',\n    'choose-help': 'Or write a new one: the first line of the list.',\n    save: 'Save',\n    saved: 'The review is saved.',\n    'save-failed': 'The review was not saved.',\n    cancel: 'Cancel',\n    delete: 'Delete',\n    'delete-title': 'Delete the review by “: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 review is in the bin.',\n    restore: 'Restore',\n    restored: 'The review is back.',\n    'reorder-failed': 'The new order was not saved.',\n    'leave-title': 'Leave without saving?',\n    'leave-text': 'What you wrote in this review is not on the server.',\n    leave: 'Leave',\n    back: 'Back to the list',\n  },\n  screen: {\n    author: 'Who wrote it',\n    photo: 'Photo',\n    'photo-help': 'Without one, the site shows the initials of the name.',\n    name: 'Name',\n    'name-help': 'Not written in a language, it is shown as written in the default one.',\n    'job-title': 'Job title',\n    'job-title-help': 'Or the company, or the city: whatever is printed under the name.',\n    'profile-url': 'Link to a profile',\n    'profile-url-help':\n      'An address starting with http:// or https://. The name becomes a link to it.',\n    review: 'Review',\n    text: 'Text',\n    'text-help': 'A review is shown in a language only when it has a text in it.',\n    rating: 'Rating',\n    'rating-help': 'From one star to five. No stars, no rating shown.',\n    'reviewed-on': 'Date',\n    'reviewed-on-help':\n      'Shown if the block prints it; it changes neither the order nor who sees the review.',\n    settings: 'Settings',\n    published: 'Published',\n    'published-help':\n      'On the site in every block that shows its categories, from the moment it is saved.',\n    categories: 'Categories',\n    'categories-help': 'What a block picks the review by, and the buttons of its filter.',\n  },\n  category: {\n    'field-title': 'Title',\n    visible: 'Shown on the site',\n    'visible-help':\n      'Hidden, it drops out of every filter; its reviews stay in the blocks that show them.',\n    new: 'New category',\n    empty: 'No categories yet.',\n    'empty-help':\n      'A category groups reviews: a block shows the ones you pick, and its filter has a button for each.',\n    order: 'Drag to change the order of the filter buttons on the site.',\n    hidden: 'Hidden from the site',\n    reviews: 'Reviews: :count',\n    'show-reviews': 'Show its reviews',\n    'delete-blocked': 'This category still holds reviews. Move them first.',\n    'delete-text': 'It goes to the bin and its button leaves every filter. Its reviews stay.',\n    deleted: 'The category is in the bin.',\n    saved: 'The category is saved.',\n  },\n}\n","import { useAdmin } from '@webx-ui/module-admin'\nimport { reviewsMessages } 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 useReviewsMessages(): void {\n  try {\n    const { i18n } = useAdmin()\n\n    if (!seeded.has(i18n)) {\n      i18n.defaults('webx-reviews', reviewsMessages)\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","<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 { createReviewsApi } from './api'\nimport { useReviewsMessages } from './i18n'\nimport type { ReviewDetail, ReviewSummary } from './types'\n\n/**\n * One review: the pane beside the list, and the whole screen on a phone.\n *\n * The described screen `reviews.form` with a head over it and one button under it. One explicit\n * save, and no autosave: a review 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 review is a form first and a record on the first save: an empty row made by pressing\n * \"New review\" and walking away would be a review 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: 'WxReviewPane' })\n\nconst props = withDefaults(\n  defineProps<{\n    /** `null` — a review not written yet. */\n    id: number | null\n    /** The category the list is narrowed to: a new review 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 review was written; the list redraws its row. */\n  saved: [review: ReviewSummary]\n  /** The first save of a new review: it is a record now, with an id to be opened by. */\n  created: [review: ReviewSummary]\n  removed: [id: number]\n}>()\n\nconst context = useAdmin()\nconst api = createReviewsApi(context)\nconst locales = useLocales()\nuseReviewsMessages()\n\nconst t = useTranslate('webx-reviews')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst review = ref<ReviewSummary | 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('reviews.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('review.new') : (review.value?.name ?? '')\n\n  return localizedValue(written, locales.active.value, fallback) || t('review.untitled')\n})\n\nfunction take(detail: ReviewDetail): void {\n  review.value = detail.review\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 review with nothing in it yet.\n  const blank: ScreenModel = {\n    name: {},\n    job_title: {},\n    text: {},\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('review.saved'))\n    if (made) emit('created', detail.review)\n    else emit('saved', detail.review)\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('review.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 = review.value\n\n  if (!record) return\n\n  const agreed = await confirm({\n    title: t('review.delete-title', { name: record.name }),\n    message: t('review.delete-text'),\n    confirmText: t('review.delete'),\n    cancelText: t('review.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(record.id)\n    toast.success(t('review.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('review.leave-title'),\n    message: t('review.leave-text'),\n    confirmText: t('review.leave'),\n    cancelText: t('review.cancel'),\n    tone: 'danger',\n  })\n}\n\n/*\n * The list and this form are one route, so another review 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 review asks.\n */\nonBeforeRouteUpdate(async (to: RouteLocationNormalized, from: RouteLocationNormalized) =>\n  to.query.review === from.query.review ? true : await mayLeave(),\n)\n\nonBeforeRouteLeave(mayLeave)\n\n/* What leads away from the review. On a narrow pane the head folds them into the ···. */\nconst actions = computed<ScreenAction[]>(() =>\n  canManage.value && review.value !== null\n    ? [\n        {\n          key: 'delete',\n          label: t('review.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-review\" @keydown=\"onKeydown\">\n    <wx-skeleton v-if=\"loading\" class=\"wx-review__ghost\" title :rows=\"6\" />\n\n    <template v-else>\n      <wx-screen-head\n        :level=\"3\"\n        :back=\"!props.inline\"\n        :back-label=\"t('review.back')\"\n        :title=\"title\"\n        :actions=\"actions\"\n        :collapse-below=\"480\"\n        @back=\"emit('back')\"\n      >\n        <template v-if=\"review && !review.published\" #title-after>\n          <wx-badge dot>{{ t('review.not-published') }}</wx-badge>\n        </template>\n      </wx-screen-head>\n\n      <wx-screen\n        v-model=\"values\"\n        name=\"reviews.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('review.save') }}\n        </wx-button>\n      </wx-action-bar>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.wx-review {\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-review__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  WxAvatar,\n  WxBadge,\n  WxCard,\n  WxEmpty,\n  WxIcon,\n  WxInput,\n  WxListDetail,\n  WxSelect,\n  WxSkeleton,\n  WxSortableList,\n  WxTooltip,\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 { createReviewsApi, REVIEWS_API } from './api'\nimport { useReviewsMessages } from './i18n'\nimport ReviewPane from './ReviewPane.vue'\nimport type { ReviewCategoryRef, ReviewRow, ReviewSummary } from './types'\n\n/**\n * The reviews: all of them on the left, the one being written on the right (§4.6, decision 11).\n *\n * The same shape as the FAQ, for the same reason: a review is typed in from a message in a\n * minute, and the next one is usually the one under it — a round trip through a page of its own\n * for every review is most of the time spent. On a phone the form is the whole screen, in the\n * drawer `WxListDetail` raises, and draws its own way back.\n *\n * The order is decision 6: without a filter a drag moves the common order; narrowed to one\n * category, the category's own; a search or the bin shows a selection, so the grips go away and\n * the line under the list says why.\n *\n * Everything the screen is looking at lives in the address — the view, the category, the search\n * and the open review — so a link to a review is a link to it in its list.\n */\nwithDefaults(defineProps<{ base?: string }>(), { base: '/reviews' })\n\nconst context = useAdmin()\nconst api = createReviewsApi(context)\nconst route = useRoute()\nconst router = useRouter()\nuseReviewsMessages()\n\nconst t = useTranslate('webx-reviews')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst rows = ref<ReviewRow[]>([])\nconst categories = ref<ReviewCategoryRef[]>([])\nconst loading = ref(true)\n\nconst canManage = computed(() => context.can('reviews.manage'))\n\nconst title = computed(\n  () =>\n    context.state.manifest?.modules.find((module) => module.id === 'reviews')?.title ??\n    t('module.reviews'),\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 review from the list is not a review from the bin: the form closes with the view.\n    delete query.review\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 review: a number, `'new'` for one not yet saved, or nothing. */\nconst selected = computed<number | 'new' | null>(() => {\n  const raw = route.query.review\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 review 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('review.all') },\n  { value: 'trashed', label: t('review.trashed'), icon: 'trash' },\n])\n\nconst order = useItemOrder(REVIEWS_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\nconst emptyText = computed(() => {\n  if (q.value !== '') return t('review.empty-search')\n\n  return inBin.value ? t('review.empty-bin') : t('review.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 reviews is not twenty steps of history. */\nfunction choose(id: number | 'new'): void {\n  void router.replace({ query: { ...route.query, review: String(id) } })\n}\n\nfunction close(): void {\n  const query = { ...route.query }\n\n  delete query.review\n  void router.replace({ query })\n}\n\n/** A new review was saved: it is a record now, and the list has it. */\nfunction created(review: ReviewSummary): void {\n  choose(review.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('review.reorder-failed')))\n    await load()\n  }\n}\n\nfunction actionsFor(row: ReviewRow): RowAction[] {\n  if (!canManage.value) return []\n\n  if (inBin.value) {\n    return [\n      {\n        key: 'restore',\n        icon: 'refresh',\n        label: t('review.restore'),\n        run: () => void restore(row),\n      },\n    ]\n  }\n\n  return [\n    {\n      key: 'delete',\n      icon: 'trash',\n      label: t('review.delete'),\n      danger: true,\n      run: () => void remove(row),\n    },\n  ]\n}\n\nasync function remove(row: ReviewRow): Promise<void> {\n  const agreed = await confirm({\n    title: t('review.delete-title', { name: row.name }),\n    message: t('review.delete-text'),\n    confirmText: t('review.delete'),\n    cancelText: t('review.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(row.id)\n    toast.success(t('review.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: ReviewRow): Promise<void> {\n  try {\n    await api.restore(row.id)\n    toast.success(t('review.restored'))\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    await load()\n  }\n}\n\n/* Published and yet shown in no language: the one state the list has to point out. */\nfunction unseen(row: ReviewRow): boolean {\n  return row.published && row.locales.length === 0\n}\n\n/* Five places, the rating's filled: text rather than `WxRate`, which is a control, and a control\n   inside the row's button is a button in a button. */\nfunction stars(rating: number): string {\n  const whole = Math.max(0, Math.min(5, Math.round(rating)))\n\n  return '★'.repeat(whole) + '☆'.repeat(5 - whole)\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-reviews\" padding=\"none\">\n      <wx-list-detail\n        v-model:open=\"open\"\n        class=\"wx-reviews__panes\"\n        :list-width=\"360\"\n        :detail-min=\"460\"\n        :detail-label=\"t('module.reviews')\"\n      >\n        <template #list>\n          <div class=\"wx-reviews__bar\">\n            <wx-input\n              v-model=\"typed\"\n              class=\"wx-reviews__search\"\n              size=\"sm\"\n              clearable\n              :placeholder=\"t('review.search')\"\n              :aria-label=\"t('review.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('review.any-category')\"\n              :aria-label=\"t('review.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 review is written where\n            it will stand, beside the ones it joins — and the form opens the same way any other\n            review's does.\n          -->\n          <button\n            v-if=\"canManage && !inBin\"\n            type=\"button\"\n            class=\"wx-reviews__new\"\n            :class=\"{ 'is-current': selected === 'new' }\"\n            @click=\"choose('new')\"\n          >\n            <wx-icon name=\"plus\" size=\"sm\" />\n            {{ t('review.new') }}\n          </button>\n\n          <wx-skeleton v-if=\"loading && rows.length === 0\" class=\"wx-reviews__loading\" :rows=\"5\" />\n\n          <wx-empty\n            v-else-if=\"rows.length === 0\"\n            :title=\"emptyText\"\n            :description=\"!inBin && q === '' ? t('review.empty-help') : undefined\"\n          />\n\n          <template v-else>\n            <!-- A grip and not the whole row: the row opens a review, 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-reviews__list\"\n              :class=\"{ 'is-loading': loading }\"\n              plain\n              item-key=\"id\"\n              :handle=\"sortable ? 'grip' : 'row'\"\n              :item-label=\"(item: ReviewRow) => 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-review-row\"\n                  :class=\"{ 'is-current': selected === item.id }\"\n                  @click=\"inBin ? undefined : choose(item.id)\"\n                >\n                  <wx-avatar\n                    class=\"wx-review-row__photo\"\n                    :src=\"item.photo?.thumb ?? undefined\"\n                    :name=\"item.name\"\n                    size=\"md\"\n                  />\n\n                  <span class=\"wx-review-row__body\">\n                    <span class=\"wx-review-row__who\">\n                      <span class=\"wx-review-row__name\">{{ item.name }}</span>\n                      <span\n                        v-if=\"item.rating !== null\"\n                        class=\"wx-review-row__stars\"\n                        role=\"img\"\n                        :aria-label=\"`${item.rating} / 5`\"\n                      >\n                        {{ stars(item.rating) }}\n                      </span>\n                    </span>\n\n                    <span v-if=\"item.job_title\" class=\"wx-review-row__job\">\n                      {{ item.job_title }}\n                    </span>\n\n                    <span class=\"wx-review-row__facts\">\n                      <wx-badge v-if=\"!item.published\" dot size=\"sm\">\n                        {{ t('review.not-published') }}\n                      </wx-badge>\n                      <wx-tooltip v-else-if=\"unseen(item)\" :content=\"t('review.visible-nowhere')\">\n                        <wx-badge type=\"warning\" dot size=\"sm\">\n                          {{ t('review.not-published') }}\n                        </wx-badge>\n                      </wx-tooltip>\n\n                      <wx-badge v-for=\"chip in item.categories\" :key=\"chip.id\" size=\"sm\" round>\n                        {{ chip.title }}\n                      </wx-badge>\n\n                      <span\n                        v-if=\"item.locales.length > 0\"\n                        class=\"wx-review-row__locales\"\n                        :aria-label=\"t('review.seen-in', { locales: item.locales.join(', ') })\"\n                      >\n                        {{ item.locales.join(' · ') }}\n                      </span>\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-reviews__note\"\n              type=\"info\"\n              :description=\"order.hint.value\"\n            />\n          </template>\n        </template>\n\n        <template #detail=\"{ inline, back }\">\n          <review-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('review.choose')\"\n            :description=\"canManage ? t('review.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-reviews > .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-reviews__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-reviews__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-reviews__bar > :deep(.wx-select) {\n  flex: 1 1 140px;\n  min-width: 0;\n}\n\n.wx-reviews__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-reviews__new:hover,\n.wx-reviews__new.is-current {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-reviews__loading {\n  padding: var(--wx-space-12);\n}\n\n.wx-reviews__list {\n  padding-inline: var(--wx-space-8);\n}\n\n.wx-reviews__list.is-loading {\n  opacity: 0.6;\n}\n\n.wx-reviews__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-reviews__list :deep(.wx-sortable-list__row:hover),\n.wx-reviews__list :deep(.wx-sortable-list__row:has(.is-current)) {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-reviews__note {\n  margin: var(--wx-space-8);\n}\n\n.wx-review-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-review-row {\n  cursor: pointer;\n}\n\n.wx-review-row__photo {\n  flex: none;\n}\n\n.wx-review-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-review-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-review-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-review-row.is-current .wx-review-row__name {\n  color: var(--wx-color-primary);\n}\n\n.wx-review-row__stars {\n  flex: none;\n  color: var(--wx-color-warning);\n  font-size: var(--wx-font-size-xs);\n  letter-spacing: 0.08em;\n}\n\n.wx-review-row__job {\n  overflow: hidden;\n  color: var(--wx-text-muted);\n  font-size: var(--wx-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-review-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-review-row__facts:empty {\n  display: none;\n}\n\n.wx-review-row__locales {\n  color: var(--wx-text-muted);\n  font-family: var(--wx-font-family-mono);\n  font-size: var(--wx-font-size-xs);\n  text-transform: uppercase;\n}\n</style>\n","import { categoryRoutes, type AdminModule, type CategoriesOptions } from '@webx-ui/module-admin'\nimport ReviewsPage from './ReviewsPage.vue'\n\nexport interface ReviewsOptions {\n  /** Where the reviews live inside the panel. The categories sit under it. */\n  path?: string\n}\n\n/**\n * The categories of the reviews as the panel's shared category screens see them. Exported so\n * that a panel mounting the screens somewhere of its own does not have to repeat the words.\n *\n * No words about addresses: a category here has none (decision 5) — it is a button of the filter\n * on the site, and the shared list leaves the address line out when the server says so.\n */\nexport function reviewCategoriesOptions(path = '/reviews'): CategoriesOptions {\n  return {\n    api: 'reviews/categories',\n    path: `${path}/categories`,\n    name: 'webx.reviews.categories',\n    module: 'review-categories',\n    screen: 'reviews.category-form',\n    manage: 'reviews.categories.manage',\n    count: 'reviews_count',\n    // The list narrowed to one category is also where its own order is dragged.\n    items: (id) => ({ path, query: { category: String(id) } }),\n    words: {\n      new: 'webx-reviews::category.new',\n      empty: 'webx-reviews::category.empty',\n      'empty-help': 'webx-reviews::category.empty-help',\n      order: 'webx-reviews::category.order',\n      hidden: 'webx-reviews::category.hidden',\n      count: 'webx-reviews::category.reviews',\n      'show-items': 'webx-reviews::category.show-reviews',\n      'delete-blocked': 'webx-reviews::category.delete-blocked',\n      'delete-text': 'webx-reviews::category.delete-text',\n      deleted: 'webx-reviews::category.deleted',\n      saved: 'webx-reviews::category.saved',\n      'field-title': 'webx-reviews::category.field-title',\n    },\n  }\n}\n\n/**\n * The reviews as sections of the panel: reviews, and their categories (§4.6).\n *\n * Two modules rather than one, because the navigation is one entry per module; the server puts\n * both in the `reviews` group, which is what draws them under one heading. A section whose server\n * half is not installed never appears — the entry is built from the manifest.\n */\nexport function reviews(options: ReviewsOptions = {}): AdminModule[] {\n  const path = options.path ?? '/reviews'\n\n  return [\n    {\n      id: 'reviews',\n      path,\n      // One route: the open review is in the address (`?review=`), beside the list it was opened\n      // from, so a link to it is a link to both.\n      routes: [{ path, name: 'webx.reviews', component: ReviewsPage, props: { base: path } }],\n    },\n    {\n      id: 'review-categories',\n      path: `${path}/categories`,\n      routes: categoryRoutes(reviewCategoriesOptions(path)),\n    },\n  ]\n}\n"],"names":["REVIEWS_API","createReviewsApi","admin","base","data","body","query","search","id","values","ids","category","reorderItems","reviewsMessages","seeded","useReviewsMessages","i18n","useAdmin","props","__props","emit","__emit","context","api","locales","useLocales","t","useTranslate","message","useErrorText","review","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","emptyText","answer","watch","pause","narrow","choose","created","reorder","row","actionsFor","restore","removed","unseen","stars","rating","whole","WxListScreen","WxCard","WxListDetail","_createElementVNode","_hoisted_1","WxInput","WxIcon","WxSelect","item","_normalizeClass","_createTextVNode","WxEmpty","WxSortableList","_withCtx","_openBlock","_resolveDynamicComponent","WxAvatar","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","WxTooltip","_renderList","chip","_hoisted_8","WxRowMenu","WxAlert","inline","back","ReviewPane","reviewCategoriesOptions","path","reviews","options","ReviewsPage","categoryRoutes"],"mappings":"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"}

package/dist/messages.d.ts

@@ -0,0 +1,7 @@
+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-reviews::` and overrides
+ * these; `messages.test.ts` keeps the two sets of keys equal.
+ */
+export declare const reviewsMessages: Record<string, Messages>;

package/dist/module.d.ts

@@ -0,0 +1,21 @@
+import { AdminModule, CategoriesOptions } from '@webx-ui/module-admin';
+export interface ReviewsOptions {
+    /** Where the reviews live inside the panel. The categories sit under it. */
+    path?: string;
+}
+/**
+ * The categories of the reviews 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.
+ *
+ * No words about addresses: a category here has none (decision 5) — it is a button of the filter
+ * on the site, and the shared list leaves the address line out when the server says so.
+ */
+export declare function reviewCategoriesOptions(path?: string): CategoriesOptions;
+/**
+ * The reviews as sections of the panel: reviews, and their categories (§4.6).
+ *
+ * Two modules rather than one, because the navigation is one entry per module; the server puts
+ * both in the `reviews` group, which is what draws them under one heading. A section whose server
+ * half is not installed never appears — the entry is built from the manifest.
+ */
+export declare function reviews(options?: ReviewsOptions): AdminModule[];

package/dist/style.css

@@ -0,0 +1 @@
+.wx-review[data-v-d5d4af03]{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-review__ghost[data-v-d5d4af03]{max-width:480px}.wx-reviews>.wx-card__body{display:flex;flex-direction:column;overflow:clip;border-radius:inherit}.wx-reviews__bar[data-v-572ff29d]{display:flex;flex-wrap:wrap;gap:var(--wx-space-8);padding:var(--wx-space-12) var(--wx-space-12) var(--wx-space-8)}.wx-reviews__search[data-v-572ff29d]{flex:1 1 180px;min-width:0}.wx-reviews__bar[data-v-572ff29d]>.wx-select{flex:1 1 140px;min-width:0}.wx-reviews__new[data-v-572ff29d]{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-reviews__new[data-v-572ff29d]:hover,.wx-reviews__new.is-current[data-v-572ff29d]{background:var(--wx-bg-subtle)}.wx-reviews__loading[data-v-572ff29d]{padding:var(--wx-space-12)}.wx-reviews__list[data-v-572ff29d]{padding-inline:var(--wx-space-8)}.wx-reviews__list.is-loading[data-v-572ff29d]{opacity:.6}.wx-reviews__list[data-v-572ff29d] .wx-sortable-list__row{gap:var(--wx-space-4);padding-inline:var(--wx-space-4);border-radius:var(--wx-radius-sm)}.wx-reviews__list[data-v-572ff29d] .wx-sortable-list__row:hover,.wx-reviews__list[data-v-572ff29d] .wx-sortable-list__row:has(.is-current){background:var(--wx-bg-subtle)}.wx-reviews__note[data-v-572ff29d]{margin:var(--wx-space-8)}.wx-review-row[data-v-572ff29d]{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-review-row[data-v-572ff29d]{cursor:pointer}.wx-review-row__photo[data-v-572ff29d]{flex:none}.wx-review-row__body[data-v-572ff29d]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--wx-space-2);min-width:0}.wx-review-row__who[data-v-572ff29d]{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--wx-space-8);min-width:0}.wx-review-row__name[data-v-572ff29d]{min-width:0;overflow:hidden;font-weight:var(--wx-font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.wx-review-row.is-current .wx-review-row__name[data-v-572ff29d]{color:var(--wx-color-primary)}.wx-review-row__stars[data-v-572ff29d]{flex:none;color:var(--wx-color-warning);font-size:var(--wx-font-size-xs);letter-spacing:.08em}.wx-review-row__job[data-v-572ff29d]{overflow:hidden;color:var(--wx-text-muted);font-size:var(--wx-font-size-sm);text-overflow:ellipsis;white-space:nowrap}.wx-review-row__facts[data-v-572ff29d]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-4);min-width:0;margin-top:var(--wx-space-2)}.wx-review-row__facts[data-v-572ff29d]:empty{display:none}.wx-review-row__locales[data-v-572ff29d]{color:var(--wx-text-muted);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs);text-transform:uppercase}

package/dist/types.d.ts

@@ -0,0 +1,62 @@
+import { ScreenModel } from '@webx-ui/schema';
+/** A category as a row of the list names one: the filter, and the chips on the row. */
+export interface ReviewCategoryRef {
+    id: number;
+    title: string;
+}
+/**
+ * One review as the section lists it (`ReviewResource`, §4.7).
+ *
+ * `locales` is where it can be seen — the languages it has a text in — and it is a separate
+ * thing from `published` on purpose: "published, and seen nowhere" is the row the list has to
+ * point out.
+ */
+export interface ReviewRow {
+    id: number;
+    /**
+     * In the language the panel is open in, in the default one where there is none, `#id` where
+     * neither — a person's name is usually the same in every language (decision 7).
+     */
+    name: string;
+    /** The same way; `''` or `null` when nobody wrote one. */
+    job_title: string | null;
+    /** 1…5, or nothing: a review without stars is a review. */
+    rating: number | null;
+    photo: {
+        thumb: string | null;
+    } | null;
+    published: boolean;
+    /** Its place in the whole list. */
+    position: number;
+    locales: string[];
+    categories: ReviewCategoryRef[];
+    updated_at: string | null;
+    deleted_at: string | null;
+}
+/** Every review — no pages: the list is where reviews are put in order (§4.6). */
+export interface ReviewsList {
+    data: ReviewRow[];
+    filters: {
+        categories: ReviewCategoryRef[];
+    };
+}
+export interface ReviewQuery {
+    /** The name, the job title or the text, in any language the site has. */
+    search?: string;
+    /** One category: 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 review 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 ReviewSummary {
+    id: number;
+    name: string;
+    published: boolean;
+    deleted_at: string | null;
+}
+/** One review as its form opens it: the record, and the values of `reviews.form` by field name. */
+export interface ReviewDetail {
+    review: ReviewSummary;
+    values: ScreenModel;
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@webx-ui/module-reviews",
+  "version": "0.1.0",
+  "description": "Reviews for the WebX UI admin panel: photo, name, job title, rating and text, in flat categories, ordered by hand, shown on the site by a block.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "keywords": [
+    "webx-ui",
+    "vue",
+    "admin",
+    "cms",
+    "reviews",
+    "testimonials"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webx-ui/webx-ui.git",
+    "directory": "packages/module-reviews"
+  },
+  "homepage": "https://webx-ui.github.io/webx-ui/guide/reviews.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.33.2",
+    "@webx-ui/module-admin": "^0.17.0",
+    "@webx-ui/schema": "^0.6.1"
+  },
+  "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"
+  }
+}