@mercurjs/admin 2.0.0-canary.100

package/dist/edit-reservation-JWABBNJ6.js

@@ -0,0 +1,247 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useReservationItem,
+  useUpdateReservationItem
+} from "./chunk-I5LLMPI2.js";
+import {
+  useStockLocations
+} from "./chunk-VXW3BCN2.js";
+import {
+  useInventoryItem
+} from "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/reservations/reservation-detail/components/edit-reservation/edit-reservation-modal.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/reservations/reservation-detail/components/edit-reservation/components/edit-reservation-form.tsx
+import { Button, Input, Select, Text, Textarea, toast } from "@medusajs/ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditReservationSchema = z.object({
+  location_id: z.string(),
+  description: z.string().optional(),
+  quantity: z.number().min(1)
+});
+var AttributeGridRow = ({
+  title,
+  value
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 divide-x", children: [
+    /* @__PURE__ */ jsx(Text, { className: "px-2 py-1.5", size: "small", leading: "compact", children: title }),
+    /* @__PURE__ */ jsx(Text, { className: "px-2 py-1.5", size: "small", leading: "compact", children: value })
+  ] });
+};
+var getDefaultValues = (reservation) => {
+  return {
+    quantity: reservation.quantity,
+    location_id: reservation.location_id,
+    description: reservation.description ?? void 0
+  };
+};
+var EditReservationForm = ({
+  reservation,
+  item,
+  locations
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: getDefaultValues(reservation),
+    resolver: zodResolver(EditReservationSchema)
+  });
+  const { mutateAsync } = useUpdateReservationItem(reservation.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(values, {
+      onSuccess: () => {
+        toast.success(t("inventory.reservation.updateSuccessToast"));
+        handleSuccess();
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  });
+  const reservedQuantity = form.watch("quantity");
+  const locationId = form.watch("location_id");
+  const level = item.location_levels.find(
+    (level2) => level2.location_id === locationId
+  );
+  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-1 flex-col gap-y-8 overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "location_id",
+              render: ({ field: { onChange, value, ref, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("inventory.reservation.location") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      dir: direction,
+                      value,
+                      onValueChange: (v) => {
+                        onChange(v);
+                      },
+                      ...field,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                        /* @__PURE__ */ jsx(Select.Content, { children: (locations || []).map((r) => /* @__PURE__ */ jsx(Select.Item, { value: r.id, children: r.name }, r.id)) })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle shadow-elevation-card-rest grid grid-rows-4 divide-y rounded-lg border", children: [
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("fields.title"),
+                value: item.title ?? item.sku
+              }
+            ),
+            /* @__PURE__ */ jsx(AttributeGridRow, { title: t("fields.sku"), value: item.sku }),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("fields.inStock"),
+                value: level.stocked_quantity
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("inventory.available"),
+                value: level.stocked_quantity - (level.reserved_quantity - reservation.quantity) - reservedQuantity
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "quantity",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("inventory.reservation.reservedAmount") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 0,
+                      max: (level.available_quantity || 0) + (reservation.quantity || 0),
+                      value: value || "",
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          onChange(null);
+                        } else {
+                          onChange(parseFloat(value2));
+                        }
+                      },
+                      ...field
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "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 }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__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, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: false, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/reservations/reservation-detail/components/edit-reservation/edit-reservation-modal.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ReservationEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { reservation, isPending, isError, error } = useReservationItem(id);
+  const { inventory_item: inventoryItem } = useInventoryItem(
+    reservation?.inventory_item_id ?? "",
+    void 0,
+    {
+      enabled: !!reservation?.inventory_item_id
+    }
+  );
+  const { stock_locations } = useStockLocations(
+    {
+      id: inventoryItem?.location_levels?.map(
+        (level) => level.location_id
+      )
+    },
+    {
+      enabled: !!inventoryItem?.location_levels
+    }
+  );
+  const ready = !isPending && reservation && inventoryItem && stock_locations;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("inventory.reservation.editItemDetails") }) }),
+    ready && /* @__PURE__ */ jsx2(
+      EditReservationForm,
+      {
+        locations: stock_locations,
+        reservation,
+        item: inventoryItem
+      }
+    )
+  ] });
+};
+export {
+  ReservationEdit as Component
+};

package/dist/edit-rules-ECNFIPUC.js

