@mercurjs/vendor 2.0.0-canary.0

package/dist/chunk-W6ZVQJYB.js

@@ -0,0 +1,311 @@
+import {
+  currencies,
+  getCurrencySymbol
+} from "./chunk-IQPN4PZJ.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useStore
+} from "./chunk-GTUR4HSV.js";
+
+// src/pages/campaigns/common/components/create-campaign-form-fields/create-campaign-form-fields.tsx
+import {
+  CurrencyInput,
+  DatePicker,
+  Heading,
+  Input,
+  RadioGroup,
+  Select,
+  Text,
+  Textarea
+} from "@medusajs/ui";
+import { useEffect } from "react";
+import { useWatch } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateCampaignFormFields = ({
+  form,
+  fieldScope = ""
+}) => {
+  const { t } = useTranslation();
+  const { store } = useStore();
+  const watchValueType = useWatch({
+    control: form.control,
+    name: `${fieldScope}budget.type`
+  });
+  const isTypeSpend = watchValueType === "spend";
+  const currencyValue = useWatch({
+    control: form.control,
+    name: `${fieldScope}budget.currency_code`
+  });
+  const promotionCurrencyValue = useWatch({
+    control: form.control,
+    name: `application_method.currency_code`
+  });
+  const currency = currencyValue || promotionCurrencyValue;
+  useEffect(() => {
+    form.resetField(`${fieldScope}budget.limit`);
+    if (fieldScope) {
+      const currencyPath = `campaign.budget.currency_code`;
+      if (isTypeSpend && promotionCurrencyValue) {
+        const currencyValue2 = promotionCurrencyValue;
+        form.setValue(currencyPath, currencyValue2);
+      } else if (watchValueType === "usage") {
+        const nullValue = null;
+        form.setValue(currencyPath, nullValue);
+      }
+    }
+  }, [watchValueType, fieldScope, form, isTypeSpend, promotionCurrencyValue]);
+  if (promotionCurrencyValue && fieldScope) {
+    const formValues = form.getValues();
+    const budget = formValues?.campaign?.budget;
+    if (budget?.type === "spend" && budget?.currency_code !== promotionCurrencyValue) {
+      const currencyPath = "campaign.budget.currency_code";
+      form.setValue(currencyPath, promotionCurrencyValue);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("campaigns.create.header") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("campaigns.create.hint") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: `${fieldScope}name`,
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.name") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field, value: field.value ?? "" }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: `${fieldScope}campaign_identifier`,
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("campaigns.fields.identifier") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field, value: field.value ?? "" }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: `${fieldScope}description`,
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.description") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field, value: field.value ?? "" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: `${fieldScope}starts_at`,
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("campaigns.fields.start_date") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                DatePicker,
+                {
+                  granularity: "minute",
+                  shouldCloseOnSelect: false,
+                  ...field,
+                  value: field.value
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: `${fieldScope}ends_at`,
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("campaigns.fields.end_date") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                DatePicker,
+                {
+                  granularity: "minute",
+                  shouldCloseOnSelect: false,
+                  ...field,
+                  value: field.value
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("campaigns.budget.create.header") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("campaigns.budget.create.hint") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: `${fieldScope}budget.type`,
+        render: ({ field }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(
+              Form.Label,
+              {
+                tooltip: fieldScope?.length && !currency ? t("promotions.tooltips.campaignType") : void 0,
+                children: t("campaigns.budget.fields.type")
+              }
+            ),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+              RadioGroup,
+              {
+                className: "flex gap-y-3",
+                ...field,
+                value: field.value,
+                onValueChange: field.onChange,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "usage",
+                      label: t("campaigns.budget.type.usage.title"),
+                      description: t("campaigns.budget.type.usage.description")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "spend",
+                      label: t("campaigns.budget.type.spend.title"),
+                      description: t("campaigns.budget.type.spend.description"),
+                      disabled: fieldScope?.length ? !currency : false
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      isTypeSpend && /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: `${fieldScope}budget.currency_code`,
+          render: ({ field: { onChange, ref, ...field } }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(
+                Form.Label,
+                {
+                  tooltip: fieldScope?.length && !currency ? t("promotions.campaign_currency.tooltip") : void 0,
+                  children: t("fields.currency")
+                }
+              ),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  ...field,
+                  value: field.value,
+                  onValueChange: onChange,
+                  disabled: !!fieldScope?.length,
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: Object.values(currencies).filter(
+                      (currency2) => !!store?.supported_currencies?.find(
+                        (c) => c.currency_code === currency2.code.toLocaleLowerCase()
+                      )
+                    ).map((currency2) => /* @__PURE__ */ jsx(
+                      Select.Item,
+                      {
+                        value: currency2.code.toLowerCase(),
+                        children: currency2.name
+                      },
+                      currency2.code
+                    )) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: `${fieldScope}budget.limit`,
+          render: ({ field: { onChange, value, ...field } }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { className: "basis-1/2", children: [
+              /* @__PURE__ */ jsx(
+                Form.Label,
+                {
+                  tooltip: !currency && isTypeSpend ? t("promotions.fields.amount.tooltip") : void 0,
+                  children: t("campaigns.budget.fields.limit")
+                }
+              ),
+              /* @__PURE__ */ jsx(Form.Control, { children: isTypeSpend ? /* @__PURE__ */ jsx(
+                CurrencyInput,
+                {
+                  min: 0,
+                  onValueChange: (value2) => onChange(value2 ? parseInt(value2) : ""),
+                  code: currencyValue,
+                  symbol: currencyValue ? getCurrencySymbol(currencyValue) : "",
+                  ...field,
+                  value,
+                  disabled: !currency && isTypeSpend
+                }
+              ) : /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  ...field,
+                  min: 0,
+                  value: value ?? "",
+                  onChange: (e) => {
+                    onChange(
+                      e.target.value === "" ? null : parseInt(e.target.value)
+                    );
+                  }
+                },
+                "usage"
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      )
+    ] })
+  ] });
+};
+
+export {
+  CreateCampaignFormFields
+};

package/dist/chunk-WA3IVAUC.js

@@ -0,0 +1,123 @@
+import {
+  useProductTags
+} from "./chunk-OSFOX7MG.js";
+import {
+  useProductTypes
+} from "./chunk-VDWGP2U6.js";
+import {
+  useSalesChannels
+} from "./chunk-VHMGJUYN.js";
+
+// src/hooks/table/filters/use-product-table-filters.tsx
+import { useTranslation } from "react-i18next";
+var useProductTableFilters = (exclude) => {
+  const { t } = useTranslation();
+  const isProductTypeExcluded = exclude?.includes("product_types");
+  const { product_types } = useProductTypes(
+    {
+      limit: 1e3,
+      offset: 0
+    },
+    {
+      enabled: !isProductTypeExcluded
+    }
+  );
+  const isProductTagExcluded = exclude?.includes("product_tags");
+  const { product_tags } = useProductTags({
+    limit: 1e3,
+    offset: 0
+  });
+  const isSalesChannelExcluded = exclude?.includes("sales_channel_id");
+  const { sales_channels } = useSalesChannels(
+    {
+      limit: 1e3,
+      fields: "id,name"
+    },
+    {
+      enabled: !isSalesChannelExcluded
+    }
+  );
+  const isCategoryExcluded = exclude?.includes("categories");
+  const isCollectionExcluded = exclude?.includes("collections");
+  let filters = [];
+  if (product_types && !isProductTypeExcluded) {
+    const typeFilter = {
+      key: "type_id",
+      label: t("fields.type"),
+      type: "select",
+      multiple: true,
+      searchable: true,
+      options: product_types.map((t2) => ({
+        label: t2.value,
+        value: t2.id
+      }))
+    };
+    filters = [...filters, typeFilter];
+  }
+  if (product_tags && !isProductTagExcluded) {
+    const tagFilter = {
+      key: "tag_id",
+      label: t("fields.tag"),
+      type: "select",
+      multiple: true,
+      searchable: true,
+      options: product_tags.map((t2) => ({
+        label: t2.value,
+        value: t2.id
+      }))
+    };
+    filters = [...filters, tagFilter];
+  }
+  if (sales_channels) {
+    const salesChannelFilter = {
+      key: "sales_channel_id",
+      label: t("fields.salesChannel"),
+      type: "select",
+      multiple: true,
+      searchable: true,
+      options: sales_channels.map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    };
+    filters = [...filters, salesChannelFilter];
+  }
+  const statusFilter = {
+    key: "status",
+    label: t("fields.status"),
+    type: "select",
+    multiple: true,
+    options: [
+      {
+        label: t("products.productStatus.draft"),
+        value: "draft"
+      },
+      {
+        label: t("products.productStatus.proposed"),
+        value: "proposed"
+      },
+      {
+        label: t("products.productStatus.published"),
+        value: "published"
+      },
+      {
+        label: t("products.productStatus.rejected"),
+        value: "rejected"
+      }
+    ]
+  };
+  const dateFilters = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" }
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date"
+  }));
+  filters = [...filters, statusFilter, ...dateFilters];
+  return filters;
+};
+
+export {
+  useProductTableFilters
+};