@tiny-server/avatars 0.0.0-pre202605241751

package/dist/AvatarExtension-wsvVGy1v.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { U as a } from "./UserAvatar-Bgb5L9YF.js";
+function n({ params: r }) {
+  return /* @__PURE__ */ t(a, { ...r });
+}
+export {
+  n as AvatarExtension,
+  n as default
+};

package/dist/AvatarSettingsMenuItem-CAw81GMv.js

@@ -0,0 +1,33 @@
+import { jsx as t } from "react/jsx-runtime";
+import { withPermissions as r, useApp as n } from "@tiny-server/core";
+import { c as i } from "./createLucideIcon-DJ4QdTU4.js";
+import { d as s } from "./i18n-BBsN4SUB.js";
+const c = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], m = i("image", c), p = s("AvatarSettingsMenuItem", {
+  en: {
+    label: "Avatar",
+    description: "Manage your avatar."
+  }
+}), g = r(
+  { permissions: ["write.avatar.own"] },
+  (a) => {
+    const e = p(), { MenuItem: o } = n().components;
+    return /* @__PURE__ */ t(
+      o,
+      {
+        label: e("label"),
+        description: e("description"),
+        to: "/settings/avatar",
+        leftSection: /* @__PURE__ */ t(m, { size: "1em" }),
+        ...a
+      }
+    );
+  }
+);
+export {
+  g as AvatarSettingsMenuItem,
+  g as default
+};

package/dist/ManageAccountTabExtension-CJj7tXQq.js

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Tabs as e } from "@mantine/core";
+import { d as o } from "./i18n-BBsN4SUB.js";
+const n = o("ManageAccountTab", {
+  en: {
+    title: "Avatar"
+  }
+});
+function s() {
+  const t = n();
+  return /* @__PURE__ */ a(e.Tab, { value: "avatar", children: t("title") });
+}
+export {
+  s as ManageAccountTabExtension,
+  s as default
+};

package/dist/ManageAccountTabPanelExtension-umstphbQ.js

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Tabs as t } from "@mantine/core";
+import { M as o } from "./ManageAvatarCard-B6u43CrW.js";
+function i({ params: r }) {
+  const a = r?.account?.id;
+  return typeof a != "string" ? null : /* @__PURE__ */ n(t.Panel, { value: "avatar", children: /* @__PURE__ */ n(o, { userId: a }) });
+}
+export {
+  i as ManageAccountTabPanelExtension,
+  i as default
+};

package/dist/ManageAvatarCard-B6u43CrW.js

