@medusajs/loyalty-plugin 2.15.0 → 2.15.1-preview-20260511150319

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

@@ -25934,73 +25934,6 @@ const KeyboundForm = React__namespace.default.forwardRef(({ onSubmit, onKeyDown,
   );
 });
 KeyboundForm.displayName = "KeyboundForm";
-const Note$1 = () => {
-  const { id } = reactRouterDom.useParams();
-  const {
-    gift_card: giftCard,
-    isPending,
-    isError,
-    error
-  } = useGiftCard(id, {});
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!giftCard;
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit note" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the note for the gift card" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsxRuntime.jsx(GiftCardNoteForm, { giftCard })
-  ] });
-};
-const GiftCardNoteForm = ({ giftCard }) => {
-  const form = useForm({
-    defaultValues: {
-      note: giftCard.note ?? ""
-    },
-    resolver: t(schema$2)
-  });
-  const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      { note: data.note },
-      {
-        onSuccess: () => handleSuccess(),
-        onError: (error) => ui.toast.error(error.message)
-      }
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    KeyboundForm,
-    {
-      className: "flex flex-1 flex-col overflow-hidden",
-      onSubmit,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Form$2.Field,
-          {
-            control: form.control,
-            name: "note",
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Note" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const schema$2 = zod.z.object({
-  note: zod.z.string().optional()
-});
 const GiftCardExpiration = () => {
   const { id } = reactRouterDom.useParams();
   const { gift_card: giftCard, isPending, isError, error } = useGiftCard(id);
@@ -26021,7 +25954,7 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     defaultValues: {
       expires_at: giftCard.expires_at ? new Date(giftCard.expires_at) : null
     },
-    resolver: t(schema$1)
+    resolver: t(schema$2)
   });
   const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
   const { handleSuccess } = useRouteModal();
@@ -26116,9 +26049,76 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     }
   ) });
 };
-const schema$1 = zod.z.object({
+const schema$2 = zod.z.object({
   expires_at: zod.z.date().nullish()
 });
+const Note$1 = () => {
+  const { id } = reactRouterDom.useParams();
+  const {
+    gift_card: giftCard,
+    isPending,
+    isError,
+    error
+  } = useGiftCard(id, {});
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!giftCard;
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit note" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the note for the gift card" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsxRuntime.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) => ui.toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Form$2.Field,
+          {
+            control: form.control,
+            name: "note",
+            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Note" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema$1 = zod.z.object({
+  note: zod.z.string().optional()
+});
 const columnHelper$7 = createColumnHelper();
 const useGiftCardProductsTableColumns = () => {
   return React.useMemo(
@@ -40239,54 +40239,41 @@ const ProductDetail = () => {
   ] });
 };
 const EditProductSchema$1 = zod.z.object({
-  denominations: zod.z.array(
-    zod.z.object({
-      id: zod.z.string().optional(),
-      value: zod.z.string().min(1),
-      prices: zod.z.record(zod.z.string(), optionalFloat).optional()
-    })
-  ).min(1)
+  status: zod.z.enum(["draft", "published", "proposed", "rejected"]),
+  title: zod.z.string().min(1),
+  subtitle: zod.z.string().optional(),
+  handle: zod.z.string().min(1),
+  description: zod.z.string().optional()
 });
