@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.1

package/dist/{profile-6TGCNNUU.js → profile-HYJJLO63.js}

@@ -1,7 +1,7 @@
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -12,31 +12,6 @@ import {
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
-import "./chunk-TBYCZRZ7.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
-import "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
-import {
-  useMe,
-  useUpdateMe
-} from "./chunk-S23FD6FA.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-DDJQRV6E.js";
-import "./chunk-LWJF63JW.js";
-import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-UORPTGV2.js";
-import "./chunk-Y2MQ5EMD.js";
-import "./chunk-3B34B2M2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -47,20 +22,49 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import {
+  useMe,
+  useUpdateMe
+} from "./chunk-4NADEZZQ.js";
+import "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
+import "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/profile/profile-detail/profile-detail.tsx
 import { Children } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/settings/profile/profile-detail/components/profile-general-section/profile-general-section.tsx
 import { PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
+import {
+  DisplayExtensionZone,
+  DisplayField
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ProfileGeneralSection = () => {
   const { i18n, t } = useTranslation();
@@ -89,25 +93,36 @@ var ProfileGeneralSection = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx(DisplayField, { model: "member", zone: "general", id: "first_name", data: member, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("profile.fields.firstName", "First name") }),
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: member?.first_name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayField, { model: "member", zone: "general", id: "last_name", data: member, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("profile.fields.lastName", "Last name") }),
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: member?.last_name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayField, { model: "member", zone: "general", id: "language", data: member, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("profile.fields.languageLabel") }),
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: languages.find((lang) => lang.code === i18n.language)?.display_name || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "member",
+        zone: "general",
+        data: member,
+        builtInFieldIds: ["first_name", "last_name", "language"]
+      }
+    )
   ] });
 };
 
 // src/pages/settings/profile/profile-detail/profile-detail.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(ProfileGeneralSection, {}) });
+  const { seller_member } = useMe();
+  const member = seller_member?.member;
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "profile.detail.main", data: member, children: /* @__PURE__ */ jsx2(ProfileGeneralSection, {}) }) });
 };
 var ProfileDetailPage = Object.assign(Root, {
   GeneralSection: ProfileGeneralSection
@@ -118,11 +133,14 @@ import { Heading as Heading2 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/pages/settings/profile/profile-edit/components/edit-profile-form/edit-profile-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Input, Select, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import * as zod from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm,
+  useExtension
+} from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var EditProfileSchema = zod.object({
   first_name: zod.string().optional().or(zod.literal("")),
@@ -133,15 +151,20 @@ var EditProfileForm = () => {
   const { t, i18n } = useTranslation2();
   const { handleSuccess } = useRouteModal();
   const direction = useDocumentDirection();
-  const { seller_member } = useMe();
+  const memberLinks = useExtension().getLinks("member");
+  const meQuery = memberLinks.length ? { fields: memberLinks.map((link) => `+member.${link}.*`).join(",") } : void 0;
+  const { seller_member } = useMe(meQuery);
   const member = seller_member?.member;
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditProfileSchema,
+    model: "member",
+    zone: "edit",
+    data: member,
     defaultValues: {
       first_name: member?.first_name ?? "",
       last_name: member?.last_name ?? "",
       language: i18n.language
-    },
-    resolver: zodResolver(EditProfileSchema)
+    }
   });
   const sortedLanguages = languages.sort(
     (a, b) => a.display_name.localeCompare(b.display_name)
@@ -151,7 +174,8 @@ var EditProfileForm = () => {
     await updateMe(
       {
         first_name: values.first_name || null,
-        last_name: values.last_name || null
+        last_name: values.last_name || null,
+        additional_data: values.additional_data
       },
       {
         onSuccess: async () => {
@@ -235,6 +259,15 @@ var EditProfileForm = () => {
             ] })
           ] })
         }
+      ),
+      /* @__PURE__ */ jsx3(
+        FormExtensionZone,
+        {
+          model: "member",
+          zone: "edit",
+          control: form.control,
+          data: member
+        }
       )
     ] }) }),
     /* @__PURE__ */ jsx3(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [

package/dist/{promotions-AZM7JQAJ.js → promotions-TF4GPADY.js}

@@ -1,31 +1,31 @@
 import {
   PromotionListPage
-} from "./chunk-53SII3U2.js";
-import "./chunk-YUKD5RCX.js";
-import "./chunk-6SJTAE66.js";
+} from "./chunk-II2GAEVL.js";
+import "./chunk-VR7P4DAZ.js";
+import "./chunk-GGXGKMYK.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-S2WEYEQR.js";
 import "./chunk-FMFVTERD.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-SSUUT5LK.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
-import "./chunk-3EF54XFY.js";
-import "./chunk-PZEPOPMV.js";
+import "./chunk-ESXMD6CR.js";
 import "./chunk-YV6MK4PZ.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-7TQNE3E2.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KCHYLLVG.js";
+import "./chunk-CVXKASWV.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-BOZJOOGW.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
+import "./chunk-JIXW4WHZ.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 export {
   PromotionListPage

package/dist/{receive-2GFZTVNC.js → receive-NHOBI4NE.js}

@@ -8,16 +8,20 @@ import {
   useRemoveReceiveItems,
   useReturn,
   useUpdateDismissItem,
-  useUpdateReceiveItem
-} from "./chunk-TF6V3TFG.js";
+  useUpdateReceiveItem,
+  useUpdateReturn
+} from "./chunk-HLAV55RT.js";
 import {
   getStylizedAmount
-} from "./chunk-3BXCPHN6.js";
+} from "./chunk-XCHKUSUU.js";
 import "./chunk-IQPN4PZJ.js";
