@mercurjs/admin 2.0.0-canary.99 → 2.0.1

package/dist/store-details-65JQK3M3.js

@@ -0,0 +1,125 @@
+import {
+  StoreDetailPage
+} from "./chunk-NRKVFULI.js";
+import "./chunk-ZZO3INVE.js";
+import "./chunk-RK5N3XIX.js";
+import "./chunk-25LYVP3C.js";
+import "./chunk-PXYDR7WQ.js";
+import "./chunk-U2EI2ZLM.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-NNI6QKKZ.js";
+import "./chunk-MG4GKUJW.js";
+import "./chunk-AYVH6Q5O.js";
+import "./chunk-VOHEQ7B5.js";
+import "./chunk-C3WE6EFO.js";
+import "./chunk-N5IUYCUZ.js";
+import "./chunk-7SVLKK6Q.js";
+import "./chunk-GR6JUIRU.js";
+import "./chunk-PVZBDWLK.js";
+import "./chunk-3B6MTW5G.js";
+import "./chunk-VKOE5J66.js";
+import "./chunk-DY3XQPHC.js";
+import "./chunk-VVWB3GIK.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  subscriptionPlansQueryKeys
+} from "./chunk-3MDRW5MA.js";
+import "./chunk-MFL2TZ3W.js";
+import "./chunk-YNIIYGL4.js";
+import "./chunk-CBHNHLUZ.js";
+import "./chunk-VME3CJER.js";
+import "./chunk-XMVTX2EN.js";
+import "./chunk-5PUHROK4.js";
+import "./chunk-TPPONKYW.js";
+import "./chunk-DF3OGJAK.js";
+import "./chunk-XRDP2SYY.js";
+import "./chunk-FNBKEF54.js";
+import "./chunk-EHQESDH2.js";
+import "./chunk-XKVXLDSJ.js";
+import "./chunk-XDZGOUCR.js";
+import "./chunk-K4BGK3CO.js";
+import "./chunk-YYTI5JIC.js";
+import "./chunk-HAFZQK53.js";
+import "./chunk-IJWG755C.js";
+import {
+  sellersQueryKeys,
+  useSeller
+} from "./chunk-M3YP3NX4.js";
+import "./chunk-UU2RQMXS.js";
+import "./chunk-O4STPJR2.js";
+import "./chunk-R74OHYTB.js";
+import "./chunk-22XJUSMM.js";
+import "./chunk-OFKUNYQJ.js";
+import "./chunk-W5UPPL3W.js";
+import "./chunk-LC6TM5OT.js";
+import "./chunk-7SJC6BWZ.js";
+import "./chunk-N4JU7GWK.js";
+import "./chunk-52BRBQMY.js";
+import "./chunk-BA2HXHTW.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/stores/store-details/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var StoreDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { seller } = useSeller(id, void 0, {
+    enabled: Boolean(id)
+  });
+  if (!seller) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: seller.name || seller.email });
+};
+
+// src/pages/stores/store-details/loader.ts
+var sellerDetailQuery = (id) => ({
+  queryKey: sellersQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.sellers.$id.query({ $id: id })
+});
+var subscriptionPlansQuery = (currencyCode) => ({
+  queryKey: subscriptionPlansQueryKeys.list({ currency_code: currencyCode, offset: 0, limit: 100 }),
+  queryFn: async () => sdk.admin.subscriptionPlans.query({ currency_code: currencyCode, offset: 0, limit: 100 })
+});
+var storeDetailLoader = async ({ params }) => {
+  const id = params.id;
+  const sellerData = await queryClient.ensureQueryData({
+    ...sellerDetailQuery(id),
+    staleTime: 9e4
+  });
+  const currencyCode = sellerData.seller?.currency_code;
+  if (currencyCode) {
+    queryClient.ensureQueryData({
+      ...subscriptionPlansQuery(currencyCode),
+      staleTime: 9e4
+    });
+  }
+  return sellerData;
+};
+export {
+  StoreDetailBreadcrumb as Breadcrumb,
+  StoreDetailPage as Component,
+  storeDetailLoader as loader
+};

package/dist/store-edit-IQAVLFU5.js