-const GiftCardProductEditDenominationsForm = ({
+const GiftCardProductEditForm = ({
   product
 }) => {
-  var _a2;
   const { handleSuccess } = useRouteModal();
   const form = useForm({
     defaultValues: {
-      denominations: (_a2 = product.variants) == null ? void 0 : _a2.map((variant) => ({
-        id: variant.id,
-        value: variant.title
-      }))
+      status: product.status,
+      title: product.title,
+      subtitle: product.subtitle || "",
+      handle: product.handle || "",
+      description: product.description || ""
     },
     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
-      }
-    ];
+    const { title, handle, status, ...optional2 } = data;
     await mutateAsync(
       {
-        options,
-        variants: data.denominations.map((denomination) => ({
-          id: denomination.id,
-          title: denomination.value,
-          manage_inventory: false,
-          options: {
-            denomination: denomination.value
-          }
-        }))
+        ...optional2,
+        title,
+        handle,
+        status
       },
       {
-        onSuccess: () => {
-          ui.toast.success(`Denominations updated successfully`);
+        onSuccess: ({ product: product2 }) => {
+          ui.toast.success(
+            `Gift card product ${product2.title} updated successfully`
+          );
           handleSuccess();
         },
         onError: (e2) => {
@@ -40295,149 +40282,15 @@ const GiftCardProductEditDenominationsForm = ({
       }
     );
   });
-  const {
-    fields: denominationsFields,
-    append: addDenomination,
-    remove: removeDenomination
-  } = useFieldArray({
-    name: "denominations",
-    control: form.control
-  });
   return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
     KeyboundForm,
     {
       onSubmit: handleSubmit,
       className: "flex flex-1 flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
-          denominationsFields.map((denominationField, index) => {
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg flex items-center justify-between rounded-md px-4 py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Form$2.Field,
-                    {
-                      control: form.control,
-                      name: `denominations.${index}.value`,
-                      render: ({ field }) => {
-                        return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "100" }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-                        ] });
-                      }
-                    },
-                    denominationField.id
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Button,
-                    {
-                      size: "small",
-                      variant: "secondary",
-                      type: "button",
-                      className: "ml-4 rounded-full p-0",
-                      onClick: () => {
-                        removeDenomination(index);
-                      },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.XCircleSolid, { className: "rounded-full" })
-                    }
-                  ) })
-                ]
-              },
-              denominationField.id
-            );
-          }),
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              variant: "secondary",
-              type: "button",
-              className: "w-full",
-              onClick: () => {
-                addDenomination({ value: "", prices: {} });
-              },
-              children: "Add denomination"
-            }
-          ),
-          form.formState.errors.denominations && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Please add at least one denomination." })
-        ] }) }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const GiftCardProductEdit$1 = () => {
-  const { id } = reactRouterDom.useParams();
-  const { product, isLoading, isError, error } = useProduct(id, {});
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit gift cards denominations" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card denominations" })
-    ] }),
-    !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductEditDenominationsForm, { product })
-  ] });
-};
-const EditProductSchema = zod.z.object({
-  status: zod.z.enum(["draft", "published", "proposed", "rejected"]),
-  title: zod.z.string().min(1),
-  subtitle: zod.z.string().optional(),
-  handle: zod.z.string().min(1),
-  description: zod.z.string().optional()
-});
-const GiftCardProductEditForm = ({
-  product
-}) => {
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      status: product.status,
-      title: product.title,
-      subtitle: product.subtitle || "",
-      handle: product.handle || "",
-      description: product.description || ""
-    },
-    resolver: t(EditProductSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateProduct(product.id);
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const { title, handle, status, ...optional2 } = data;
-    await mutateAsync(
-      {
-        ...optional2,
-        title,
-        handle,
-        status
-      },
-      {
-        onSuccess: ({ product: product2 }) => {
-          ui.toast.success(
-            `Gift card product ${product2.title} updated successfully`
-          );
-          handleSuccess();
-        },
-        onError: (e2) => {
-          ui.toast.error(e2.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex flex-1 flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Form$2.Field,
+            Form$2.Field,
             {
               control: form.control,
               name: "status",
@@ -40545,7 +40398,7 @@ const GiftCardProductEditForm = ({
     }
   ) });
 };
-const GiftCardProductEdit = () => {
+const GiftCardProductEdit$1 = () => {
   const { id } = reactRouterDom.useParams();
   const { product, isLoading, isError, error } = useProduct(id, {});
   if (isError) {
@@ -40559,163 +40412,152 @@ const GiftCardProductEdit = () => {
     !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductEditForm, { product })
   ] });
 };
-const VariantPricingForm = ({ form }) => {
-  const { store } = useStore$2();
-  const { regions } = useRegions({ limit: 9999 });
-  const { price_preferences: pricePreferences } = usePricePreferences({});
-  const { setCloseOnEscape } = useRouteModal();
-  const columns = useVariantPriceGridColumns({
-    currencies: store == null ? void 0 : store.supported_currencies,
-    regions,
-    pricePreferences
-  });
-  const variants = useWatch({
-    control: form.control,
-    name: "variants"
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DataGrid,
-    {
-      columns,
-      data: variants,
-      state: form,
-      onEditingChange: (editing) => setCloseOnEscape(!editing)
-    }
-  );
-};
-const columnHelper$1 = createDataGridHelper();
-const useVariantPriceGridColumns = ({
-  currencies: currencies2 = [],
-  regions = [],
-  pricePreferences = []
-}) => {
-  return React.useMemo(() => {
-    return [
-      columnHelper$1.column({
-        id: "Title",
-        header: "Title",
-        cell: (context) => {
-          const entity = context.row.original;
-          return /* @__PURE__ */ jsxRuntime.jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: entity.title }) }) });
-        },
-        disableHiding: true
-      }),
-      ...createDataGridPriceColumns({
-        currencies: currencies2.map((c2) => c2.currency_code),
-        regions,
-        pricePreferences,
-        getFieldName: (context, value) => {
-          return `variants.${context.row.index}.prices.${value}`;
-        }
-      })
-    ];
-  }, [currencies2, regions, pricePreferences]);
-};
-const UpdateDenominationPricesSchema = zod__namespace.object({
-  variants: zod__namespace.array(
-    zod__namespace.object({
-      prices: zod__namespace.record(zod__namespace.string(), zod__namespace.string().or(zod__namespace.number()).optional()).optional()
+const EditProductSchema = zod.z.object({
+  denominations: zod.z.array(
+    zod.z.object({
+      id: zod.z.string().optional(),
+      value: zod.z.string().min(1),
+      prices: zod.z.record(zod.z.string(), optionalFloat).optional()
     })
-  )
+  ).min(1)
 });
-const PricingEdit = ({
-  product,
-  variantId
+const GiftCardProductEditDenominationsForm = ({
+  product
 }) => {
   var _a2;
   const { handleSuccess } = useRouteModal();
-  const { mutateAsync, isPending } = useUpdateProductVariantsBatch(product.id);
-  const { regions } = useRegions({ limit: 9999 });
-  const regionsCurrencyMap = React.useMemo(() => {
-    if (!(regions == null ? void 0 : regions.length)) {
-      return {};
-    }
-    return regions.reduce((acc, reg) => {
-      acc[reg.id] = reg.currency_code;
-      return acc;
-    }, {});
-  }, [regions]);
-  const variants = variantId ? (_a2 = product.variants) == null ? void 0 : _a2.filter((v) => v.id === variantId) : product.variants;
   const form = useForm({
     defaultValues: {
-      variants: variants == null ? void 0 : variants.map((variant) => ({
-        title: variant.title,
-        prices: variant.prices.reduce((acc, price) => {
-          var _a3;
-          if ((_a3 = price.rules) == null ? void 0 : _a3.region_id) {
-            acc[price.rules.region_id] = price.amount;
-          } else {
-            acc[price.currency_code] = price.amount;
-          }
-          return acc;
-        }, {})
+      denominations: (_a2 = product.variants) == null ? void 0 : _a2.map((variant) => ({
+        id: variant.id,
+        value: variant.title
       }))
     },
-    resolver: t(UpdateDenominationPricesSchema, {})
+    resolver: t(EditProductSchema)
   });
-  const handleSubmit = form.handleSubmit(async (values) => {
-    const reqData = values.variants.map((variant, ind) => {
-      var _a3;
-      return {
-        id: (_a3 = variants == null ? void 0 : variants[ind]) == null ? void 0 : _a3.id,
-        prices: Object.entries(variant.prices || {}).filter(
-          ([_, value]) => value !== "" && typeof value !== "undefined"
-          // deleted cells
-        ).map(([currencyCodeOrRegionId, value]) => {
-          var _a4, _b, _c, _d, _e, _f;
-          const regionId = currencyCodeOrRegionId.startsWith("reg_") ? currencyCodeOrRegionId : void 0;
-          const currencyCode = currencyCodeOrRegionId.startsWith("reg_") ? regionsCurrencyMap[regionId] : currencyCodeOrRegionId;
-          let existingId = void 0;
-          if (regionId) {
-            existingId = (_c = (_b = (_a4 = variants == null ? void 0 : variants[ind]) == null ? void 0 : _a4.prices) == null ? void 0 : _b.find(
-              (p) => p.rules["region_id"] === regionId
-            )) == null ? void 0 : _c.id;
-          } else {
-            existingId = (_f = (_e = (_d = variants == null ? void 0 : variants[ind]) == null ? void 0 : _d.prices) == null ? void 0 : _e.find(
-              (p) => p.currency_code === currencyCode && Object.keys(p.rules ?? {}).length === 0
-            )) == null ? void 0 : _f.id;
+  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
           }
-          const amount = castNumber(value);
-          return {
-            id: existingId,
-            currency_code: currencyCode,
-            amount,
-            ...regionId ? { rules: { region_id: regionId } } : {}
-          };
-        })
-      };
-    });
-    await mutateAsync(reqData, {
-      onSuccess: () => {
-        handleSuccess("..");
+        }))
+      },
+      {
+        onSuccess: () => {
+          ui.toast.success(`Denominations updated successfully`);
+          handleSuccess();
+        },
+        onError: (e2) => {
+          ui.toast.error(e2.message);
+        }
       }
-    });
+    );
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex size-full flex-col", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Header, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Body, { className: "flex flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(VariantPricingForm, { form }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", children: "Cancel" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          type: "submit",
-          variant: "primary",
-          size: "small",
-          isLoading: isPending,
-          children: "Save"
-        }
-      )
-    ] }) })
-  ] }) });
+  const {
+    fields: denominationsFields,
+    append: addDenomination,
+    remove: removeDenomination
+  } = useFieldArray({
+    name: "denominations",
+    control: form.control
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          denominationsFields.map((denominationField, index) => {
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg flex items-center justify-between rounded-md px-4 py-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Form$2.Field,
+                    {
+                      control: form.control,
+                      name: `denominations.${index}.value`,
+                      render: ({ field }) => {
+                        return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "100" }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
+                        ] });
+                      }
+                    },
+                    denominationField.id
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      type: "button",
+                      className: "ml-4 rounded-full p-0",
+                      onClick: () => {
+                        removeDenomination(index);
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.XCircleSolid, { className: "rounded-full" })
+                    }
+                  ) })
+                ]
+              },
+              denominationField.id
+            );
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              className: "w-full",
+              onClick: () => {
+                addDenomination({ value: "", prices: {} });
+              },
+              children: "Add denomination"
+            }
+          ),
+          form.formState.errors.denominations && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Please add at least one denomination." })
+        ] }) }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
 };
