@medusajs/loyalty-plugin 0.0.7-preview.0 → 0.0.7-preview.3

package/.medusa/server/src/admin/index.mjs

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, {
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
-import { DropdownMenu, IconButton, clx, Heading, Text, Tooltip, Button, Container as Container$1, StatusBadge, useDataTable, DataTable as DataTable$1, createDataTableFilterHelper, usePrompt, Checkbox, toast, createDataTableColumnHelper, Badge, Toaster, Label as Label$1, Hint as Hint$1, Prompt, Drawer, FocusModal, Divider, CurrencyInput as CurrencyInput$1, Textarea, Kbd, Copy, RadioGroup, DatePicker, Skeleton, Input, Alert, ProgressTabs, CommandBar, Select } from "@medusajs/ui";
+import { DropdownMenu, IconButton, clx, Heading, Text, Tooltip, Button, Container as Container$1, StatusBadge, useDataTable, DataTable as DataTable$1, createDataTableFilterHelper, usePrompt, Checkbox, toast, createDataTableColumnHelper, Badge, Toaster, Label as Label$1, Hint as Hint$1, Prompt, Drawer, FocusModal, Divider, CurrencyInput as CurrencyInput$1, DatePicker, Textarea, Kbd, Copy, RadioGroup, Skeleton, Input, Alert, ProgressTabs, CommandBar, Select } from "@medusajs/ui";
 import { Link, useParams, useSearchParams, useNavigate, Outlet, useBlocker, useLocation } from "react-router-dom";
 import * as React from "react";
 import React__default, { createElement as createElement$1, useState, useCallback, useMemo, Fragment as Fragment$1, createContext, forwardRef, useId as useId$1, useContext, useEffect, isValidElement as isValidElement$1, useLayoutEffect, useRef, useReducer, useTransition, useImperativeHandle, useDeferredValue, Suspense, memo as memo$2, cloneElement } from "react";
@@ -20350,7 +20350,11 @@ const GiftCardProductsSection = () => {
     )
   ] });
 };
