@mercurjs/admin 2.0.0-canary.100

package/dist/product-export-ABNA6ZTY.js

@@ -0,0 +1,132 @@
+import "./chunk-YMKZS2HK.js";
+import "./chunk-2ZFELO2L.js";
+import "./chunk-26OOAKQ6.js";
+import "./chunk-ZQZHFMD7.js";
+import "./chunk-ZGEMSYN7.js";
+import "./chunk-7OSCNHHQ.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-S2WEYEQR.js";
+import "./chunk-TKEAOWBZ.js";
+import "./chunk-MG4GKUJW.js";
+import "./chunk-AYVH6Q5O.js";
+import "./chunk-VOHEQ7B5.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 {
+  useProductTableFilters
+} from "./chunk-6S72GJRI.js";
+import {
+  useProductTableQuery
+} from "./chunk-VVWB3GIK.js";
+import {
+  DataTableFilter
+} from "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import {
+  useExportProducts
+} from "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-export/product-export.tsx
+import { Button, Heading as Heading2, toast } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/products/product-export/components/export-filters.tsx
+import { Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ExportFilters = () => {
+  const { t } = useTranslation();
+  const filters = useProductTableFilters();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("products.export.filters.title") }),
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("products.export.filters.description") }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(DataTableFilter, { filters, readonly: true }) })
+  ] });
+};
+
+// src/pages/products/product-export/product-export.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductExport = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading2, { children: t("products.export.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("products.export.description") })
+    ] }),
+    /* @__PURE__ */ jsx2(ProductExportContent, {})
+  ] });
+};
+var ProductExportContent = () => {
+  const { t } = useTranslation2();
+  const { searchParams } = useProductTableQuery({});
+  const { mutateAsync } = useExportProducts({ ...searchParams });
+  const { handleSuccess } = useRouteModal();
+  const handleExportRequest = async () => {
+    await mutateAsync(searchParams, {
+      onSuccess: () => {
+        toast.info(t("products.export.success.title"), {
+          description: t("products.export.success.description")
+        });
+        handleSuccess();
+      },
+      onError: (err) => {
+        toast.error(err.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Body, { children: /* @__PURE__ */ jsx2(ExportFilters, {}) }),
+    /* @__PURE__ */ jsx2(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { onClick: handleExportRequest, size: "small", children: t("actions.export") })
+    ] }) })
+  ] });
+};
+export {
+  ProductExport as Component
+};

package/dist/product-import-SQSXBPK5.js