+import {
+  Combobox
+} from "./chunk-VBRTC2VU.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -29,17 +33,17 @@ import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
 import {
-  useStockLocation
-} from "./chunk-NBPMNUKZ.js";
+  useStockLocations
+} from "./chunk-ZQCCVCHB.js";
 import {
   useOrder,
   useOrderPreview
-} from "./chunk-Y2MQ5EMD.js";
-import "./chunk-JAUZ73XE.js";
+} from "./chunk-UEPUKWD7.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/orders/[id]/returns/[return_id]/receive/index.tsx
@@ -59,6 +63,7 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 // src/pages/orders/[id]/returns/[return_id]/receive/_components/order-receive-return-form/constants.ts
 import { z } from "zod";
 var ReceiveReturnSchema = z.object({
+  location_id: z.string().min(1),
   items: z.array(
     z.object({
       quantity: z.number().nullish(),
@@ -211,12 +216,12 @@ function OrderReceiveReturnForm({
     orderReturn.id,
     order.id
   );
-  const { stock_location } = useStockLocation(
-    orderReturn.location_id ?? "",
-    void 0,
-    {
-      enabled: !!orderReturn.location_id
-    }
+  const { stock_locations: stockLocations = [] } = useStockLocations({
+    limit: 999
+  });
+  const { mutateAsync: updateReturn } = useUpdateReturn(
+    orderReturn.id,
+    order.id
   );
   const itemsMap = useMemo2(() => {
     const ret = {};
@@ -225,11 +230,21 @@ function OrderReceiveReturnForm({
   }, [order.items]);
   const form = useForm({
     defaultValues: {
+      location_id: orderReturn.location_id ?? "",
       items: previewItems?.sort((i1, i2) => i1.id.localeCompare(i2.id)).map((i) => ({ item_id: i.id })),
       send_notification: false
     },
     resolver: zodResolver(ReceiveReturnSchema)
   });
+  const handleLocationChange = async (selectedLocationId) => {
+    try {
+      await updateReturn({ location_id: selectedLocationId });
+    } catch (e) {
+      toast2.error(
+        e instanceof Error ? e.message : t("errorBoundary.defaultTitle")
+      );
+    }
+  };
   useEffect(() => {
     previewItems?.sort((i1, i2) => i1.id.localeCompare(i2.id)).forEach((item, index) => {
       const receivedAction = item.actions?.find(
@@ -320,14 +335,41 @@ function OrderReceiveReturnForm({
       className: "flex size-full flex-col overflow-hidden",
       children: [
         /* @__PURE__ */ jsxs2(RouteDrawer.Body, { className: "flex size-full flex-col overflow-auto", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx2("div", { children: stock_location && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "mb-4 flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx2(ArrowRight, { className: "text-ui-fg-subtle" }),
-              " ",
-              /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-base txt-small font-medium", children: stock_location.name })
-            ] }) }),
-            /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted txt-small text-right", children: t("orders.returns.receive.itemsLabel") })
+              /* @__PURE__ */ jsx2(Form.Label, { children: t("orders.returns.location") })
+            ] }),
+            /* @__PURE__ */ jsx2(
+              Form.Field,
+              {
+                control: form.control,
+                name: "location_id",
+                render: ({ field: { value, onChange, ...field } }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+                  /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+                    Combobox,
+                    {
+                      value: value ?? void 0,
+                      onChange: (v) => {
+                        onChange(v ?? "");
+                        if (v) {
+                          handleLocationChange(v);
+                        }
+                      },
+                      ...field,
+                      options: (stockLocations ?? []).map((loc) => ({
+                        label: loc.name,
+                        value: loc.id
+                      })),
+                      "data-testid": "return-receive-location"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+                ] })
+              }
+            )
           ] }),
+          /* @__PURE__ */ jsx2("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted txt-small text-right", children: t("orders.returns.receive.itemsLabel") }) }),
           previewItems.map((item, ind) => {
             const originalItem = itemsMap[item.id];
             return /* @__PURE__ */ jsx2(

package/dist/{refund-IGMSXQNX.js → refund-6MXXZP2L.js}

@@ -1,11 +1,17 @@
 import {
-  getStylizedAmount
-} from "./chunk-3BXCPHN6.js";
-import "./chunk-IQPN4PZJ.js";
+  display_id_default
+} from "./chunk-WQTWBXKO.js";
+import {
+  getDecimalDigits,
+  getLocaleAmount
+} from "./chunk-XCHKUSUU.js";
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -13,21 +19,21 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
 import {
   useRefundPayment,
   useRefundReasons
-} from "./chunk-VZUA5SRD.js";
+} from "./chunk-MABIMRLS.js";
 import {
   useOrder
-} from "./chunk-Y2MQ5EMD.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+} from "./chunk-UEPUKWD7.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/orders/[id]/refund/index.tsx
@@ -40,23 +46,18 @@ import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { useSearchParams } from "react-router-dom";
+import { formatValue } from "react-currency-input-field";
 import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import {
   Button,
+  CurrencyInput,
   Heading,
-  Input,
   Select,
-  Text,
   Textarea,
   toast
 } from "@medusajs/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-var RefundSchema = z.object({
-  amount: z.coerce.number().positive(),
-  refund_reason_id: z.string().optional(),
-  note: z.string().optional()
-});
 var CreateRefundForm = ({ order }) => {
   const { t } = useTranslation();
   const dir = useDocumentDirection();
@@ -91,22 +92,44 @@ var CreateRefundForm = ({ order }) => {
     if (!payment) return 0;
     return Math.max(0, payment.amount - refundedAmount);
   }, [payment, refundedAmount]);
+  const currency = useMemo(
+    () => currencies[order.currency_code.toUpperCase()],
+    [order.currency_code]
+  );
+  const decimalDigits = getDecimalDigits(order.currency_code);
+  const getRoundedAmount = (amount) => amount.toLocaleString("en-US", {
+    minimumFractionDigits: decimalDigits,
+    maximumFractionDigits: decimalDigits,
+    useGrouping: false
+  });
+  const RefundSchema = useMemo(
+    () => z.object({
+      amount: z.object({
+        value: z.union([z.string(), z.number()]),
+        float: z.number().nullable()
+      }).refine((v) => v.float !== null && v.float > 0, {
+        message: t("orders.payment.enterAmount")
+      }),
+      refund_reason_id: z.string().optional(),
+      note: z.string().optional()
+    }),
+    [t]
+  );
   const refundPayment = useRefundPayment(order.id, paymentId);
   const form = useForm({
     resolver: zodResolver(RefundSchema),
     defaultValues: {
-      amount: remaining,
-      refund_reason_id: void 0,
-      note: ""
-    },
-    values: {
-      amount: remaining,
+      amount: {
+        value: getRoundedAmount(remaining),
+        float: remaining
+      },
       refund_reason_id: void 0,
       note: ""
     }
   });
   const handleSubmit = form.handleSubmit(async (values) => {
-    if (values.amount > remaining) {
+    const amount = values.amount.float ?? 0;
+    if (amount > remaining) {
       form.setError("amount", {
         message: t("orders.payment.createRefundWrongQuantity", {
           number: remaining
@@ -116,7 +139,7 @@ var CreateRefundForm = ({ order }) => {
     }
     await refundPayment.mutateAsync(
       {
-        amount: values.amount,
+        amount,
         refund_reason_id: values.refund_reason_id,
         note: values.note?.trim() ? values.note.trim() : void 0
       },
@@ -124,7 +147,7 @@ var CreateRefundForm = ({ order }) => {
         onSuccess: () => {
           toast.success(
             t("orders.payment.refundPaymentSuccess", {
-              amount: getStylizedAmount(values.amount, order.currency_code)
+              amount: getLocaleAmount(amount, order.currency_code)
             })
           );
           handleSuccess(`/orders/${order.id}`);
@@ -140,17 +163,16 @@ var CreateRefundForm = ({ order }) => {
   }
   return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
     /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-lg p-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("orders.payment.totalPaidByCustomer") }),
-          /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: getStylizedAmount(
-            payment.amount,
-            order.currency_code
-          ) })
-        ] }),
-        refundedAmount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-1", children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("orders.payment.totalRefunded") }),
-          /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: getStylizedAmount(refundedAmount, order.currency_code) })
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-base flex items-center gap-x-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { children: getLocaleAmount(
+          payment.amount,
+          order.currency_code
+        ) }),
+        /* @__PURE__ */ jsx("span", { children: "-" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "(",
+          /* @__PURE__ */ jsx(display_id_default, { id: payment.id }),
+          ")"
         ] })
       ] }),
       /* @__PURE__ */ jsx(
@@ -158,26 +180,28 @@ var CreateRefundForm = ({ order }) => {
         {
           control: form.control,
           name: "amount",
-          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+          render: ({ field: { onChange, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
             /* @__PURE__ */ jsx(Form.Label, { children: t("fields.amount") }),
             /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-              Input,
+              CurrencyInput,
               {
-                type: "number",
-                step: "0.01",
-                min: 0,
-                max: remaining,
-                "data-testid": "refund-amount-input",
                 ...field,
-                value: field.value ?? "",
-                onChange: (e) => field.onChange(
-                  e.target.value === "" ? "" : Number(e.target.value)
-                )
+                min: 0,
+                placeholder: formatValue({
+                  value: "0",
+                  decimalScale: currency.decimal_digits
+                }),
+                decimalScale: currency.decimal_digits,
+                symbol: currency.symbol_native,
+                code: currency.code,
+                value: field.value.value,
+                onValueChange: (_value, _name, values) => onChange({
+                  value: values?.value ?? "",
+                  float: values?.float ?? null
+                }),
+                "data-testid": "refund-amount-input"
               }
             ) }),
-            /* @__PURE__ */ jsx(Form.Hint, { children: t("orders.payment.refundAmount", {
-              amount: getStylizedAmount(remaining, order.currency_code)
-            }) }),
             /* @__PURE__ */ jsx(Form.ErrorMessage, {})
           ] })
         }
@@ -224,7 +248,7 @@ var CreateRefundForm = ({ order }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+    /* @__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: t("actions.cancel") }) }),
       /* @__PURE__ */ jsx(
         Button,
@@ -233,7 +257,7 @@ var CreateRefundForm = ({ order }) => {
           type: "submit",
           isLoading: refundPayment.isPending,
           "data-testid": "refund-submit-button",
-          children: t("actions.confirm")
+          children: t("actions.save")
         }
       )
     ] }) })