@mercurjs/admin 2.0.0-canary.24

package/dist/add-campaign-promotions-JDC36EOE.js

@@ -0,0 +1,265 @@
+import {
+  usePromotionTableColumns,
+  usePromotionTableQuery
+} from "./chunk-EZIB4NST.js";
+import "./chunk-RLMLYJDI.js";
+import "./chunk-JHIMVLB2.js";
+import "./chunk-FMFVTERD.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-FLCYR7E5.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-LR4ACD6E.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  usePromotionTableFilters
+} from "./chunk-S2WEYEQR.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useAddOrRemoveCampaignPromotions,
+  useCampaign,
+  usePromotions
+} from "./chunk-U62GYN4A.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/campaigns/add-campaign-promotions/add-campaign-promotions.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/campaigns/add-campaign-promotions/components/add-campaign-promotions-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Checkbox, Hint, Tooltip, toast } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+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,
+    count,
+    isPending: isLoading
+  } = usePromotions({ ...searchParams }, { placeholderData: keepPreviousData });
+  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, "data-testid": "campaign-add-promotions-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "campaign-add-promotions-form-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", "data-testid": "campaign-add-promotions-form-error-hint", children: form.formState.errors.promotion_ids.message }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex size-full flex-col overflow-y-auto", "data-testid": "campaign-add-promotions-form-body", 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")
+            },
+            "data-testid": "campaign-add-promotions-form-table"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "campaign-add-promotions-form-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", "data-testid": "campaign-add-promotions-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "campaign-add-promotions-form-save-button", 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),
+              "data-testid": "campaign-add-promotions-form-select-all-checkbox"
+            }
+          );
+        },
+        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();
+              },
+              "data-testid": `campaign-add-promotions-form-select-checkbox-${row.original.id}`
+            }
+          );
+          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/add-campaign-promotions/add-campaign-promotions.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AddCampaignPromotions = () => {
+  const { id } = useParams();
+  const { campaign, isError, error } = useCampaign(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: campaign && /* @__PURE__ */ jsx2(AddCampaignPromotionsForm, { campaign }) });
+};
+export {
+  AddCampaignPromotions as Component
+};

package/dist/adjust-inventory-2YLC4O4I.js