-const giftCardQueryKey = queryKeysFactory("gift-card");
+const _giftCardQueryKey = queryKeysFactory("gift-card");
+const giftCardQueryKey = {
+  ..._giftCardQueryKey,
+  orders: (id) => [..._giftCardQueryKey.detail(id), "orders"]
+};
 const useGiftCards = (query, options) => {
   const fetchGiftCards = (query2, headers) => sdk.client.fetch(`/admin/gift-cards`, {
     query: query2,
@@ -20375,6 +20379,18 @@ const useGiftCard = (id, query, options) => {
   });
   return { ...data, ...rest };
 };
+const useGiftCardOrders = (id, options) => {
+  const fetchGiftCardOrders = (id2, query, headers) => sdk.client.fetch(`/admin/gift-cards/${id2}/orders`, {
+    query,
+    headers
+  });
+  const { data, ...rest } = useQuery({
+    queryFn: () => fetchGiftCardOrders(id),
+    queryKey: giftCardQueryKey.orders(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
 const useRedeemGiftCard = (id, options) => {
   const queryClient = useQueryClient();
   const redeemGiftCard = async (id2, body) => sdk.client.fetch(`/admin/gift-cards/${id2}/redeem`, {
@@ -20438,6 +20454,12 @@ const columnHelper$9 = createDataTableColumnHelper();
 const useGiftCardTableColumns = () => {
   return useMemo(() => {
     return [
+      columnHelper$9.accessor("code", {
+        header: "Code",
+        cell: ({ row }) => {
+          return row.original.code;
+        }
+      }),
       columnHelper$9.accessor("line_item.product.title", {
         header: "Product",
         cell: ({ row }) => {
@@ -20445,34 +20467,10 @@ const useGiftCardTableColumns = () => {
           return ((_b = (_a = row.original.line_item) == null ? void 0 : _a.product) == null ? void 0 : _b.title) || "Custom Gift Card";
         }
       }),
-      columnHelper$9.accessor("customer.first_name", {
-        header: "Owner",
-        cell: ({ row }) => {
-          if (!row.original.customer) {
-            return "N/A";
-          }
-          const fullName = [
-            row.original.customer.first_name,
-            row.original.customer.last_name
-          ];
-          if (fullName.join("").length > 0) {
-            return fullName.join(" ");
-          }
-          return row.original.customer.email;
-        }
-      }),
       columnHelper$9.accessor("created_at", {
         header: "Date issued",
         cell: ({ row }) => getRelativeDate(row.original.created_at)
       }),
-      columnHelper$9.accessor("status", {
-        header: "Status",
-        cell: ({ row }) => {
-          const status = getGiftCardStatus(row.original);
-          const color = getGiftCardStatusColor(status);
-          return /* @__PURE__ */ jsx(StatusBadge, { color, children: status });
-        }
-      }),
       columnHelper$9.accessor("value", {
         header: "Value",
         cell: ({ row }) => {
@@ -20603,9 +20601,6 @@ const GiftCardCreateSchema = z.object({
   currency_code: z.string({
     required_error: "Currency is required"
   }),
-  customer_id: z.string({
-    required_error: "Customer is required"
-  }),
   expires_at: z.date().nullable().optional(),
   note: z.string().optional(),
   metadata: z.record(z.string(), z.string()).optional()
@@ -20621,10 +20616,9 @@ const GiftCardCreateForm = ({
     defaultValues: {
       value: void 0,
       currency_code: (supportedCurrencies == null ? void 0 : supportedCurrencies[0]) ?? "eur",
-      customer_id: "",
       expires_at: null,
-      note: "",
-      metadata: {}
+      metadata: {},
+      note: ""
     },
     resolver: t(GiftCardCreateSchema)
   });
@@ -20653,30 +20647,6 @@ const GiftCardCreateForm = ({
       (option) => option.label.toLowerCase().includes(currencySearchValue.toLowerCase())
     );
   }, [currencySearchValue]);
-  const {
-    options: customerOptions,
-    fetchNextPage,
-    isFetchingNextPage,
-    searchValue,
-    onSearchValueChange,
-    isLoading
-  } = useComboboxData({
-    queryKey: customersQueryKeys.list(),
-    queryFn: async (params) => {
-      return sdk.admin.customer.list(params);
-    },
-    getOptions: (data) => {
-      var _a;
-      return ((_a = data.customers) == null ? void 0 : _a.map((customer) => {
-        const fullName = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
-        const label = fullName ? `${customer.email} (${fullName})` : customer.email;
-        return {
-          label,
-          value: customer.id
-        };
-      })) || [];
-    }
-  });
   const selectedCurrency = form.watch("currency_code");
   const currentCurrency = useMemo(() => {
     return currencies[selectedCurrency.toUpperCase()];
@@ -20689,7 +20659,7 @@ const GiftCardCreateForm = ({
     /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Create Gift Card" }),
-        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Create a new gift card for a customer" })
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Create a new gift card" })
       ] }),
       /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
       /* @__PURE__ */ jsxs(
@@ -20738,14 +20708,21 @@ const GiftCardCreateForm = ({
                       /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
                         CurrencyInput$1,
                         {
-                          ...field,
-                          formatValueOnBlur: true,
-                          symbol: currentCurrency.symbol_native,
+                          value: field.value,
                           code: currentCurrency.code,
+                          symbol: currentCurrency.symbol_native,
                           decimalScale: currentCurrency.decimal_digits,
                           decimalsLimit: currentCurrency.decimal_digits,
+                          allowDecimals: true,
+                          formatValueOnBlur: true,
+                          allowNegativeValue: false,
                           autoComplete: "off",
-                          tabIndex: -1
+                          tabIndex: -1,
+                          onValueChange: (_value, _name, values) => {
+                            field.onChange(
+                              (values == null ? void 0 : values.value) ? values == null ? void 0 : values.value : ""
+                            );
+                          }
                         }
                       ) }),
                       /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
@@ -20757,22 +20734,17 @@ const GiftCardCreateForm = ({
                 Form$2.Field,
                 {
                   control: form.control,
-                  name: "customer_id",
+                  name: "expires_at",
                   render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs(Form$2.Item, { className: "w-full", children: [
-                      /* @__PURE__ */ jsx(Form$2.Label, { className: "font-normal", children: "Customer" }),
+                    return /* @__PURE__ */ jsxs(Form$2.Item, { children: [
+                      /* @__PURE__ */ jsx(Form$2.Label, { children: "Expires at" }),
                       /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
-                        Combobox,
+                        DatePicker,
                         {
-                          value: field.value,
-                          onChange: field.onChange,
-                          searchValue,
-                          onSearchValueChange,
-                          options: customerOptions,
-                          placeholder: "Search for a customer...",
-                          fetchNextPage,
-                          isFetchingNextPage,
-                          noResultsPlaceholder: isLoading ? "Loading customers..." : "No customers found"
+                          hourCycle: 24,
+                          granularity: "minute",
+                          shouldCloseOnSelect: false,
+                          ...field
                         }
                       ) }),
                       /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
@@ -23716,8 +23688,7 @@ const GiftCardGeneralSection = ({ giftCard }) => {
       onError: (error) => toast.error(error.message)
     });
   };
-  const status = getGiftCardStatus(giftCard);
-  const statusColor = getGiftCardStatusColor(status);
+  getGiftCardStatus(giftCard);
   return /* @__PURE__ */ jsxs(Container$1, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
@@ -23733,43 +23704,40 @@ const GiftCardGeneralSection = ({ giftCard }) => {
           includeTime: true
         }) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx(StatusBadge, { color: statusColor, children: status }),
-        /* @__PURE__ */ jsx(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  // TODO: revisit this - now GC doesn't have owner so redeeming would result in an anonymous account
-                  // {
-                  //   icon: <Gift />,
-                  //   label: "Redeem gift card",
-                  //   onClick: () => handleRedeem(),
-                  //   disabled: isPending || giftCard.status === "redeemed",
-                  // },
-                  {
-                    icon: /* @__PURE__ */ jsx(Calendar, {}),
-                    label: "Edit expiration date",
-                    to: "expiration",
-                    disabled: isPending
-                  }
-                ]
-              },
-              {
-                actions: [
-                  {
-                    icon: /* @__PURE__ */ jsx(Trash, {}),
-                    label: "Delete",
-                    onClick: handleDelete,
-                    disabled: isDeleting || true
-                  }
-                ]
-              }
-            ]
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                // TODO: revisit this - now GC doesn't have owner so redeeming would result in an anonymous account
+                // {
+                //   icon: <Gift />,
+                //   label: "Redeem gift card",
+                //   onClick: () => handleRedeem(),
+                //   disabled: isPending || giftCard.status === "redeemed",
+                // },
+                {
+                  icon: /* @__PURE__ */ jsx(Calendar, {}),
+                  label: "Edit expiration date",
+                  to: "expiration",
+                  disabled: isPending
+                }
+              ]
+            },
+            {
+              actions: [
+                {
+                  icon: /* @__PURE__ */ jsx(Trash, {}),
+                  label: "Delete",
+                  onClick: handleDelete,
+                  disabled: isDeleting || true
+                }
+              ]
+            }
+          ]
+        }
+      ) })
     ] }),
     ((_a = giftCard.line_item) == null ? void 0 : _a.product) && /* @__PURE__ */ jsx(
       SectionRow,
@@ -23852,19 +23820,21 @@ const GiftCardNoteSection = ({ giftCard }) => {
   ] });
 };
 const GiftCardOrderSection = ({ giftCard }) => {
-  if (!giftCard || giftCard.reference !== "order") {
-    return;
-  }
-  const { order, isLoading, isError, error } = useOrder(giftCard.reference_id);
+  const { orders, isLoading, isError, error } = useGiftCardOrders(
+    giftCard == null ? void 0 : giftCard.id
+  );
   if (isError) {
     throw error;
   }
-  if (isLoading) {
+  if (isLoading || !orders) {
+    return null;
+  }
+  if (orders && orders.length === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Container$1, { className: "p-0", children: [
     /* @__PURE__ */ jsx(Header$5, { title: "Order" }),
-    /* @__PURE__ */ jsx(
+    orders.map((order) => /* @__PURE__ */ jsx(
       SidebarLink,
       {
         to: `/orders/${order.id}`,
@@ -23872,7 +23842,7 @@ const GiftCardOrderSection = ({ giftCard }) => {
         icon: /* @__PURE__ */ jsx(ShoppingCart, {}),
         descriptionKey: `Order #${order.display_id}`
       }
-    )
+    ))
   ] });
 };
 const GiftCardTransactionsSection = ({
@@ -23949,73 +23919,6 @@ const KeyboundForm = React__default.forwardRef(({ onSubmit, onKeyDown, ...rest }
   );
 });
 KeyboundForm.displayName = "KeyboundForm";
-const Note = () => {
-  const { id } = useParams();
-  const {
-    gift_card: giftCard,
-    isPending,
-    isError,
-    error
-  } = useGiftCard(id, {});
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!giftCard;
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit note" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the note for the gift card" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsx(GiftCardNoteForm, { giftCard })
-  ] });
-};
-const GiftCardNoteForm = ({ giftCard }) => {
-  const form = useForm({
-    defaultValues: {
-      note: giftCard.note ?? ""
-    },
-    resolver: t(schema$1)
-  });
-  const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      { note: data.note },
-      {
-        onSuccess: () => handleSuccess(),
-        onError: (error) => toast.error(error.message)
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      className: "flex flex-1 flex-col overflow-hidden",
-      onSubmit,
-      children: [
-        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(
-          Form$2.Field,
-          {
-            control: form.control,
-            name: "note",
-            render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
-              /* @__PURE__ */ jsx(Form$2.Label, { children: "Note" }),
-              /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
-              /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const schema$1 = z.object({
-  note: z.string().optional()
-});
 const GiftCardExpiration = () => {
   const { id } = useParams();
   const {
@@ -24041,7 +23944,7 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     defaultValues: {
       expires_at: giftCard.expires_at ? new Date(giftCard.expires_at) : null
     },
-    resolver: t(schema)
+    resolver: t(schema$1)
   });
   const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
   const { handleSuccess } = useRouteModal();
@@ -24130,9 +24033,76 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     }
   ) });
 };
-const schema = z.object({
+const schema$1 = z.object({
   expires_at: z.date().nullish()
 });
+const Note = () => {
+  const { id } = useParams();
+  const {
+    gift_card: giftCard,
+    isPending,
+    isError,
+    error
+  } = useGiftCard(id, {});
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!giftCard;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit note" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the note for the gift card" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsx(GiftCardNoteForm, { giftCard })
+  ] });
+};
+const GiftCardNoteForm = ({ giftCard }) => {
+  const form = useForm({
+    defaultValues: {
+      note: giftCard.note ?? ""
+    },
+    resolver: t(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      { note: data.note },
+      {
+        onSuccess: () => handleSuccess(),
+        onError: (error) => toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(
+          Form$2.Field,
+          {
+            control: form.control,
+            name: "note",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
+              /* @__PURE__ */ jsx(Form$2.Label, { children: "Note" }),
+              /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+              /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema = z.object({
+  note: z.string().optional()
+});
 const columnHelper$7 = createColumnHelper();
 const useGiftCardProductsTableColumns = () => {
   return useMemo(
@@ -37415,6 +37385,153 @@ const ProductDetail = () => {
   ] });
 };
 const EditProductSchema$1 = z.object({
+  denominations: z.array(
+    z.object({
+      id: z.string().optional(),
+      value: z.string().min(1),
+      prices: z.record(z.string(), optionalFloat).optional()
+    })
+  ).min(1)
+});
+const GiftCardProductEditDenominationsForm = ({
+  product
+}) => {
+  var _a;
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      denominations: (_a = product.variants) == null ? void 0 : _a.map((variant) => ({
+        id: variant.id,
+        value: variant.title
+      }))
+    },
+    resolver: t(EditProductSchema$1)
+  });
+  const { mutateAsync, isPending } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const optionValues = data.denominations.map(
+      (denomination) => denomination.value
+    );
+    const options = [
+      {
+        title: "denomination",
+        values: optionValues
+      }
+    ];
+    await mutateAsync(
+      {
+        options,
+        variants: data.denominations.map((denomination) => ({
+          id: denomination.id,
+          title: denomination.value,
+          manage_inventory: false,
+          options: {
+            denomination: denomination.value
+          }
+        }))
+      },
+      {
+        onSuccess: () => {
+          toast.success(`Denominations updated successfully`);
+          handleSuccess();
+        },
+        onError: (e2) => {
+          toast.error(e2.message);
+        }
+      }
+    );
+  });
+  const {
+    fields: denominationsFields,
+    append: addDenomination,
+    remove: removeDenomination
+  } = useFieldArray({
+    name: "denominations",
+    control: form.control
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          denominationsFields.map((denominationField, index) => {
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-4 py-2",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Form$2.Field,
+                    {
+                      control: form.control,
+                      name: `denominations.${index}.value`,
+                      render: ({ field }) => {
+                        return /* @__PURE__ */ jsxs(Form$2.Item, { className: "w-full", children: [
+                          /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "100" }) }),
+                          /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
+                        ] });
+                      }
+                    },
+                    denominationField.id
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      type: "button",
+                      className: "rounded-full p-0 ml-4",
+                      onClick: () => {
+                        removeDenomination(index);
+                      },
+                      children: /* @__PURE__ */ jsx(XCircleSolid, { className: "rounded-full" })
+                    }
+                  ) })
+                ]
+              },
+              denominationField.id
+            );
+          }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              className: "w-full",
+              onClick: () => {
+                addDenomination({ value: "", prices: {} });
+              },
+              children: "Add denomination"
+            }
+          ),
+          form.formState.errors.denominations && /* @__PURE__ */ jsx(Alert, { variant: "error", children: "Please add at least one denomination." })
+        ] }) }) }) }),
+        /* @__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, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const GiftCardProductEdit$1 = () => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(id, {});
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit gift cards denominations" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card denominations" })
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsx(GiftCardProductEditDenominationsForm, { product })
+  ] });
+};
+const EditProductSchema = z.object({
   status: z.enum(["draft", "published", "proposed", "rejected"]),
   title: z.string().min(1),
   subtitle: z.string().optional(),
@@ -37433,7 +37550,7 @@ const GiftCardProductEditForm = ({
       handle: product.handle || "",
       description: product.description || ""
     },
-    resolver: t(EditProductSchema$1)
+    resolver: t(EditProductSchema)
   });
   const { mutateAsync, isPending } = useUpdateProduct(product.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -37574,7 +37691,7 @@ const GiftCardProductEditForm = ({
     }
   ) });
 };
-const GiftCardProductEdit$1 = () => {
+const GiftCardProductEdit = () => {
   const { id } = useParams();
   const { product, isLoading, isError, error } = useProduct(id, {});
   if (isError) {
@@ -37588,152 +37705,6 @@ const GiftCardProductEdit$1 = () => {
     !isLoading && product && /* @__PURE__ */ jsx(GiftCardProductEditForm, { product })
   ] });
 };