-const ProductPrices = () => {
-  const { id, variant_id } = reactRouterDom.useParams();
-  const { product, isLoading, isError, error } = useProduct(id);
+const GiftCardProductEdit = () => {
+  const { id } = reactRouterDom.useParams();
+  const { product, isLoading, isError, error } = useProduct(id, {});
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(PricingEdit, { product, variantId: variant_id }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit gift cards denominations" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card denominations" })
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductEditDenominationsForm, { product })
+  ] });
 };
 const EditProductMediaForm = ({ product }) => {
   const [selection, setSelection] = React.useState({});
@@ -41330,6 +41172,164 @@ const ProductMedia = () => {
     ready && /* @__PURE__ */ jsxRuntime.jsx(ProductMediaView, { product })
   ] });
 };
+const VariantPricingForm = ({ form }) => {
+  const { store } = useStore$2();
+  const { regions } = useRegions({ limit: 9999 });
+  const { price_preferences: pricePreferences } = usePricePreferences({});
+  const { setCloseOnEscape } = useRouteModal();
+  const columns = useVariantPriceGridColumns({
+    currencies: store == null ? void 0 : store.supported_currencies,
+    regions,
+    pricePreferences
+  });
+  const variants = useWatch({
+    control: form.control,
+    name: "variants"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataGrid,
+    {
+      columns,
+      data: variants,
+      state: form,
+      onEditingChange: (editing) => setCloseOnEscape(!editing)
+    }
+  );
+};
+const columnHelper$1 = createDataGridHelper();
+const useVariantPriceGridColumns = ({
+  currencies: currencies2 = [],
+  regions = [],
+  pricePreferences = []
+}) => {
+  return React.useMemo(() => {
+    return [
+      columnHelper$1.column({
+        id: "Title",
+        header: "Title",
+        cell: (context) => {
+          const entity = context.row.original;
+          return /* @__PURE__ */ jsxRuntime.jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: entity.title }) }) });
+        },
+        disableHiding: true
+      }),
+      ...createDataGridPriceColumns({
+        currencies: currencies2.map((c2) => c2.currency_code),
+        regions,
+        pricePreferences,
+        getFieldName: (context, value) => {
+          return `variants.${context.row.index}.prices.${value}`;
+        }
+      })
+    ];
+  }, [currencies2, regions, pricePreferences]);
+};
+const UpdateDenominationPricesSchema = zod__namespace.object({
+  variants: zod__namespace.array(
+    zod__namespace.object({
+      prices: zod__namespace.record(zod__namespace.string(), zod__namespace.string().or(zod__namespace.number()).optional()).optional()
+    })
+  )
+});
+const PricingEdit = ({
+  product,
+  variantId
+}) => {
+  var _a2;
+  const { handleSuccess } = useRouteModal();
+  const { mutateAsync, isPending } = useUpdateProductVariantsBatch(product.id);
+  const { regions } = useRegions({ limit: 9999 });
+  const regionsCurrencyMap = React.useMemo(() => {
+    if (!(regions == null ? void 0 : regions.length)) {
+      return {};
+    }
+    return regions.reduce((acc, reg) => {
+      acc[reg.id] = reg.currency_code;
+      return acc;
+    }, {});
+  }, [regions]);
+  const variants = variantId ? (_a2 = product.variants) == null ? void 0 : _a2.filter((v) => v.id === variantId) : product.variants;
+  const form = useForm({
+    defaultValues: {
+      variants: variants == null ? void 0 : variants.map((variant) => ({
+        title: variant.title,
+        prices: variant.prices.reduce((acc, price) => {
+          var _a3;
+          if ((_a3 = price.rules) == null ? void 0 : _a3.region_id) {
+            acc[price.rules.region_id] = price.amount;
+          } else {
+            acc[price.currency_code] = price.amount;
+          }
+          return acc;
+        }, {})
+      }))
+    },
+    resolver: t(UpdateDenominationPricesSchema, {})
+  });
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const reqData = values.variants.map((variant, ind) => {
+      var _a3;
+      return {
+        id: (_a3 = variants == null ? void 0 : variants[ind]) == null ? void 0 : _a3.id,
+        prices: Object.entries(variant.prices || {}).filter(
+          ([_, value]) => value !== "" && typeof value !== "undefined"
+          // deleted cells
+        ).map(([currencyCodeOrRegionId, value]) => {
+          var _a4, _b, _c, _d, _e, _f;
+          const regionId = currencyCodeOrRegionId.startsWith("reg_") ? currencyCodeOrRegionId : void 0;
+          const currencyCode = currencyCodeOrRegionId.startsWith("reg_") ? regionsCurrencyMap[regionId] : currencyCodeOrRegionId;
+          let existingId = void 0;
+          if (regionId) {
+            existingId = (_c = (_b = (_a4 = variants == null ? void 0 : variants[ind]) == null ? void 0 : _a4.prices) == null ? void 0 : _b.find(
+              (p) => p.rules["region_id"] === regionId
+            )) == null ? void 0 : _c.id;
+          } else {
+            existingId = (_f = (_e = (_d = variants == null ? void 0 : variants[ind]) == null ? void 0 : _d.prices) == null ? void 0 : _e.find(
+              (p) => p.currency_code === currencyCode && Object.keys(p.rules ?? {}).length === 0
+            )) == null ? void 0 : _f.id;
+          }
+          const amount = castNumber(value);
+          return {
+            id: existingId,
+            currency_code: currencyCode,
+            amount,
+            ...regionId ? { rules: { region_id: regionId } } : {}
+          };
+        })
+      };
+    });
+    await mutateAsync(reqData, {
+      onSuccess: () => {
+        handleSuccess("..");
+      }
+    });
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Body, { className: "flex flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(VariantPricingForm, { form }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", children: "Cancel" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          isLoading: isPending,
+          children: "Save"
+        }
+      )
+    ] }) })
+  ] }) });
+};
+const ProductPrices = () => {
+  const { id, variant_id } = reactRouterDom.useParams();
+  const { product, isLoading, isError, error } = useProduct(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(PricingEdit, { product, variantId: variant_id }) });
+};
 const EditSalesChannelsSchema = zod__namespace.object({
   sales_channels: zod__namespace.array(zod__namespace.string()).optional()
 });
@@ -41476,13 +41476,13 @@ const routeModule = {
       Component: GiftCardDetailsPage,
       path: "/gift-cards/:id",
       children: [
-        {
-          Component: Note$1,
-          path: "/gift-cards/:id/note"
-        },
         {
           Component: GiftCardExpiration,
           path: "/gift-cards/:id/expiration"
+        },
+        {
+          Component: Note$1,
+          path: "/gift-cards/:id/note"
         }
       ]
     },
@@ -41512,22 +41512,22 @@ const routeModule = {
       children: [
         {
           Component: GiftCardProductEdit$1,
-          path: "/gift-cards/gift-card-products/:id/denominations"
+          path: "/gift-cards/gift-card-products/:id/edit"
         },
         {
           Component: GiftCardProductEdit,
-          path: "/gift-cards/gift-card-products/:id/edit"
+          path: "/gift-cards/gift-card-products/:id/denominations"
         }
       ]
     },
-    {
-      Component: ProductPrices,
-      path: "/gift-cards/gift-card-products/:id/prices"
-    },
     {
       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"