@@ -0,0 +1,320 @@
+import {
+  RulesFormField
+} from "./chunk-THYWJQI4.js";
+import "./chunk-AEFDAU3Y.js";
+import "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.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 {
+  usePromotion,
+  usePromotionAddRules,
+  usePromotionRemoveRules,
+  usePromotionUpdateRules,
+  useUpdatePromotion
+} from "./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 "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/promotions/common/edit-rules/edit-rules.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/promotions/common/edit-rules/components/edit-rules-wrapper/edit-rules-wrapper.tsx
+import { toast } from "@medusajs/ui";
+
+// src/pages/promotions/common/edit-rules/components/edit-rules-form/edit-rules-form.tsx
+import { useState } from "react";
+import { Button } from "@medusajs/ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+// src/pages/promotions/common/edit-rules/components/edit-rules-form/form-schema.ts
+import i18n from "i18next";
+import { z } from "zod";
+var EditRules = z.object({
+  type: z.string().optional(),
+  rules: z.array(
+    z.object({
+      id: z.string().optional(),
+      attribute: z.string().min(1, { message: i18n.t("promotions.form.required") }),
+      operator: z.string().min(1, { message: i18n.t("promotions.form.required") }),
+      values: z.union([
+        z.number().min(1, { message: i18n.t("promotions.form.required") }),
+        z.string().min(1, { message: i18n.t("promotions.form.required") }),
+        z.array(z.string()).min(1, { message: i18n.t("promotions.form.required") })
+      ]),
+      required: z.boolean().optional(),
+      disguised: z.boolean().optional(),
+      field_type: z.string().optional()
+    })
+  ),
+  application_method: z.object({
+    target_type: z.enum(["order", "shipping_methods", "items"])
+  })
+});
+
+// src/pages/promotions/common/edit-rules/components/edit-rules-form/edit-rules-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditRulesForm = ({
+  promotion,
+  ruleType,
+  handleSubmit,
+  isSubmitting
+}) => {
+  const { t } = useTranslation();
+  const [rulesToRemove, setRulesToRemove] = useState([]);
+  const form = useForm({
+    defaultValues: {
+      rules: [],
+      type: promotion.type,
+      application_method: {
+        target_type: promotion.application_method?.target_type
+      }
+    },
+    resolver: zodResolver(EditRules)
+  });
+  const handleFormSubmit = form.handleSubmit(handleSubmit(rulesToRemove));
+  return /* @__PURE__ */ jsx(
+    RouteDrawer.Form,
+    {
+      form,
+      "data-testid": `promotion-edit-rules-form-${ruleType}`,
+      children: /* @__PURE__ */ jsxs(
+        KeyboundForm,
+        {
+          onSubmit: handleFormSubmit,
+          className: "flex h-full flex-col overflow-hidden",
+          children: [
+            /* @__PURE__ */ jsx(
+              RouteDrawer.Body,
+              {
+                "data-testid": `promotion-edit-rules-form-body-${ruleType}`,
+                className: "flex-1 overflow-y-auto",
+                children: /* @__PURE__ */ jsx(
+                  RulesFormField,
+                  {
+                    form,
+                    ruleType,
+                    setRulesToRemove,
+                    rulesToRemove,
+                    promotion,
+                    formType: "edit"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RouteDrawer.Footer,
+              {
+                "data-testid": `promotion-edit-rules-form-footer-${ruleType}`,
+                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",
+                      disabled: isSubmitting,
+                      "data-testid": `promotion-edit-rules-form-cancel-button-${ruleType}`,
+                      children: t("actions.cancel")
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      type: "submit",
+                      isLoading: isSubmitting,
+                      "data-testid": `promotion-edit-rules-form-save-button-${ruleType}`,
+                      children: t("actions.save")
+                    }
+                  )
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/pages/promotions/common/edit-rules/components/edit-rules-wrapper/utils.ts
+var getRuleValue = (rule) => {
+  if (rule.field_type === "number") {
+    return parseInt(rule.values);
+  }
+  return rule.values;
+};
+
+// src/pages/promotions/common/edit-rules/components/edit-rules-wrapper/edit-rules-wrapper.tsx
+import { ClientError } from "@mercurjs/client";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EditRulesWrapper = ({
+  promotion,
+  rules,
+  ruleType
+}) => {
+  const { handleSuccess } = useRouteModal();
+  const { mutateAsync: updatePromotion } = useUpdatePromotion(promotion.id);
+  const { mutateAsync: addPromotionRules } = usePromotionAddRules(
+    promotion.id,
+    ruleType
+  );
+  const { mutateAsync: removePromotionRules } = usePromotionRemoveRules(
+    promotion.id,
+    ruleType
+  );
+  const { mutateAsync: updatePromotionRules, isPending } = usePromotionUpdateRules(promotion.id, ruleType);
+  const handleSubmit = (rulesToRemove) => {
+    return async function(data) {
+      const applicationMethodData = {};
+      const { rules: allRules = [] } = data;
+      const disguisedRules = allRules.filter((rule) => rule.disguised);
+      const disguisedRulesToRemove = rulesToRemove?.filter((r) => r.disguised) || [];
+      for (const rule of disguisedRules) {
+        applicationMethodData[rule.attribute] = getRuleValue(rule);
+      }
+      for (const rule of disguisedRulesToRemove) {
+        applicationMethodData[rule.attribute] = null;
+      }
+      const rulesData = allRules.filter((rule) => !rule.disguised);
+      const rulesToCreate = rulesData.filter(
+        (rule) => !("id" in rule)
+      );
+      const rulesToUpdate = rulesData.filter(
+        (rule) => typeof rule.id === "string"
+      );
+      try {
+        if (Object.keys(applicationMethodData).length) {
+          await updatePromotion({
+            application_method: applicationMethodData
+          });
+        }
+        rulesToCreate.length && await addPromotionRules({
+          rules: rulesToCreate.map((rule) => {
+            return {
+              attribute: rule.attribute,
+              operator: rule.operator,
+              values: rule.values
+            };
+          })
+        });
+        rulesToRemove?.length && await removePromotionRules({
+          rule_ids: rulesToRemove.map((r) => r.id).filter(Boolean)
+        });
+        rulesToUpdate.length && await updatePromotionRules({
+          rules: rulesToUpdate.map((rule) => {
+            return {
+              id: rule.id,
+              attribute: rule.attribute,
+              operator: rule.operator,
+              values: rule.values
+            };
+          })
+        });
+        handleSuccess();
+      } catch (error) {
+        const message = error instanceof ClientError ? error.message.replace(
+          /(\w+_\w+)/g,
+          (match) => `"${match.replace(/_/g, " ")}"`
+        ) : "An error occurred";
+        toast.error(message);
+      }
+    };
+  };
+  return /* @__PURE__ */ jsx2(
+    EditRulesForm,
+    {
+      promotion,
+      rules,
+      ruleType,
+      handleSubmit,
+      isSubmitting: isPending
+    }
+  );
+};
+
+// src/pages/promotions/common/edit-rules/edit-rules.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var EditRules2 = () => {
+  const params = useParams();
+  const allowedParams = [
+    "rules" /* RULES */,
+    "buy-rules" /* BUY_RULES */,
+    "target-rules" /* TARGET_RULES */
+  ];
+  if (!allowedParams.includes(params.ruleType)) {
+    throw "invalid page";
+  }
+  const { t } = useTranslation2();
+  const ruleType = params.ruleType;
+  const id = params.id;
+  const rules = [];
+  const { promotion, isPending: isLoading, isError, error } = usePromotion(id);
+  if (promotion) {
+    if (ruleType === "rules" /* RULES */) {
+      rules.push(...promotion.rules || []);
+    } else if (ruleType === "target-rules" /* TARGET_RULES */) {
+      rules.push(...promotion?.application_method?.target_rules || []);
+    } else if (ruleType === "buy-rules" /* BUY_RULES */) {
+      rules.push(...promotion.application_method?.buy_rules || []);
+    }
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": `promotion-edit-rules-${ruleType}`, children: [
+    /* @__PURE__ */ jsx3(RouteDrawer.Header, { "data-testid": `promotion-edit-rules-header-${ruleType}`, children: /* @__PURE__ */ jsx3(Heading, { "data-testid": `promotion-edit-rules-heading-${ruleType}`, children: t(`promotions.edit.${ruleType}.title`) }) }),
+    !isLoading && promotion && /* @__PURE__ */ jsx3(
+      EditRulesWrapper,
+      {
+        promotion,
+        rules,
+        ruleType
+      }
+    )
+  ] });
+};
+export {
+  EditRules2 as Component
+};

package/dist/home-I3OILW5Z.js

@@ -0,0 +1,16 @@
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/home/home.tsx
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+var Home = () => {
+  const navigate = useNavigate();
+  useEffect(() => {
+    navigate("/orders", { replace: true });
+  }, [navigate]);
+  return /* @__PURE__ */ jsx("div", {});
+};
+export {
+  Home as Component
+};

package/dist/index.css

@@ -0,0 +1,6 @@
+@import "@medusajs/dashboard/css";
+
+/* src/index.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;