@mercurjs/vendor 2.0.0-canary.0

package/dist/add-promotions-KVKEP6EO.js

@@ -0,0 +1,260 @@
+import {
+  usePromotionTableColumns,
+  usePromotionTableQuery
+} from "./chunk-AYUG34XF.js";
+import "./chunk-XXZJISPX.js";
+import "./chunk-JHIMVLB2.js";
+import {
+  usePromotionTableFilters
+} from "./chunk-S2WEYEQR.js";
+import "./chunk-FMFVTERD.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WHTS4G5K.js";
+import "./chunk-LYUCDASZ.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-QUNDGPF7.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-CFETU5BI.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import {
+  useAddOrRemoveCampaignPromotions,
+  useCampaign,
+  usePromotions
+} from "./chunk-HUNGNEPY.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/campaigns/[id]/add-promotions/add-promotions-page.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/campaigns/[id]/add-promotions/add-campaign-promotions-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Checkbox, Hint, Tooltip, toast } from "@medusajs/ui";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AddCampaignPromotionsSchema = zod.object({
+  promotion_ids: zod.array(zod.string()).min(1)
+});
+var PAGE_SIZE = 50;
+var AddCampaignPromotionsForm = ({
+  campaign
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: { promotion_ids: [] },
+    resolver: zodResolver(AddCampaignPromotionsSchema)
+  });
+  const { setValue } = form;
+  const { mutateAsync, isPending } = useAddOrRemoveCampaignPromotions(
+    campaign.id
+  );
+  const [rowSelection, setRowSelection] = useState({});
+  const updater = (fn) => {
+    const state = typeof fn === "function" ? fn(rowSelection) : fn;
+    const ids = Object.keys(state);
+    setValue("promotion_ids", ids, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setRowSelection(state);
+  };
+  const { searchParams, raw } = usePromotionTableQuery({ pageSize: PAGE_SIZE });
+  const { promotions: promotionsRaw, isPending: isLoading } = usePromotions({
+    ...searchParams,
+    fields: "+status"
+  });
+  const promotions = promotionsRaw?.filter((item) => item !== null);
+  const count = promotions?.length ?? 0;
+  const columns = useColumns();
+  const filters = usePromotionTableFilters();
+  const { table } = useDataTable({
+    data: promotions ?? [],
+    columns,
+    enableRowSelection: (row) => {
+      return row.original.campaign_id !== campaign.id;
+    },
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE,
+    count,
+    rowSelection: {
+      state: rowSelection,
+      updater
+    },
+    meta: {
+      campaignId: campaign.id,
+      currencyCode: campaign?.budget?.currency_code,
+      budgetType: campaign?.budget?.type
+    }
+  });
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      { add: values.promotion_ids },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("campaigns.promotions.toast.success", {
+              count: values.promotion_ids.length
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-x-2", children: form.formState.errors.promotion_ids && /* @__PURE__ */ jsx(Hint, { variant: "error", children: form.formState.errors.promotion_ids.message }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex size-full flex-col overflow-y-auto", children: /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            count,
+            columns,
+            pageSize: PAGE_SIZE,
+            isLoading,
+            filters,
+            orderBy: [
+              { key: "code", label: t("fields.code") },
+              { key: "type", label: t("fields.type") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            queryObject: raw,
+            layout: "fill",
+            pagination: true,
+            search: "autofocus",
+            noRecords: {
+              message: t("campaigns.promotions.add.list.noRecordsMessage")
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.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") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const base = usePromotionTableColumns();
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row, table }) => {
+          const { campaignId, currencyCode, budgetType } = table.options.meta;
+          const isTypeSpend = budgetType === "spend";
+          const isAdded = row.original.campaign_id === campaignId;
+          const isAddedToADiffCampaign = !!row.original.campaign_id && row.original.campaign_id !== campaignId;
+          const currencyMismatch = isTypeSpend && row.original.application_method?.currency_code !== currencyCode;
+          const isSelected = row.getIsSelected() || isAdded;
+          const isIndeterminate = currencyMismatch || isAddedToADiffCampaign;
+          const Component = /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: isIndeterminate ? "indeterminate" : isSelected,
+              disabled: isAdded || isAddedToADiffCampaign || currencyMismatch,
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+          if (isAddedToADiffCampaign) {
+            return /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: t("campaigns.promotions.alreadyAddedDiffCampaign", {
+                  name: row.original?.campaign?.name
+                }),
+                side: "right",
+                children: Component
+              }
+            );
+          }
+          if (currencyMismatch) {
+            return /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: t("campaigns.promotions.currencyMismatch"),
+                side: "right",
+                children: Component
+              }
+            );
+          }
+          if (isAdded) {
+            return /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: t("campaigns.promotions.alreadyAdded"),
+                side: "right",
+                children: Component
+              }
+            );
+          }
+          return Component;
+        }
+      }),
+      ...base
+    ],
+    [t, base]
+  );
+};
+
+// src/pages/campaigns/[id]/add-promotions/add-promotions-page.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AddPromotionsPage = () => {
+  const { id } = useParams();
+  const { campaign, isError, error } = useCampaign(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: campaign && /* @__PURE__ */ jsx2(AddCampaignPromotionsForm, { campaign }) });
+};
+export {
+  AddPromotionsPage
+};