@@ -0,0 +1,116 @@
+import { jsxs as o, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { Form as l, ImageCropper as C, SectionCard as h } from "@tiny-server/design";
+import { Input as P, Box as j, LoadingOverlay as T, FileButton as w, Tooltip as L, Button as v, Skeleton as x } from "@mantine/core";
+import { useSuspenseQuery as Q, useQuery as V, useMutation as b } from "@tanstack/react-query";
+import { readStatusQuery as z, useSession as O } from "@tiny-server/core";
+import { useForm as _ } from "@mantine/form";
+import { useState as B, useMemo as H } from "react";
+import { readAvatarQuery as R, upsertAvatarMutation as D, deleteAvatarMutation as I } from "./index.js";
+import { U as N } from "./UserAvatar-Bgb5L9YF.js";
+import { c as y } from "./createLucideIcon-DJ4QdTU4.js";
+import { d as S } from "./i18n-BBsN4SUB.js";
+const $ = [
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], q = y("trash", $);
+const G = [
+  ["path", { d: "M12 3v12", key: "1x0j5s" }],
+  ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
+], W = y("upload", G), f = "12rem", Y = S("UploadAvatarForm", {
+  en: {
+    pickFileTooltip: "Click to select an image file to upload as your avatar...",
+    avatar: {
+      label: "Current Avatar",
+      description: "Click the avatar to upload a new image."
+    },
+    error: {
+      title: "Avatar upload failed.",
+      description: "An error occurred while uploading the image. Please try again later."
+    },
+    submit: "Upload",
+    delete: "Delete current"
+  }
+});
+function E({ userId: i }) {
+  const t = Y(), { data: s } = Q(z()), A = s.data.avatar.allowedMimeTypes.join(","), c = V({ ...R(i), retry: !1 }), n = b(D(i)), d = b(I(i)), u = n.isPending || d.isPending, r = _({
+    initialValues: {
+      file: null
+    }
+  }), [p, m] = B(null), g = H(() => p ? URL.createObjectURL(p) : null, [p]), U = (a) => {
+    m(a), r.setFieldValue("file", a);
+  }, F = () => {
+    n.mutate(r.values.file, {
+      onSuccess: () => {
+        r.reset(), m(null);
+      }
+    });
+  }, M = () => {
+    d.mutate(void 0, {
+      onSuccess: () => {
+        r.reset(), m(null);
+      }
+    });
+  };
+  return /* @__PURE__ */ o(l, { onSubmit: r.onSubmit(F), children: [
+    /* @__PURE__ */ o(l.Section, { children: [
+      n.error && /* @__PURE__ */ e(l.Alert, { kind: "error", title: t("error.title"), children: t("error.description") }),
+      /* @__PURE__ */ e(P.Wrapper, { label: t("avatar.label"), description: t("avatar.description"), children: /* @__PURE__ */ e(j, { pos: "relative", mt: "lg", w: f, h: f, children: g ? /* @__PURE__ */ o(k, { children: [
+        /* @__PURE__ */ e(
+          C,
+          {
+            src: g,
+            aspect: 1,
+            cropShape: "round",
+            showGrid: !1,
+            objectFit: "cover",
+            onCropped: (a) => r.setFieldValue("file", a)
+          }
+        ),
+        /* @__PURE__ */ e(T, { loaderProps: { visibility: "hidden" }, visible: u })
+      ] }) : /* @__PURE__ */ e(w, { accept: A, ...r.getInputProps("file"), onChange: (a) => U(a), children: (a) => /* @__PURE__ */ e(L, { label: t("pickFileTooltip"), children: /* @__PURE__ */ e(v, { variant: "transparent", h: "auto", p: 0, ...a, children: /* @__PURE__ */ e(N, { userId: i, size: f, resolution: "Lg" }) }) }) }) }) })
+    ] }),
+    /* @__PURE__ */ o(l.Footer, { children: [
+      /* @__PURE__ */ e(
+        v,
+        {
+          type: "submit",
+          leftSection: /* @__PURE__ */ e(W, { size: "1em" }),
+          loading: n.isPending,
+          disabled: !r.values.file || u,
+          children: t("submit")
+        }
+      ),
+      /* @__PURE__ */ e(x, { width: "fit-content", visible: c.isFetching, children: !!c.data && !c.error && /* @__PURE__ */ e(
+        v,
+        {
+          variant: "transparent",
+          color: "red",
+          leftSection: /* @__PURE__ */ e(q, { size: "1em" }),
+          onClick: M,
+          loading: d.isPending,
+          disabled: u,
+          children: t("delete")
+        }
+      ) })
+    ] })
+  ] });
+}
+const J = S("UploadAvatarCard", {
+  en: {
+    titleCurrentUser: "Your Avatar",
+    titleOtherUser: "User's Avatar",
+    subTitle: "Avatars are public profile images visible to other users."
+  }
+});
+function se({ userId: i }) {
+  const t = J(), s = i === O().userId;
+  return /* @__PURE__ */ o(h, { children: [
+    /* @__PURE__ */ e(h.Header, { title: t(s ? "titleCurrentUser" : "titleOtherUser") }),
+    /* @__PURE__ */ e(h.Section, { children: /* @__PURE__ */ e(E, { userId: i }) })
+  ] });
+}
+export {
+  se as M
+};

package/dist/UserAvatar-Bgb5L9YF.js

@@ -0,0 +1,37 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Skeleton as c, Avatar as u } from "@mantine/core";
+import { useSessionState as v } from "@tiny-server/core";
+import { useQuery as p } from "@tanstack/react-query";
+import { useState as h } from "react";
+import { readAvatarQuery as L } from "./index.js";
+function $({ userId: a, resolution: l = "Md", src: r, ...m }) {
+  const e = v().session?.userId;
+  a ??= e;
+  const {
+    isLoading: o,
+    data: i,
+    error: f
+  } = p({
+    ...L(a ?? ""),
+    retry: !1,
+    enabled: !!a
+  }), [d, t] = h(!1), s = !o && i && !f, g = s ? i.data.eTag : "";
+  return r ??= s ? `/api/v1/users/${a ?? e}/avatar/file?resolution=${l}&_uid=${g}` : null, /* @__PURE__ */ n(c, { width: "fit-content", height: "fit-content", visible: o || d, circle: !0, children: /* @__PURE__ */ n(
+    u,
+    {
+      variant: "light",
+      bg: "gray",
+      color: "initials",
+      ...m,
+      src: r,
+      imageProps: {
+        onLoadStart: () => t(!0),
+        onLoad: () => t(!1),
+        onError: () => t(!1)
+      }
+    }
+  ) });
+}
+export {
+  $ as U
+};