@@ -0,0 +1,265 @@
+import {
+  FilePreview
+} from "./chunk-RSBZREKG.js";
+import {
+  FileUpload
+} from "./chunk-TN4TIT7O.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import {
+  useConfirmImportProducts,
+  useImportProducts
+} from "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-import/product-import.tsx
+import { Button, Heading, Text as Text2, toast } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useMemo, useState as useState2 } from "react";
+
+// src/pages/products/product-import/components/upload-import.tsx
+import { useState } from "react";
+import { Hint } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SUPPORTED_FORMATS = ["text/csv"];
+var SUPPORTED_FORMATS_FILE_EXTENSIONS = [".csv"];
+var UploadImport = ({
+  onUploaded
+}) => {
+  const { t } = useTranslation();
+  const [error, setError] = useState();
+  const hasInvalidFiles = (fileList) => {
+    const invalidFile = fileList.find(
+      (f) => !SUPPORTED_FORMATS.includes(f.file.type)
+    );
+    if (invalidFile) {
+      setError(
+        t("products.media.invalidFileType", {
+          name: invalidFile.file.name,
+          types: SUPPORTED_FORMATS_FILE_EXTENSIONS.join(", ")
+        })
+      );
+      return true;
+    }
+    return false;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FileUpload,
+      {
+        label: t("products.import.uploadLabel"),
+        hint: t("products.import.uploadHint"),
+        multiple: false,
+        hasError: !!error,
+        formats: SUPPORTED_FORMATS,
+        onUploaded: (files) => {
+          setError(void 0);
+          if (hasInvalidFiles(files)) {
+            return;
+          }
+          onUploaded(files[0].file);
+        }
+      }
+    ),
+    error && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Hint, { variant: "error", children: error }) })
+  ] });
+};
+
+// src/pages/products/product-import/components/import-summary.tsx
+import { Divider, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ImportSummary = ({
+  summary
+}) => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg flex flex-row rounded-md px-3 py-2", children: [
+    /* @__PURE__ */ jsx2(
+      Stat,
+      {
+        title: summary.toCreate.toLocaleString(),
+        description: t("products.import.upload.productsToCreate")
+      }
+    ),
+    /* @__PURE__ */ jsx2(Divider, { orientation: "vertical", className: "h-10 px-3" }),
+    /* @__PURE__ */ jsx2(
+      Stat,
+      {
+        title: summary.toUpdate.toLocaleString(),
+        description: t("products.import.upload.productsToUpdate")
+      }
+    )
+  ] });
+};
+var Stat = ({
+  title,
+  description
+}) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col justify-center", children: [
+    /* @__PURE__ */ jsx2(Text, { size: "xlarge", className: "font-sans font-medium", children: title }),
+    /* @__PURE__ */ jsx2(
+      Text,
+      {
+        leading: "compact",
+        size: "xsmall",
+        weight: "plus",
+        className: "text-ui-fg-subtle",
+        children: description
+      }
+    )
+  ] });
+};
+
+// src/pages/products/product-import/product-import.tsx
+import { Trash } from "@medusajs/icons";
+
+// src/pages/products/product-import/helpers/import-template.ts
+var ProductImportCSV = `data:text/csv;charset=utf-8,Product Id,Product Handle,Product Title,Product Subtitle,Product Description,Product Status,Product Thumbnail,Product Weight,Product Length,Product Width,Product Height,Product HS Code,Product Origin Country,Product MID Code,Product Material,Product Collection Id,Product Type Id,Product Tag 1,Product Discountable,Product External Id,Variant Id,Variant Title,Variant SKU,Variant Barcode,Variant Allow Backorder,Variant Manage Inventory,Variant Weight,Variant Length,Variant Width,Variant Height,Variant HS Code,Variant Origin Country,Variant MID Code,Variant Material,Variant Price EUR,Variant Price USD,Variant Option 1 Name,Variant Option 1 Value,Product Image 1 Url,Product Image 2 Url
+,coffee-mug-v3,Medusa Coffee Mug,,Every programmer's best friend.,published,https://medusa-public-images.s3.eu-west-1.amazonaws.com/coffee-mug.png,400,,,,,,,,,,,TRUE,,,One Size,,,FALSE,TRUE,,,,,,,,,10,12,Size,One Size,https://medusa-public-images.s3.eu-west-1.amazonaws.com/coffee-mug.png,
+,sweatpants-v2,Medusa Sweatpants,,"Reimagine the feeling of classic sweatpants. With our cotton sweatpants, everyday essentials no longer have to be ordinary.",published,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,400,,,,,,,,,,,TRUE,,,S,,,FALSE,TRUE,,,,,,,,,29.5,33.5,Size,S,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-back.png
+,sweatpants-v2,Medusa Sweatpants,,"Reimagine the feeling of classic sweatpants. With our cotton sweatpants, everyday essentials no longer have to be ordinary.",published,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,400,,,,,,,,,,,TRUE,,,M,,,FALSE,TRUE,,,,,,,,,29.5,33.5,Size,M,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-back.png
+,sweatpants-v2,Medusa Sweatpants,,"Reimagine the feeling of classic sweatpants. With our cotton sweatpants, everyday essentials no longer have to be ordinary.",published,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,400,,,,,,,,,,,TRUE,,,L,,,FALSE,TRUE,,,,,,,,,29.5,33.5,Size,L,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-back.png
+,sweatpants-v2,Medusa Sweatpants,,"Reimagine the feeling of classic sweatpants. With our cotton sweatpants, everyday essentials no longer have to be ordinary.",published,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,400,,,,,,,,,,,TRUE,,,XL,,,FALSE,TRUE,,,,,,,,,29.5,33.5,Size,XL,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-front.png,https://medusa-public-images.s3.eu-west-1.amazonaws.com/sweatpants-gray-back.png`;
+var getProductImportCsvTemplate = () => {
+  return encodeURI(ProductImportCSV);
+};
+
+// src/pages/products/product-import/product-import.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ProductImport = () => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsxs3(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs3(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx3(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx3(Heading, { children: t("products.import.header") }) }),
+      /* @__PURE__ */ jsx3(RouteDrawer.Description, { className: "sr-only", children: t("products.import.description") })
+    ] }),
+    /* @__PURE__ */ jsx3(ProductImportContent, {})
+  ] });
+};
+var ProductImportContent = () => {
+  const { t } = useTranslation3();
+  const [filename, setFilename] = useState2();
+  const { mutateAsync: importProducts, isPending, data } = useImportProducts();
+  const { mutateAsync: confirm } = useConfirmImportProducts();
+  const { handleSuccess } = useRouteModal();
+  const productImportTemplateContent = useMemo(() => {
+    return getProductImportCsvTemplate();
+  }, []);
+  const handleUploaded = async (file) => {
+    setFilename(file.name);
+    await importProducts(
+      { file },
+      {
+        onError: (err) => {
+          toast.error(err.message);
+          setFilename(void 0);
+        }
+      }
+    );
+  };
+  const handleConfirm = async () => {
+    if (!data?.transaction_id) {
+      return;
+    }
+    await confirm(data.transaction_id, {
+      onSuccess: () => {
+        toast.info(t("products.import.success.title"), {
+          description: t("products.import.success.description")
+        });
+        handleSuccess();
+      },
+      onError: (err) => {
+        toast.error(err.message);
+      }
+    });
+  };
+  const uploadedFileActions = [
+    {
+      actions: [
+        {
+          label: t("actions.delete"),
+          icon: /* @__PURE__ */ jsx3(Trash, {}),
+          onClick: () => setFilename(void 0)
+        }
+      ]
+    }
+  ];
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(RouteDrawer.Body, { children: [
+      /* @__PURE__ */ jsx3(Heading, { level: "h2", children: t("products.import.upload.title") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-subtle", children: t("products.import.upload.description") }),
+      /* @__PURE__ */ jsx3("div", { className: "mt-4", children: filename ? /* @__PURE__ */ jsx3(
+        FilePreview,
+        {
+          filename,
+          loading: isPending,
+          activity: t("products.import.upload.preprocessing"),
+          actions: uploadedFileActions
+        }
+      ) : /* @__PURE__ */ jsx3(UploadImport, { onUploaded: handleUploaded }) }),
+      data?.summary && !!filename && /* @__PURE__ */ jsx3("div", { className: "mt-4", children: /* @__PURE__ */ jsx3(ImportSummary, { summary: data?.summary }) }),
+      /* @__PURE__ */ jsx3(Heading, { className: "mt-6", level: "h2", children: t("products.import.template.title") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-subtle", children: t("products.import.template.description") }),
+      /* @__PURE__ */ jsx3("div", { className: "mt-4", children: /* @__PURE__ */ jsx3(
+        FilePreview,
+        {
+          filename: "product-import-template.csv",
+          url: productImportTemplateContent
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx3(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx3(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          onClick: handleConfirm,
+          size: "small",
+          disabled: !data?.transaction_id || !filename,
+          children: t("actions.import")
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  ProductImport as Component
+};

package/dist/product-list-NWHRQHVJ.js

@@ -0,0 +1,86 @@
+import {
+  ProductListPage
+} from "./chunk-U5QDMLTR.js";
+import "./chunk-3CKTAFTR.js";
+import "./chunk-G5OVX555.js";
+import "./chunk-FWPGOIFA.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-WIYFXWRI.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-6S72GJRI.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-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import {
+  productsQueryKeys
+} from "./chunk-WBNGBRBK.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-list/loader.ts
+var productsListQuery = () => ({
+  queryKey: productsQueryKeys.list({
+    limit: 20,
+    offset: 0,
+    is_giftcard: false
+  }),
+  queryFn: async () => sdk.admin.products.query({ limit: 20, offset: 0, is_giftcard: false })
+});
+var productsLoader = (client) => {
+  return async () => {
+    const query = productsListQuery();
+    return queryClient.getQueryData(query.queryKey) ?? await client.fetchQuery(query);
+  };
+};
+export {
+  ProductListPage as Component,
+  productsLoader as productLoader
+};