@@ -0,0 +1,372 @@
+import {
+  require_dist
+} from "./chunk-ZZO3INVE.js";
+import {
+  MediaSchema
+} from "./chunk-UBS6VEGB.js";
+import "./chunk-UXD3VNBO.js";
+import "./chunk-SMQT3ZNO.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import "./chunk-ZMDE5HEV.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  FileUpload
+} from "./chunk-S2Q7PO7I.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-OV7R2AH5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useSeller,
+  useUpdateSeller
+} from "./chunk-M3YP3NX4.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  uploadFilesQuery
+} from "./chunk-RIN4CBRB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/stores/store-edit/store-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/stores/store-edit/components/store-edit-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Select, Textarea, toast } from "@medusajs/ui";
+import { useFieldArray, useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { useCallback } from "react";
+var import_types = __toESM(require_dist(), 1);
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditStoreSchema = zod.object({
+  name: zod.string().min(1),
+  handle: zod.string().min(1),
+  email: zod.string().email().optional().or(zod.literal("")),
+  description: zod.string().optional().or(zod.literal("")),
+  website_url: zod.string().url().optional().or(zod.literal("")),
+  status: zod.nativeEnum(import_types.SellerStatus),
+  is_premium: zod.boolean(),
+  media: zod.array(MediaSchema).optional(),
+  bannerMedia: zod.array(MediaSchema).optional()
+});
+var SUPPORTED_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/heic",
+  "image/svg+xml"
+];
+var SUPPORTED_FORMATS_FILE_EXTENSIONS = [
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".webp",
+  ".heic",
+  ".svg"
+];
+var StoreEditForm = ({ seller }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: seller.name ?? "",
+      handle: seller.handle ?? "",
+      email: seller.email ?? "",
+      description: seller.description ?? "",
+      website_url: seller.website_url ?? "",
+      status: seller.status ?? import_types.SellerStatus.PENDING_APPROVAL,
+      is_premium: seller.is_premium ?? false,
+      media: seller.logo ? [{ id: "existing-logo", url: seller.logo, isThumbnail: false, file: null }] : [],
+      bannerMedia: seller.banner ? [{ id: "existing-banner", url: seller.banner, isThumbnail: false, file: null }] : []
+    },
+    resolver: zodResolver(EditStoreSchema)
+  });
+  const { fields: logoFields } = useFieldArray({
+    name: "media",
+    control: form.control,
+    keyName: "field_id"
+  });
+  const { fields: bannerFields } = useFieldArray({
+    name: "bannerMedia",
+    control: form.control,
+    keyName: "field_id"
+  });
+  const { mutateAsync, isPending } = useUpdateSeller(seller.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    let logoUrl = null;
+    let bannerUrl = null;
+    const newLogoFile = values.media?.find((m) => m.file);
+    const newBannerFile = values.bannerMedia?.find((m) => m.file);
+    try {
+      if (newLogoFile) {
+        const uploaded = await uploadFilesQuery([newLogoFile]);
+        logoUrl = uploaded.files?.[0]?.url || null;
+      } else if (values.media?.length) {
+        logoUrl = values.media[0].url;
+      }
+      if (newBannerFile) {
+        const uploaded = await uploadFilesQuery([newBannerFile]);
+        bannerUrl = uploaded.files?.[0]?.url || null;
+      } else if (values.bannerMedia?.length) {
+        bannerUrl = values.bannerMedia[0].url;
+      }
+    } catch (error) {
+      if (error instanceof Error) {
+        toast.error(error.message);
+      }
+      return;
+    }
+    await mutateAsync(
+      {
+        name: values.name,
+        handle: values.handle,
+        email: values.email || void 0,
+        description: values.description || null,
+        website_url: values.website_url || null,
+        status: values.status,
+        is_premium: values.is_premium,
+        logo: logoUrl,
+        banner: bannerUrl
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("stores.edit.successToast", { name: values.name ?? values.email })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const hasInvalidFiles = useCallback(
+    (fileList, fieldName) => {
+      const invalidFile = fileList.find(
+        (f) => !SUPPORTED_FORMATS.includes(f.file.type)
+      );
+      if (invalidFile) {
+        form.setError(fieldName, {
+          type: "invalid_file",
+          message: t("products.media.invalidFileType", {
+            name: invalidFile.file.name,
+            types: SUPPORTED_FORMATS_FILE_EXTENSIONS.join(", ")
+          })
+        });
+        return true;
+      }
+      return false;
+    },
+    [form, t]
+  );
+  const onLogoUploaded = (files) => {
+    form.clearErrors("media");
+    if (hasInvalidFiles(files, "media")) {
+      return;
+    }
+    form.setValue("media", [{ ...files[0], isThumbnail: false }]);
+  };
+  const onBannerUploaded = (files) => {
+    form.clearErrors("bannerMedia");
+    if (hasInvalidFiles(files, "bannerMedia")) {
+      return;
+    }
+    form.setValue("bannerMedia", [{ ...files[0], isThumbnail: false }]);
+  };
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-8 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "name",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.name") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "handle",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.handle") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "email",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.email") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "email", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "description",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.description") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "website_url",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.website") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "status",
+                render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.status") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { onValueChange: onChange, ...field, children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: Object.values(import_types.SellerStatus).map((status) => /* @__PURE__ */ jsx(Select.Item, { value: status, children: t(`stores.status.${status}`) }, status)) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                name: "media",
+                control: form.control,
+                render: () => {
+                  const logoFile = logoFields[0];
+                  const previewUrl = logoFile?.url || null;
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("store.logo") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      FileUpload,
+                      {
+                        uploadedImage: previewUrl,
+                        fileName: logoFile?.file?.name,
+                        fileSize: logoFile?.file?.size,
+                        multiple: false,
+                        label: t("products.media.uploadImagesLabel"),
+                        hint: t("products.media.uploadImagesHint"),
+                        hasError: !!form.formState.errors.media,
+                        formats: SUPPORTED_FORMATS,
+                        onUploaded: onLogoUploaded,
+                        onRemove: () => form.setValue("media", [])
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                name: "bannerMedia",
+                control: form.control,
+                render: () => {
+                  const bannerFile = bannerFields[0];
+                  const previewUrl = bannerFile?.url || null;
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("store.banner") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      FileUpload,
+                      {
+                        uploadedImage: previewUrl,
+                        fileName: bannerFile?.file?.name,
+                        fileSize: bannerFile?.file?.size,
+                        multiple: false,
+                        label: t("products.media.uploadImagesLabel"),
+                        hint: t("products.media.uploadImagesHint"),
+                        hasError: !!form.formState.errors.bannerMedia,
+                        formats: SUPPORTED_FORMATS,
+                        onUploaded: onBannerUploaded,
+                        onRemove: () => form.setValue("bannerMedia", [])
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_premium",
+              label: t("fields.premium"),
+              description: t("stores.premium.description")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/stores/store-edit/store-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var StoreEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { seller, isLoading, isError, error } = useSeller(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { className: "capitalize", children: t("stores.edit.header") }) }),
+    !isLoading && seller && /* @__PURE__ */ jsx2(StoreEditForm, { seller })
+  ] });
+};
+export {
+  StoreEdit as Component
+};

