@medusajs/loyalty-plugin 0.0.7-preview.5 → 0.0.7-preview.6

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

@@ -7,7 +7,7 @@ import { DropdownMenu, IconButton, clx, Heading, Text, Tooltip, Button, Containe
 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";
-import { EllipsisHorizontal, InformationCircleSolid, ExclamationCircle, PlusMini, TriangleRightMini, Gift, Photo, PencilSquare, Trash, Tag, XMarkMini, TrianglesMini, CheckMini, EllipseMiniSolid, ArrowUpRightOnBox, TriangleDownMini, Check, SquareTwoStack, Calendar, ShoppingCart, CreditCard, User, Share, AdjustmentsDone, Adjustments, TaxInclusive, TaxExclusive, XMark, ArrowDownTray, DotsSix, ThumbnailBadge, StackPerspective, XCircleSolid, TriangleLeftMini } from "@medusajs/icons";
+import { EllipsisHorizontal, InformationCircleSolid, ExclamationCircle, PlusMini, TriangleRightMini, Gift, Photo, PencilSquare, Trash, Tag, XMarkMini, TrianglesMini, CheckMini, EllipseMiniSolid, ArrowUpRightOnBox, TriangleDownMini, Check, SquareTwoStack, Calendar, ShoppingCart, AdjustmentsDone, Adjustments, TaxInclusive, TaxExclusive, XMark, ArrowDownTray, DotsSix, ThumbnailBadge, StackPerspective, CreditCard, User, Share, XCircleSolid, TriangleLeftMini } from "@medusajs/icons";
 import { useQuery, useQueryClient, useMutation, useInfiniteQuery, keepPreviousData } from "@tanstack/react-query";
 import Medusa, { FetchError } from "@medusajs/js-sdk";
 import { format as format$1, subDays, subMonths, formatDistance, sub } from "date-fns";
@@ -23851,270 +23851,6 @@ const GiftCardExpirationForm = ({ giftCard }) => {
 const schema$1 = objectType({
   expires_at: dateType().nullish()
 });
-const StoreCreditAccountBalanceSection = ({
-  storeCreditAccount
-}) => {
-  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
-    return;
-  }
-  return /* @__PURE__ */ jsx(Container$1, { className: "grid grid-cols-2 gap-x-2 px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-x-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "bg-ui-tag-green-icon h-8 w-1 rounded-full" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", size: "small", className: "text-ui-fg-subtle", children: "Current Balance" }),
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          weight: "plus",
-          size: "xlarge",
-          className: "tabular-nums text-ui-fg-base",
-          children: formatAmount(
-            storeCreditAccount.balance,
-            storeCreditAccount.currency_code
-          )
-        }
-      )
-    ] })
-  ] }) });
-};
-const StoreCreditAccountDetailsSection = ({
-  storeCreditAccount
-}) => {
-  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
-    return;
-  }
-  return /* @__PURE__ */ jsxs(Container$1, { className: "flex justify-between gap-x-2 px-6 py-6", children: [
-    /* @__PURE__ */ jsxs(
-      Text,
-      {
-        weight: "plus",
-        size: "xlarge",
-        className: "text-ui-fg-base flex gap-x-4",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx(CreditCardIcon, { className: "inline" }),
-            " "
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle", children: [
-              storeCreditAccount.currency_code.toUpperCase(),
-              " Account"
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-base", children: /* @__PURE__ */ jsx(
-              Text,
-              {
-                weight: "regular",
-                size: "small",
-                className: "text-ui-fg-base flex gap-x-4",
-                children: /* @__PURE__ */ jsx(DisplayId, { id: storeCreditAccount.id })
-              }
-            ) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsx(
-      ActionMenu,
-      {
-        groups: [
-          {
-            actions: [
-              {
-                icon: /* @__PURE__ */ jsx(CreditCard, {}),
-                label: "Credit the account",
-                to: "credit"
-              }
-            ]
-          }
-        ]
-      }
-    ) })
-  ] });
-};
-function StoreCreditAccountCustomerSection({
-  customerId
-}) {
-  const { customer, isPending } = useCustomer(customerId, void 0, {
-    enabled: !!customerId
-  });
-  if (isPending || !customer) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Container$1, { className: "p-0", children: [
-    /* @__PURE__ */ jsx(Header$5, { title: "Customer" }),
-    /* @__PURE__ */ jsx(
-      SidebarLink,
-      {
-        icon: /* @__PURE__ */ jsx(User, {}),
-        labelKey: customer.email || "N/A",
-        descriptionKey: !customer.first_name && !customer.last_name ? "N/A" : `${customer.first_name} ${customer.last_name}`,
-        to: `/customers/${customer.id}`
-      },
-      customer.id
-    )
-  ] });
-}
-function StoreCreditAccountCodeSection({ code }) {
-  if (!code) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Container$1, { className: "p-0", children: [
-    /* @__PURE__ */ jsx(Header$5, { title: "Account Code" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4 px-6 mb-2", children: [
-      /* @__PURE__ */ jsx(Share, { className: "inline" }),
-      /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle text-sm", children: code })
-    ] })
-  ] });
-}
-const StoreCreditAccountPage = () => {
-  const { id } = useParams();
-  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
-    id
-  );
-  if (!storeCreditAccount) {
-    return;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    TwoColumnLayout,
-    {
-      firstCol: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          StoreCreditAccountDetailsSection,
-          {
-            storeCreditAccount
-          }
-        ),
-        /* @__PURE__ */ jsx(TransactionsTable, { id: storeCreditAccount.id })
-      ] }),
-      secondCol: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          StoreCreditAccountBalanceSection,
-          {
-            storeCreditAccount
-          }
-        ),
-        /* @__PURE__ */ jsx(StoreCreditAccountCodeSection, { code: storeCreditAccount.code }),
-        /* @__PURE__ */ jsx(
-          StoreCreditAccountCustomerSection,
-          {
-            customerId: storeCreditAccount.customer_id
-          }
-        )
-      ] })
-    }
-  ) });
-};
-const Note = () => {
-  const { id } = useParams();
-  const {
-    store_credit_account: storeCreditAccount,
-    isPending,
-    isError,
-    error
-  } = useStoreCreditAccount(id, {});
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!storeCreditAccount;
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Credit store credit account" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Credit the store credit account" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsx(StoreCreditAccountCreditForm, { storeCreditAccount })
-  ] });
-};
-const StoreCreditAccountCreditForm = ({
-  storeCreditAccount
-}) => {
-  const form = useForm({
-    defaultValues: {
-      amount: {
-        float: 0,
-        value: ""
-      },
-      note: ""
-    },
-    resolver: t(schema)
-  });
-  const { mutateAsync, isPending } = useCreditStoreCreditAccount(
-    storeCreditAccount.id
-  );
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    if (data.amount.float <= 0) {
-      form.setError("amount", { message: "Amount must be greater than 0" });
-      return;
-    }
-    await mutateAsync(
-      { amount: data.amount.float, 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__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-          /* @__PURE__ */ jsx(
-            Form$2.Field,
-            {
-              control: form.control,
-              name: "amount",
-              render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
-                /* @__PURE__ */ jsx(Form$2.Label, { children: "Amount" }),
-                /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
-                  CurrencyInput$1,
-                  {
-                    min: 0,
-                    placeholder: "0",
-                    value: field.value.value,
-                    onValueChange: (_value, _name, values) => {
-                      field.onChange({
-                        value: values == null ? void 0 : values.value,
-                        float: (values == null ? void 0 : values.float) || null
-                      });
-                    },
-                    symbol: currencies[storeCreditAccount.currency_code.toUpperCase()].symbol_native,
-                    code: storeCreditAccount.currency_code.toUpperCase()
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
-              ] })
-            }
-          ),
-          /* @__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 = objectType({
-  note: stringType(),
-  amount: objectType({
-    float: numberType(),
-    value: stringType()
-  })
-});
 const columnHelper$7 = createColumnHelper();
 const useGiftCardProductsTableColumns = () => {
   return useMemo(
@@ -36922,6 +36658,270 @@ const GiftCardProductCreate = () => {
     )
   ] });
 };
+const StoreCreditAccountBalanceSection = ({
+  storeCreditAccount
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsx(Container$1, { className: "grid grid-cols-2 gap-x-2 px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-x-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-ui-tag-green-icon h-8 w-1 rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", size: "small", className: "text-ui-fg-subtle", children: "Current Balance" }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          weight: "plus",
+          size: "xlarge",
+          className: "tabular-nums text-ui-fg-base",
+          children: formatAmount(
+            storeCreditAccount.balance,
+            storeCreditAccount.currency_code
+          )
+        }
+      )
+    ] })
+  ] }) });
+};
+const StoreCreditAccountDetailsSection = ({
+  storeCreditAccount
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsxs(Container$1, { className: "flex justify-between gap-x-2 px-6 py-6", children: [
+    /* @__PURE__ */ jsxs(
+      Text,
+      {
+        weight: "plus",
+        size: "xlarge",
+        className: "text-ui-fg-base flex gap-x-4",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx(CreditCardIcon, { className: "inline" }),
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle", children: [
+              storeCreditAccount.currency_code.toUpperCase(),
+              " Account"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-base", children: /* @__PURE__ */ jsx(
+              Text,
+              {
+                weight: "regular",
+                size: "small",
+                className: "text-ui-fg-base flex gap-x-4",
+                children: /* @__PURE__ */ jsx(DisplayId, { id: storeCreditAccount.id })
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsx(
+      ActionMenu,
+      {
+        groups: [
+          {
+            actions: [
+              {
+                icon: /* @__PURE__ */ jsx(CreditCard, {}),
+                label: "Credit the account",
+                to: "credit"
+              }
+            ]
+          }
+        ]
+      }
+    ) })
+  ] });
+};
+function StoreCreditAccountCustomerSection({
+  customerId
+}) {
+  const { customer, isPending } = useCustomer(customerId, void 0, {
+    enabled: !!customerId
+  });
+  if (isPending || !customer) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Container$1, { className: "p-0", children: [
+    /* @__PURE__ */ jsx(Header$5, { title: "Customer" }),
+    /* @__PURE__ */ jsx(
+      SidebarLink,
+      {
+        icon: /* @__PURE__ */ jsx(User, {}),
+        labelKey: customer.email || "N/A",
+        descriptionKey: !customer.first_name && !customer.last_name ? "N/A" : `${customer.first_name} ${customer.last_name}`,
+        to: `/customers/${customer.id}`
+      },
+      customer.id
+    )
+  ] });
+}
+function StoreCreditAccountCodeSection({ code }) {
+  if (!code) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Container$1, { className: "p-0", children: [
+    /* @__PURE__ */ jsx(Header$5, { title: "Account Code" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4 px-6 mb-2", children: [
+      /* @__PURE__ */ jsx(Share, { className: "inline" }),
+      /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle text-sm", children: code })
+    ] })
+  ] });
+}
+const StoreCreditAccountPage = () => {
+  const { id } = useParams();
+  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
+    id
+  );
+  if (!storeCreditAccount) {
+    return;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    TwoColumnLayout,
+    {
+      firstCol: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          StoreCreditAccountDetailsSection,
+          {
+            storeCreditAccount
+          }
+        ),
+        /* @__PURE__ */ jsx(TransactionsTable, { id: storeCreditAccount.id })
+      ] }),
+      secondCol: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          StoreCreditAccountBalanceSection,
+          {
+            storeCreditAccount
+          }
+        ),
+        /* @__PURE__ */ jsx(StoreCreditAccountCodeSection, { code: storeCreditAccount.code }),
+        /* @__PURE__ */ jsx(
+          StoreCreditAccountCustomerSection,
+          {
+            customerId: storeCreditAccount.customer_id
+          }
+        )
+      ] })
+    }
+  ) });
+};
+const Note = () => {
+  const { id } = useParams();
+  const {
+    store_credit_account: storeCreditAccount,
+    isPending,
+    isError,
+    error
+  } = useStoreCreditAccount(id, {});
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!storeCreditAccount;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Credit store credit account" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Credit the store credit account" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsx(StoreCreditAccountCreditForm, { storeCreditAccount })
+  ] });
+};
+const StoreCreditAccountCreditForm = ({
+  storeCreditAccount
+}) => {
+  const form = useForm({
+    defaultValues: {
+      amount: {
+        float: 0,
+        value: ""
+      },
+      note: ""
+    },
+    resolver: t(schema)
+  });
+  const { mutateAsync, isPending } = useCreditStoreCreditAccount(
+    storeCreditAccount.id
+  );
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    if (data.amount.float <= 0) {
+      form.setError("amount", { message: "Amount must be greater than 0" });
+      return;
+    }
+    await mutateAsync(
+      { amount: data.amount.float, 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__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form$2.Field,
+            {
+              control: form.control,
+              name: "amount",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
+                /* @__PURE__ */ jsx(Form$2.Label, { children: "Amount" }),
+                /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
+                  CurrencyInput$1,
+                  {
+                    min: 0,
+                    placeholder: "0",
+                    value: field.value.value,
+                    onValueChange: (_value, _name, values) => {
+                      field.onChange({
+                        value: values == null ? void 0 : values.value,
+                        float: (values == null ? void 0 : values.float) || null
+                      });
+                    },
+                    symbol: currencies[storeCreditAccount.currency_code.toUpperCase()].symbol_native,
+                    code: storeCreditAccount.currency_code.toUpperCase()
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__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 = objectType({
+  note: stringType(),
+  amount: objectType({
+    float: numberType(),
+    value: stringType()
+  })
+});
 const productStatusColor = (status) => {
   switch (status) {
     case "draft":
@@ -37397,6 +37397,153 @@ const ProductDetail = () => {
   ] });
 };
 const EditProductSchema$1 = objectType({
+  denominations: arrayType(
+    objectType({
+      id: stringType().optional(),
+      value: stringType().min(1),
+      prices: recordType(stringType(), 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 = objectType({
   status: enumType(["draft", "published", "proposed", "rejected"]),
   title: stringType().min(1),
   subtitle: stringType().optional(),
@@ -37415,7 +37562,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) => {
@@ -37556,7 +37703,7 @@ const GiftCardProductEditForm = ({
     }
   ) });
 };
-const GiftCardProductEdit$1 = () => {
+const GiftCardProductEdit = () => {
   const { id } = useParams();
   const { product, isLoading, isError, error } = useProduct(id, {});
   if (isError) {
@@ -37570,153 +37717,6 @@ const GiftCardProductEdit$1 = () => {
     !isLoading && product && /* @__PURE__ */ jsx(GiftCardProductEditForm, { product })
   ] });
 };
-const EditProductSchema = objectType({
-  denominations: arrayType(
-    objectType({
-      id: stringType().optional(),
-      value: stringType().min(1),
-      prices: recordType(stringType(), 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,
-          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 = () => {
-  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();
@@ -38645,22 +38645,22 @@ const routeModule = {
       ]
     },
     {
-      Component: StoreCreditAccountPage,
-      path: "/store-credit-accounts/:id",
+      Component: GiftCardProductsPage,
+      path: "/gift-cards/gift-card-products",
       children: [
         {
-          Component: Note,
-          path: "/store-credit-accounts/:id/credit"
+          Component: GiftCardProductCreate,
+          path: "/gift-cards/gift-card-products/create"
         }
       ]
     },
     {
-      Component: GiftCardProductsPage,
-      path: "/gift-cards/gift-card-products",
+      Component: StoreCreditAccountPage,
+      path: "/store-credit-accounts/:id",
       children: [
         {
-          Component: GiftCardProductCreate,
-          path: "/gift-cards/gift-card-products/create"
+          Component: Note,
+          path: "/store-credit-accounts/:id/credit"
         }
       ]
     },
@@ -38670,11 +38670,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"
         }
       ]
     },
@@ -38694,18 +38694,18 @@ const routeModule = {
 };
 const menuItemModule = {
   menuItems: [
-    {
-      label: config$1.label,
-      icon: config$1.icon,
-      path: "/store-credit-accounts",
-      nested: void 0
-    },
     {
       label: config$2.label,
       icon: config$2.icon,
       path: "/gift-cards",
       nested: void 0
     },
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/store-credit-accounts",
+      nested: void 0
+    },
     {
       label: config.label,
       icon: void 0,