@@ -0,0 +1,262 @@
+import {
+  castNumber
+} from "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import {
+  useStockLocation
+} from "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import {
+  useInventoryItem,
+  useUpdateInventoryLevel
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-detail/components/adjust-inventory/adjust-inventory-drawer.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/inventory/inventory-detail/components/adjust-inventory/components/adjust-inventory-form.tsx
+import { Button, Input, Text, toast } from "@medusajs/ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm, useWatch } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+
+// src/lib/sanitize-number-input.ts
+var DISALLOWED_KEYS = ["e", "E", "-", "+"];
+function sanitizeNumberInput(e, disallowedKeys) {
+  if ([...DISALLOWED_KEYS, ...disallowedKeys || []].some((key) => key === e.key)) {
+    e.preventDefault();
+  }
+}
+
+// src/pages/inventory/inventory-detail/components/adjust-inventory/components/adjust-inventory-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AttributeGridRow = ({
+  title,
+  value,
+  testId
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 divide-x", "data-testid": testId ? `${testId}-row` : void 0, children: [
+    /* @__PURE__ */ jsx(Text, { className: "px-2 py-1.5", size: "small", leading: "compact", "data-testid": testId ? `${testId}-label` : void 0, children: title }),
+    /* @__PURE__ */ jsx(Text, { className: "px-2 py-1.5", size: "small", leading: "compact", "data-testid": testId ? `${testId}-value` : void 0, children: value })
+  ] });
+};
+var AdjustInventoryForm = ({
+  item,
+  level,
+  location
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const AdjustInventorySchema = z.object({
+    stocked_quantity: z.union([z.number(), z.string()])
+  }).superRefine((data, ctx) => {
+    const quantity = data.stocked_quantity ? castNumber(data.stocked_quantity) : null;
+    if (quantity === null) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.invalid_type,
+        expected: "number",
+        received: "undefined",
+        path: ["stocked_quantity"]
+      });
+      return;
+    }
+    if (quantity < level.reserved_quantity) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: t("inventory.adjustInventory.errors.stockedQuantity", {
+          quantity: level.reserved_quantity
+        }),
+        path: ["stocked_quantity"]
+      });
+    }
+  });
+  const form = useForm({
+    defaultValues: {
+      stocked_quantity: level.stocked_quantity
+    },
+    resolver: zodResolver(AdjustInventorySchema)
+  });
+  const stockedQuantityUpdate = useWatch({
+    control: form.control,
+    name: "stocked_quantity"
+  });
+  const availableQuantity = stockedQuantityUpdate ? castNumber(stockedQuantityUpdate) - level.reserved_quantity : 0 - level.reserved_quantity;
+  const { mutateAsync, isPending: isLoading } = useUpdateInventoryLevel(
+    item.id,
+    level.location_id
+  );
+  const handleSubmit = form.handleSubmit(async (value) => {
+    await mutateAsync(
+      {
+        stocked_quantity: castNumber(value.stocked_quantity)
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("inventory.toast.updateLevel"));
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "inventory-adjust-inventory-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      "data-testid": "inventory-adjust-inventory-keybound-form",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-auto", "data-testid": "inventory-adjust-inventory-form-body", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-rows-4 divide-y rounded-lg border text-ui-fg-subtle shadow-elevation-card-rest", "data-testid": "inventory-adjust-inventory-form-info-grid", children: [
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("fields.title"),
+                value: item.title ?? "-",
+                testId: "inventory-adjust-inventory-form-item-title"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("fields.sku"),
+                value: item.sku,
+                testId: "inventory-adjust-inventory-form-item-sku"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("locations.domain"),
+                value: location.name,
+                testId: "inventory-adjust-inventory-form-location"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("inventory.reserved"),
+                value: level.reserved_quantity,
+                testId: "inventory-adjust-inventory-form-reserved"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("inventory.available"),
+                value: availableQuantity,
+                testId: "inventory-adjust-inventory-form-available"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "stocked_quantity",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-adjust-inventory-form-stocked-quantity-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "inventory-adjust-inventory-form-stocked-quantity-label", children: t("fields.inStock") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-adjust-inventory-form-stocked-quantity-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-adjust-inventory-form-stocked-quantity-input-wrapper", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      value,
+                      onChange,
+                      onKeyDown: (e) => sanitizeNumberInput(e, [",", "."]),
+                      ...field,
+                      "data-testid": "inventory-adjust-inventory-form-stocked-quantity-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-adjust-inventory-form-stocked-quantity-error" })
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "inventory-adjust-inventory-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", "data-testid": "inventory-adjust-inventory-form-footer-actions", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, "data-testid": "inventory-adjust-inventory-form-cancel-button-wrapper", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", "data-testid": "inventory-adjust-inventory-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading, "data-testid": "inventory-adjust-inventory-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/inventory/inventory-detail/components/adjust-inventory/adjust-inventory-drawer.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var AdjustInventoryDrawer = () => {
+  const { id, location_id } = useParams();
+  const { t } = useTranslation2();
+  const {
+    inventory_item: inventoryItem,
+    isPending: isLoading,
+    isError,
+    error
+  } = useInventoryItem(id);
+  const inventoryLevel = inventoryItem?.location_levels.find(
+    (level) => level.location_id === location_id
+  );
+  const { stock_location, isLoading: isLoadingLocation } = useStockLocation(
+    location_id
+  );
+  const ready = !isLoading && inventoryItem && inventoryLevel && !isLoadingLocation && stock_location;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "inventory-adjust-inventory-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "inventory-adjust-inventory-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "inventory-adjust-inventory-drawer-title", children: t("inventory.manageLocationQuantity") }) }),
+    ready && /* @__PURE__ */ jsx2(
+      AdjustInventoryForm,
+      {
+        item: inventoryItem,
+        level: inventoryLevel,
+        location: stock_location
+      }
+    )
+  ] });
+};
+export {
+  AdjustInventoryDrawer as Component
+};