-const EditProductSchema = z.object({
-  denominations: z.array(
-    z.object({
-      id: z.string().optional(),
-      value: z.string().min(1),
-      prices: z.record(z.string(), optionalFloat).optional()
-    })
-  ).min(1)
-});
-const GiftCardProductEditDenominationsForm = ({
-  product
-}) => {
-  var _a;
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      denominations: (_a = product.variants) == null ? void 0 : _a.map((variant) => ({
-        id: variant.id,
-        value: variant.title
-      }))
-    },
-    resolver: t(EditProductSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateProduct(product.id);
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const optionValues = data.denominations.map(
-      (denomination) => denomination.value
-    );
-    const options = [
-      {
-        title: "denomination",
-        values: optionValues
-      }
-    ];
-    await mutateAsync(
-      {
-        options,
-        variants: data.denominations.map((denomination) => ({
-          id: denomination.id,
-          title: denomination.value,
-          options: {
-            denomination: denomination.value
-          }
-        }))
-      },
-      {
-        onSuccess: () => {
-          toast.success(`Denominations updated successfully`);
-          handleSuccess();
-        },
-        onError: (e2) => {
-          toast.error(e2.message);
-        }
-      }
-    );
-  });
-  const {
-    fields: denominationsFields,
-    append: addDenomination,
-    remove: removeDenomination
-  } = useFieldArray({
-    name: "denominations",
-    control: form.control
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex flex-1 flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
-          denominationsFields.map((denominationField, index) => {
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "flex items-center justify-between shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-4 py-2",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Form$2.Field,
-                    {
-                      control: form.control,
-                      name: `denominations.${index}.value`,
-                      render: ({ field }) => {
-                        return /* @__PURE__ */ jsxs(Form$2.Item, { className: "w-full", children: [
-                          /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "100" }) }),
-                          /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
-                        ] });
-                      }
-                    },
-                    denominationField.id
-                  ),
-                  /* @__PURE__ */ jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "small",
-                      variant: "secondary",
-                      type: "button",
-                      className: "rounded-full p-0 ml-4",
-                      onClick: () => {
-                        removeDenomination(index);
-                      },
-                      children: /* @__PURE__ */ jsx(XCircleSolid, { className: "rounded-full" })
-                    }
-                  ) })
-                ]
-              },
-              denominationField.id
-            );
-          }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "small",
-              variant: "secondary",
-              type: "button",
-              className: "w-full",
-              onClick: () => {
-                addDenomination({ value: "", prices: {} });
-              },
-              children: "Add denomination"
-            }
-          ),
-          form.formState.errors.denominations && /* @__PURE__ */ jsx(Alert, { variant: "error", children: "Please add at least one denomination." })
-        ] }) }) }) }),
-        /* @__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, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const GiftCardProductEdit = () => {
-  const { id } = useParams();
-  const { product, isLoading, isError, error } = useProduct(id, {});
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit gift cards denominations" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card denominations" })
-    ] }),
-    !isLoading && product && /* @__PURE__ */ jsx(GiftCardProductEditDenominationsForm, { product })
-  ] });
-};
 const EditProductMediaForm = ({ product }) => {
   const [selection, setSelection] = useState({});
   const { handleSuccess } = useRouteModal();
@@ -38347,6 +38318,112 @@ const ProductMedia = () => {
     ready && /* @__PURE__ */ jsx(ProductMediaView, { product })
   ] });
 };