package/dist/add-to-campaign-V6D7JKRS.js

@@ -0,0 +1,44 @@
+import {
+  AddCampaignPromotionForm
+} from "./chunk-JVBLYMY2.js";
+import "./chunk-W6ZVQJYB.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  useCampaigns,
+  usePromotion
+} from "./chunk-HUNGNEPY.js";
+import "./chunk-GTUR4HSV.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/promotions/[id]/add-to-campaign/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const { promotion, isPending, isError, error } = usePromotion(id);
+  let campaignQuery = {};
+  if (promotion?.application_method?.currency_code) {
+    campaignQuery = { budget: { currency_code: promotion?.application_method?.currency_code } };
+  }
+  const { campaigns, isPending: areCampaignsLoading, isError: isCampaignError, error: campaignError } = useCampaigns(campaignQuery);
+  if (isError || isCampaignError) throw error || campaignError;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(Heading, { children: t("promotions.campaign.edit.header") }) }),
+    !isPending && !areCampaignsLoading && promotion && campaigns && /* @__PURE__ */ jsx(AddCampaignPromotionForm, { promotion, campaigns })
+  ] });
+};
+export {
+  Component
+};

package/dist/additional-attributes-E36EZX4V.js

@@ -0,0 +1,219 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-OSFOX7MG.js";
+import "./chunk-W4KHJ4D6.js";
+import "./chunk-VGJTARSA.js";
+import "./chunk-DYUTYBAQ.js";
+import "./chunk-Y4VBOHAP.js";
+import "./chunk-JKXAL7WR.js";
+import "./chunk-DC2K6CFQ.js";
+import "./chunk-VDWGP2U6.js";
+import "./chunk-RE7YXVFG.js";
+import "./chunk-HUNGNEPY.js";
+import "./chunk-PADOWAXM.js";
+import "./chunk-LWVBKUUL.js";
+import "./chunk-RIILGKYR.js";
+import "./chunk-6EYGH3TB.js";
+import "./chunk-GTUR4HSV.js";
+import "./chunk-SI4ALL7W.js";
+import "./chunk-ZFFA36DB.js";
+import "./chunk-VHMGJUYN.js";
+import "./chunk-ASVMGV2B.js";
+import {
+  useProduct,
+  useProductAttributes,
+  useUpdateProduct
+} from "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/products/[id]/additional-attributes/index.tsx
+import { useParams } from "react-router-dom";
+import { Heading } from "@medusajs/ui";
+import { Spinner } from "@medusajs/icons";
+
+// src/pages/products/[id]/additional-attributes/product-additional-attributes-form.tsx
+import { InformationCircleSolid } from "@medusajs/icons";
+import { Button, toast, Tooltip } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+// src/pages/products/[id]/additional-attributes/Components.tsx
+import { Input, Switch, Textarea } from "@medusajs/ui";
+
+// src/pages/products/[id]/additional-attributes/AttributeSelect.tsx
+import { Select } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AttributeSelect = ({
+  values,
+  field
+}) => {
+  const handleChange = (value) => {
+    field.onChange(value);
+  };
+  return /* @__PURE__ */ jsxs(Select, { onValueChange: (value) => handleChange(value), value: field.value, children: [
+    /* @__PURE__ */ jsx(Select.Trigger, { className: "bg-ui-bg-base", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select value" }) }),
+    /* @__PURE__ */ jsx(Select.Content, { children: values.map(({ id, attribute_id, value }) => /* @__PURE__ */ jsx(
+      Select.Item,
+      {
+        value,
+        children: value
+      },
+      `select-option-${attribute_id}-${id}`
+    )) })
+  ] });
+};
+
+// src/pages/products/[id]/additional-attributes/Components.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Components = ({
+  attribute,
+  field
+}) => {
+  const { ui_component, possible_values } = attribute;
+  if (ui_component === "select")
+    return /* @__PURE__ */ jsx2(AttributeSelect, { values: possible_values, field });
+  if (ui_component === "toggle")
+    return /* @__PURE__ */ jsx2(
+      Switch,
+      {
+        ...field,
+        onCheckedChange: field.onChange,
+        checked: field.value === "true" || field.value === true
+      }
+    );
+  if (ui_component === "text_area") return /* @__PURE__ */ jsx2(Textarea, { ...field, rows: 4 });
+  if (ui_component === "unit") return /* @__PURE__ */ jsx2(Input, { type: "number", ...field });
+  if (ui_component === "text") return /* @__PURE__ */ jsx2(Input, { ...field });
+  return /* @__PURE__ */ jsx2(Input, { ...field });
+};
+
+// src/pages/products/[id]/additional-attributes/product-additional-attributes-form.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductAdditionalAttributesForm = ({ product, attributes, id }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const filteredAttributes = product?.attribute_values?.filter((a) => !!a?.attribute_id);
+  const defaultValues = filteredAttributes?.reduce((acc, curr) => {
+    acc[curr.attribute_id] = curr.value;
+    return acc;
+  }, {});
+  const form = useForm({
+    defaultValues
+  });
+  const { mutate: updateProduct, isPending: isMutating } = useUpdateProduct(id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const values = Object.keys(data).reduce((acc, key) => {
+      acc.push({ attribute_id: key, value: data[key] });
+      return acc;
+    }, []);
+    await updateProduct(
+      {
+        additional_data: { values }
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("products.edit.successToast", {
+              title: product.title
+            })
+          );
+          handleSuccess(`/products/${id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx3(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs2(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col",
+      children: [
+        /* @__PURE__ */ jsx3(RouteDrawer.Body, { className: "max-h-[calc(86vh)] overflow-y-auto py-2", children: attributes?.map((a) => /* @__PURE__ */ jsx3(
+          Form.Field,
+          {
+            control: form.control,
+            name: a.id,
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsx3(
+                Form.Item,
+                {
+                  className: "mb-4 w-full",
+                  children: /* @__PURE__ */ jsxs2(Form.Label, { className: "flex w-full flex-col gap-y-2", children: [
+                    /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-x-2", children: [
+                      a.name,
+                      a.description && /* @__PURE__ */ jsx3(Tooltip, { content: a.description, children: /* @__PURE__ */ jsx3(InformationCircleSolid, {}) })
+                    ] }),
+                    /* @__PURE__ */ jsx3(Form.Control, { children: /* @__PURE__ */ jsx3(
+                      Components,
+                      {
+                        attribute: a,
+                        field
+                      }
+                    ) })
+                  ] })
+                },
+                a.id
+              );
+            }
+          },
+          `form-field-${a.handle}-${a.id}`
+        )) }),
+        /* @__PURE__ */ jsx3(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx3(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx3(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              disabled: isMutating,
+              children: t("actions.cancel")
+            }
+          ) }),
+          /* @__PURE__ */ jsx3(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: isMutating,
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/products/[id]/additional-attributes/index.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { product, isLoading: isProductLoading } = useProduct(id);
+  const { attributes, isLoading: isAttributesLoading } = useProductAttributes(
+    id
+  );
+  const isReady = !isAttributesLoading && attributes && !isProductLoading && product;
+  return /* @__PURE__ */ jsxs3(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx4(RouteDrawer.Header, { children: /* @__PURE__ */ jsx4(Heading, { level: "h2", children: "Edit Additional Attributes" }) }),
+    isReady ? /* @__PURE__ */ jsx4(ProductAdditionalAttributesForm, { product, attributes, id }) : /* @__PURE__ */ jsx4(Spinner, { className: "text-ui-fg-interactive animate-spin" })
+  ] });
+};
+export {
+  Component
+};