package/dist/store-list-DWFAFCKV.js

@@ -0,0 +1,83 @@
+import {
+  StoreListPage
+} from "./chunk-ZFEGVWHT.js";
+import "./chunk-ZZO3INVE.js";
+import "./chunk-25LYVP3C.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-BE5QWX5N.js";
+import "./chunk-2ZFELO2L.js";
+import "./chunk-RT6L7JXU.js";
+import "./chunk-26OOAKQ6.js";
+import "./chunk-ZQZHFMD7.js";
+import "./chunk-6TFS6ET5.js";
+import "./chunk-25YTS3TI.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-S2WEYEQR.js";
+import "./chunk-NNI6QKKZ.js";
+import "./chunk-MG4GKUJW.js";
+import "./chunk-AYVH6Q5O.js";
+import "./chunk-VOHEQ7B5.js";
+import "./chunk-C3WE6EFO.js";
+import "./chunk-N5IUYCUZ.js";
+import "./chunk-7SVLKK6Q.js";
+import "./chunk-GR6JUIRU.js";
+import "./chunk-PVZBDWLK.js";
+import "./chunk-3B6MTW5G.js";
+import "./chunk-VKOE5J66.js";
+import "./chunk-DY3XQPHC.js";
+import "./chunk-WSR2ZXAJ.js";
+import "./chunk-VVWB3GIK.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-3MDRW5MA.js";
+import "./chunk-MFL2TZ3W.js";
+import "./chunk-YNIIYGL4.js";
+import "./chunk-CBHNHLUZ.js";
+import "./chunk-VME3CJER.js";
+import "./chunk-XMVTX2EN.js";
+import "./chunk-5PUHROK4.js";
+import "./chunk-TPPONKYW.js";
+import "./chunk-DF3OGJAK.js";
+import "./chunk-XRDP2SYY.js";
+import "./chunk-FNBKEF54.js";
+import "./chunk-EHQESDH2.js";
+import "./chunk-XKVXLDSJ.js";
+import "./chunk-XDZGOUCR.js";
+import "./chunk-K4BGK3CO.js";
+import "./chunk-YYTI5JIC.js";
+import "./chunk-HAFZQK53.js";
+import "./chunk-IJWG755C.js";
+import "./chunk-M3YP3NX4.js";
+import "./chunk-UU2RQMXS.js";
+import "./chunk-O4STPJR2.js";
+import "./chunk-R74OHYTB.js";
+import "./chunk-22XJUSMM.js";
+import "./chunk-OFKUNYQJ.js";
+import "./chunk-W5UPPL3W.js";
+import "./chunk-LC6TM5OT.js";
+import "./chunk-7SJC6BWZ.js";
+import "./chunk-N4JU7GWK.js";
+import "./chunk-52BRBQMY.js";
+import "./chunk-BA2HXHTW.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  StoreListPage as Component
+};