+const EditSalesChannelsSchema = objectType({
+  sales_channels: arrayType(stringType()).optional()
+});
+const PAGE_SIZE = 50;
+const PREFIX = "sc";
+const EditSalesChannelsForm = ({
+  product
+}) => {
+  var _a, _b;
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      sales_channels: ((_a = product.sales_channels) == null ? void 0 : _a.map((sc) => sc.id)) ?? []
+    },
+    resolver: t(EditSalesChannelsSchema)
+  });
+  const { setValue: setValue2 } = form;
+  const initialState2 = ((_b = product.sales_channels) == null ? void 0 : _b.reduce((acc, curr) => {
+    acc[curr.id] = true;
+    return acc;
+  }, {})) ?? {};
+  const [rowSelection, setRowSelection] = useState(initialState2);
+  useEffect(() => {
+    const ids2 = Object.keys(rowSelection);
+    setValue2("sales_channels", ids2, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+  }, [rowSelection, setValue2]);
+  const searchParams = useSalesChannelTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const { sales_channels, count: count2, isLoading, isError, error } = useSalesChannels(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useSalesChannelTableFilters();
+  const emptyState = useSalesChannelTableEmptyState();
+  const columns = useColumns();
+  const { mutateAsync, isPending: isMutating } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const arr = data.sales_channels ?? [];
+    const sales_channels2 = arr.map((id) => {
+      return {
+        id
+      };
+    });
+    await mutateAsync(
+      {
+        sales_channels: sales_channels2
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        }
+      }
+    );
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: sales_channels,
+        columns,
+        getRowId: (row) => row.id,
+        rowCount: count2,
+        isLoading,
+        filters,
+        rowSelection: {
+          state: rowSelection,
+          onRowSelectionChange: setRowSelection
+        },
+        autoFocusSearch: true,
+        layout: "fill",
+        emptyState,
+        prefix: PREFIX
+      }
+    ) }),
+    /* @__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: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", isLoading: isMutating, onClick: handleSubmit, children: "Save" })
+    ] }) })
+  ] }) });
+};
+const columnHelper$1 = createDataTableColumnHelper();
+const useColumns = () => {
+  const columns = useSalesChannelTableColumns();
+  return useMemo(() => [columnHelper$1.select(), ...columns], [columns]);
+};
+const ProductSalesChannels = () => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx(EditSalesChannelsForm, { product }) });
+};
 const VariantPricingForm = ({ form }) => {
   const { store } = useStore$1();
   const { regions } = useRegions({ limit: 9999 });
@@ -38371,7 +38448,7 @@ const VariantPricingForm = ({ form }) => {
     }
   );
 };
-const columnHelper$1 = createDataGridHelper();
+const columnHelper = createDataGridHelper();
 const useVariantPriceGridColumns = ({
   currencies: currencies2 = [],
   regions = [],
@@ -38379,7 +38456,7 @@ const useVariantPriceGridColumns = ({
 }) => {
   return useMemo(() => {
     return [
-      columnHelper$1.column({
+      columnHelper.column({
         id: "Title",
         header: "Title",
         cell: (context) => {
@@ -38505,112 +38582,6 @@ const ProductPrices = () => {
   }
   return /* @__PURE__ */ jsx(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx(PricingEdit, { product, variantId: variant_id }) });
 };