package/dist/api/avatar.d.ts

@@ -0,0 +1,37 @@
+import { ApiResult, EntityRead } from '@tiny-server/core';
+/**
+ * Specifies the avatar resolutions that the system supports.
+ */
+export type AvatarResolution = 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl';
+/**
+ * Represents metadata about a user's avatar.
+ */
+export interface AvatarRead extends EntityRead {
+    /**
+     * The avatar file's content type.
+     */
+    contentType: string;
+    /**
+     * A hash value which uniquely identifies the avatar file in its current version.
+     */
+    eTag: string;
+}
+/** `GET api/v1/users/{userId}/avatar` */
+export declare function readAvatar(userId: string): Promise<ApiResult<AvatarRead>>;
+/** `PUT api/v1/users/{userId}/avatar` */
+export declare function upsertAvatar(userId: string, file: File): Promise<ApiResult<AvatarRead>>;
+/** `DELETE api/v1/users/{userId}/avatar` */
+export declare function deleteAvatar(userId: string): Promise<null>;
+/** {@link readAvatar} */
+export declare function readAvatarQuery(userId: string): import('@tanstack/query-core').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<ApiResult<AvatarRead>, Error, ApiResult<AvatarRead>, readonly ["users", string, "avatar"]>, "queryFn"> & {
+    queryFn?: import('@tanstack/query-core').QueryFunction<ApiResult<AvatarRead>, readonly ["users", string, "avatar"], never> | undefined;
+} & {
+    queryKey: readonly ["users", string, "avatar"] & {
+        [dataTagSymbol]: ApiResult<AvatarRead>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+/** {@link upsertAvatar} */
+export declare function upsertAvatarMutation(userId: string): Omit<import('@tanstack/react-query').UseMutationOptions<ApiResult<AvatarRead>, Error, File, unknown>, "mutationKey">;
+/** {@link deleteAvatar} */
+export declare function deleteAvatarMutation(userId: string): Omit<import('@tanstack/react-query').UseMutationOptions<null, Error, void, unknown>, "mutationKey">;

package/dist/api/index.d.ts

@@ -0,0 +1,3 @@
+export * from './avatar';
+export * from './permissions';
+export * from './status';

package/dist/api/permissions.d.ts

@@ -0,0 +1,10 @@
+declare module '@tiny-server/core' {
+    interface PermissionsMap {
+        ['write.avatar.all']: '';
+        ['write.avatar.own']: '';
+        ['read.avatar.all']: '';
+        ['read.avatar.own']: '';
+        ['read.avatar.file.all']: '';
+    }
+}
+export {};

package/dist/api/status.d.ts

@@ -0,0 +1,11 @@
+interface AvatarStatusRead {
+    allowedFileExtensions: Array<string>;
+    allowedMimeTypes: Array<string>;
+    maxFileSize: number;
+}
+declare module '@tiny-server/core' {
+    interface StatusRead {
+        avatar: AvatarStatusRead;
+    }
+}
+export {};

package/dist/components/ManageAvatarCard.d.ts

@@ -0,0 +1,4 @@
+export interface ManageAvatarCardProps {
+    userId: string;
+}
+export declare function ManageAvatarCard({ userId }: ManageAvatarCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UserAvatar.d.ts

@@ -0,0 +1,11 @@
+import { AvatarProps } from '@mantine/core';
+import { AvatarResolution } from '../api';
+export interface UserAvatarProps extends AvatarProps {
+    userId?: string;
+    resolution?: AvatarResolution;
+}
+/**
+ * Renders a user's avatar image.
+ * If no {@link UserAvatarProps.userId} is provided, the current session user's avatar will be displayed.
+ */
+export declare function UserAvatar({ userId, resolution, src, ...rest }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ManageAvatarCard';
+export * from './UserAvatar';

package/dist/createLucideIcon-DJ4QdTU4.js

@@ -0,0 +1,74 @@
+import { useContext as b, createContext as L, forwardRef as C, createElement as i } from "react";
+const h = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
+const W = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const S = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+);
+const d = (e) => {
+  const t = S(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+};
+var c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const v = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+  return !1;
+}, y = L({}), $ = () => b(y), j = C(
+  ({ color: e, size: t, strokeWidth: o, absoluteStrokeWidth: r, className: a = "", children: s, iconNode: p, ...l }, m) => {
+    const {
+      size: n = 24,
+      strokeWidth: u = 2,
+      absoluteStrokeWidth: x = !1,
+      color: w = "currentColor",
+      className: f = ""
+    } = $() ?? {}, k = r ?? x ? Number(o ?? u) * 24 / Number(t ?? n) : o ?? u;
+    return i(
+      "svg",
+      {
+        ref: m,
+        ...c,
+        width: t ?? n ?? c.width,
+        height: t ?? n ?? c.height,
+        stroke: e ?? w,
+        strokeWidth: k,
+        className: h("lucide", f, a),
+        ...!s && !v(l) && { "aria-hidden": "true" },
+        ...l
+      },
+      [
+        ...p.map(([g, A]) => i(g, A)),
+        ...Array.isArray(s) ? s : [s]
+      ]
+    );
+  }
+);
+const I = (e, t) => {
+  const o = C(
+    ({ className: r, ...a }, s) => i(j, {
+      ref: s,
+      iconNode: t,
+      className: h(
+        `lucide-${W(d(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...a
+    })
+  );
+  return o.displayName = d(e), o;
+};
+export {
+  I as c
+};

package/dist/declarations.d.ts

@@ -0,0 +1,11 @@
+import { UserAvatarProps } from './components';
+export interface AvatarExtensionParams extends UserAvatarProps {
+}
+declare module '@tiny-server/core' {
+    interface MenuParamsMap {
+        settings: {};
+    }
+    interface ExtensionParamsMap {
+        avatar: AvatarExtensionParams;
+    }
+}

package/dist/extensions/AvatarExtension.d.ts

@@ -0,0 +1,3 @@
+import { ExtensionComponentProps } from '@tiny-server/core';
+export declare function AvatarExtension({ params }: ExtensionComponentProps<'avatar'>): import("react/jsx-runtime").JSX.Element;
+export default AvatarExtension;

package/dist/extensions/ManageAccountTabExtension.d.ts

@@ -0,0 +1,2 @@
+export declare function ManageAccountTabExtension(): import("react/jsx-runtime").JSX.Element;
+export default ManageAccountTabExtension;

package/dist/extensions/ManageAccountTabPanelExtension.d.ts

@@ -0,0 +1,3 @@
+import { ExtensionComponentProps } from '@tiny-server/core';
+export declare function ManageAccountTabPanelExtension({ params }: ExtensionComponentProps<'manage-account-tab-panel'>): import("react/jsx-runtime").JSX.Element | null;
+export default ManageAccountTabPanelExtension;

package/dist/forms/UploadAvatarForm.d.ts

@@ -0,0 +1,4 @@
+export interface UploadAvatarFormProps {
+    userId: string;
+}
+export declare function UploadAvatarForm({ userId }: UploadAvatarFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/i18n-BBsN4SUB.js

@@ -0,0 +1,5 @@
+import { defineLocales as o } from "@tiny-server/core";
+const s = (e, r) => o(`@tiny-server/avatars/${e}`, r);
+export {
+  s as d
+};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api';
+export type * from './declarations.ts';
+export * from './module';

package/dist/index.js

@@ -0,0 +1,81 @@
+import { appFetch as o, createModule as s, requireSession as m } from "@tiny-server/core";
+import { lazy as r } from "react";
+import { queryOptions as p, mutationOptions as i } from "@tanstack/react-query";
+function c(a) {
+  return o({ url: `/api/v1/users/${a}/avatar` });
+}
+function v(a, t) {
+  const n = new FormData();
+  return n.append("file", t), o({
+    url: `/api/v1/users/${a}/avatar`,
+    method: "PUT",
+    body: n
+  });
+}
+function l(a) {
+  return o({ url: `/api/v1/users/${a}/avatar`, method: "DELETE" });
+}
+function d(a) {
+  return p({
+    queryKey: ["users", a, "avatar"],
+    queryFn: () => c(a),
+    staleTime: 1 / 0
+  });
+}
+function A(a) {
+  return i({
+    mutationFn: (t) => v(a, t),
+    onSuccess(t, n, u, e) {
+      e.client.setQueryData(["users", a, "avatar"], t), e.client.invalidateQueries({ queryKey: ["users", a, "avatar"] });
+    }
+  });
+}
+function q(a) {
+  return i({
+    mutationFn: () => l(a),
+    onSuccess(t, n, u, e) {
+      e.client.setQueryData(["users", a, "avatar"], null), e.client.invalidateQueries({ queryKey: ["users", a, "avatar"] });
+    }
+  });
+}
+function g() {
+  return s({
+    routes: [
+      {
+        middleware: [m({ permissions: ["write.avatar.own"] })],
+        path: "/settings/avatar",
+        Component: r(() => import("./settings.avatar-4bVoqwjW.js"))
+      }
+    ],
+    extensions: [
+      {
+        name: "avatar",
+        component: r(() => import("./AvatarExtension-wsvVGy1v.js"))
+      },
+      {
+        name: "manage-account-tab",
+        component: r(() => import("./ManageAccountTabExtension-CJj7tXQq.js"))
+      },
+      {
+        name: "manage-account-tab-panel",
+        component: r(() => import("./ManageAccountTabPanelExtension-umstphbQ.js"))
+      }
+    ],
+    menuItems: [
+      {
+        id: "avatars-avatar-settings",
+        menu: "settings",
+        component: r(() => import("./AvatarSettingsMenuItem-CAw81GMv.js"))
+      }
+    ]
+  });
+}
+export {
+  g as createAvatarsModule,
+  l as deleteAvatar,
+  q as deleteAvatarMutation,
+  c as readAvatar,
+  d as readAvatarQuery,
+  v as upsertAvatar,
+  A as upsertAvatarMutation
+};

package/dist/menu/AvatarSettingsMenuItem.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemComponentProps } from '@tiny-server/core';
+export declare const AvatarSettingsMenuItem: import('react').ComponentType<MenuItemComponentProps<"settings">>;
+export default AvatarSettingsMenuItem;

package/dist/module.d.ts

@@ -0,0 +1 @@
+export declare function createAvatarsModule(): import('@tiny-server/core').Module;

package/dist/routes/settings.avatar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/settings.avatar-4bVoqwjW.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useApp as s, useSession as r } from "@tiny-server/core";
+import { M as a } from "./ManageAvatarCard-B6u43CrW.js";
+import { d as i } from "./i18n-BBsN4SUB.js";
+const c = i("AccountSettingsRoute", {
+  en: {
+    title: "Avatar Settings"
+  }
+});
+function f() {
+  const e = c(), { Page: o } = s().components, { userId: n } = r();
+  return /* @__PURE__ */ t(o, { header: e("title"), children: /* @__PURE__ */ t(a, { userId: n }) });
+}
+export {
+  f as default
+};

package/dist/utils/i18n.d.ts

@@ -0,0 +1,2 @@
+import { defineLocales } from '@tiny-server/core';
+export declare const defineModuleLocales: typeof defineLocales;

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './i18n';

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@tiny-server/avatars",
+  "version": "0.0.0-pre202605241751",
+  "description": "The Tiny Server avatars frontend package.",
+  "keywords": [
+    "tiny-server",
+    "module",
+    "avatars"
+  ],
+  "author": "Manuel Römer",
+  "license": "AGPL-3.0-only",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/manuelroemer/tiny-server.git"
+  },
+  "bugs": {
+    "url": "https://github.com/manuelroemer/tiny-server/issues"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "start": "vite build --watch",
+    "build": "vite build",
+    "test": "",
+    "lint": "eslint src"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^9",
+    "@mantine/form": "^9",
+    "@mantine/hooks": "^9",
+    "@tanstack/react-query": "^5",
+    "i18next": "^26",
+    "react": "^19",
+    "react-dom": "^19",
+    "react-i18next": "^17",
+    "react-router": "^7"
+  },
+  "dependencies": {
+    "@tiny-server/core": "0.0.0-pre202605241751",
+    "@tiny-server/design": "0.0.0-pre202605241751"
+  },
+  "gitHead": "193d19cb2bc34732a7d80e709067851e249803c4"
+}