-const EditSalesChannelsSchema = objectType({
-  sales_channels: arrayType(stringType()).optional()
-});
-const PAGE_SIZE = 50;
-const PREFIX = "sc";
-const EditSalesChannelsForm = ({
-  product
-}) => {
-  var _a, _b;
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      sales_channels: ((_a = product.sales_channels) == null ? void 0 : _a.map((sc) => sc.id)) ?? []
-    },
-    resolver: t(EditSalesChannelsSchema)
-  });
-  const { setValue: setValue2 } = form;
-  const initialState2 = ((_b = product.sales_channels) == null ? void 0 : _b.reduce((acc, curr) => {
-    acc[curr.id] = true;
-    return acc;
-  }, {})) ?? {};
-  const [rowSelection, setRowSelection] = useState(initialState2);
-  useEffect(() => {
-    const ids2 = Object.keys(rowSelection);
-    setValue2("sales_channels", ids2, {
-      shouldDirty: true,
-      shouldTouch: true
-    });
-  }, [rowSelection, setValue2]);
-  const searchParams = useSalesChannelTableQuery({
-    pageSize: PAGE_SIZE,
-    prefix: PREFIX
-  });
-  const { sales_channels, count: count2, isLoading, isError, error } = useSalesChannels(
-    {
-      ...searchParams
-    },
-    {
-      placeholderData: keepPreviousData
-    }
-  );
-  const filters = useSalesChannelTableFilters();
-  const emptyState = useSalesChannelTableEmptyState();
-  const columns = useColumns();
-  const { mutateAsync, isPending: isMutating } = useUpdateProduct(product.id);
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const arr = data.sales_channels ?? [];
-    const sales_channels2 = arr.map((id) => {
-      return {
-        id
-      };
-    });
-    await mutateAsync(
-      {
-        sales_channels: sales_channels2
-      },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        }
-      }
-    );
-  });
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
-    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        data: sales_channels,
-        columns,
-        getRowId: (row) => row.id,
-        rowCount: count2,
-        isLoading,
-        filters,
-        rowSelection: {
-          state: rowSelection,
-          onRowSelectionChange: setRowSelection
-        },
-        autoFocusSearch: true,
-        layout: "fill",
-        emptyState,
-        prefix: PREFIX
-      }
-    ) }),
-    /* @__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: "Cancel" }) }),
-      /* @__PURE__ */ jsx(Button, { size: "small", isLoading: isMutating, onClick: handleSubmit, children: "Save" })
-    ] }) })
-  ] }) });
-};
-const columnHelper = createDataTableColumnHelper();
-const useColumns = () => {
-  const columns = useSalesChannelTableColumns();
-  return useMemo(() => [columnHelper.select(), ...columns], [columns]);
-};
-const ProductSalesChannels = () => {
-  const { id } = useParams();
-  const { product, isLoading, isError, error } = useProduct(id);
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx(EditSalesChannelsForm, { product }) });
-};
 const widgetModule = { widgets: [
   {
     Component: CustomerStoreCreditWidget,
@@ -38655,13 +38626,13 @@ const routeModule = {
       Component: GiftCardDetailsPage,
       path: "/gift-cards/:id",
       children: [
-        {
-          Component: Note,
-          path: "/gift-cards/:id/note"
-        },
         {
           Component: GiftCardExpiration,
           path: "/gift-cards/:id/expiration"
+        },
+        {
+          Component: Note,
+          path: "/gift-cards/:id/note"
         }
       ]
     },
@@ -38681,11 +38652,11 @@ const routeModule = {
       children: [
         {
           Component: GiftCardProductEdit$1,
-          path: "/gift-cards/gift-card-products/:id/edit"
+          path: "/gift-cards/gift-card-products/:id/denominations"
         },
         {
           Component: GiftCardProductEdit,
-          path: "/gift-cards/gift-card-products/:id/denominations"
+          path: "/gift-cards/gift-card-products/:id/edit"
         }
       ]
     },
@@ -38693,13 +38664,13 @@ const routeModule = {
       Component: ProductMedia,
       path: "/gift-cards/gift-card-products/:id/media"
     },
-    {
-      Component: ProductPrices,
-      path: "/gift-cards/gift-card-products/:id/prices"
-    },
     {
       Component: ProductSalesChannels,
       path: "/gift-cards/gift-card-products/:id/sales-channels"
+    },
+    {
+      Component: ProductPrices,
+      path: "/gift-cards/gift-card-products/:id/prices"
     }
   ]
 };