@acmekit/dashboard 2.13.1

package/dist/order-create-claim-BS7QRFZT.mjs

@@ -0,0 +1,2143 @@
+import {
+  ItemPlaceholder
+} from "./chunk-QJ6SBVJ2.mjs";
+import {
+  getFormattedShippingOptionLocationName
+} from "./chunk-UC26CCHZ.mjs";
+import {
+  useAddClaimInboundItems,
+  useAddClaimInboundShipping,
+  useAddClaimOutboundItems,
+  useAddClaimOutboundShipping,
+  useCancelClaimRequest,
+  useClaim,
+  useClaimConfirmRequest,
+  useCreateClaim,
+  useDeleteClaimInboundShipping,
+  useDeleteClaimOutboundShipping,
+  useRemoveClaimInboundItem,
+  useRemoveClaimOutboundItem,
+  useUpdateClaimInboundItem,
+  useUpdateClaimInboundShipping,
+  useUpdateClaimOutboundItems,
+  useUpdateClaimOutboundShipping
+} from "./chunk-6T6CP246.mjs";
+import {
+  OutboundShippingPlaceholder,
+  ReturnShippingPlaceholder
+} from "./chunk-P3DRE4IY.mjs";
+import {
+  getReturnableQuantity
+} from "./chunk-PXZ7QYKX.mjs";
+import {
+  DEFAULT_FIELDS
+} from "./chunk-C7F7MMXS.mjs";
+import {
+  useReturn,
+  useUpdateReturn
+} from "./chunk-3TAD7FW4.mjs";
+import {
+  MoneyAmountCell
+} from "./chunk-BCEWAWGA.mjs";
+import {
+  ProductCell,
+  ProductHeader
+} from "./chunk-UCZNM66J.mjs";
+import {
+  getStylizedAmount
+} from "./chunk-X6BAAGCL.mjs";
+import "./chunk-P3UUX2T6.mjs";
+import "./chunk-LQTHYS2Z.mjs";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-MKJPYPAH.mjs";
+import "./chunk-T7THKDM2.mjs";
+import "./chunk-3VXYG7KG.mjs";
+import {
+  Combobox
+} from "./chunk-QDRW4DAC.mjs";
+import {
+  currencies
+} from "./chunk-DK4WIVY6.mjs";
+import "./chunk-GGTFPFCV.mjs";
+import {
+  useQueryParams
+} from "./chunk-C76H5USB.mjs";
+import "./chunk-DFFLVEZ5.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import {
+  StackedFocusModal
+} from "./chunk-HKYVPRUA.mjs";
+import {
+  RouteFocusModal,
+  useRouteModal,
+  useStackedModal
+} from "./chunk-CRBKNYSH.mjs";
+import {
+  useReturnReasons
+} from "./chunk-TU3OVBKQ.mjs";
+import {
+  Thumbnail
+} from "./chunk-CQWBG33R.mjs";
+import "./chunk-YWU55M6Z.mjs";
+import {
+  ActionMenu
+} from "./chunk-S3REQHPQ.mjs";
+import "./chunk-OAHCJFG3.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-535OVBXR.mjs";
+import {
+  Form
+} from "./chunk-ND3ODI36.mjs";
+import {
+  useVariants
+} from "./chunk-BD3XDAG5.mjs";
+import "./chunk-GBFVWROS.mjs";
+import "./chunk-ULSPL3DR.mjs";
+import "./chunk-V7OUZM56.mjs";
+import "./chunk-GF7N2AY2.mjs";
+import "./chunk-LKWTBYYC.mjs";
+import "./chunk-YF6NQZGM.mjs";
+import "./chunk-PB5SVVN2.mjs";
+import "./chunk-HVQIZLNB.mjs";
+import "./chunk-WJ4YB5O4.mjs";
+import "./chunk-W4OT76ZB.mjs";
+import "./chunk-XIM7X4FB.mjs";
+import "./chunk-UVPCTLA2.mjs";
+import "./chunk-4UTXEJBF.mjs";
+import "./chunk-BBP7EYBG.mjs";
+import "./chunk-ZFCG2354.mjs";
+import "./chunk-LEYWBRRG.mjs";
+import {
+  useShippingOptions
+} from "./chunk-2PCPX3L2.mjs";
+import {
+  useOrder,
+  useOrderPreview,
+  useOrderShippingOptions
+} from "./chunk-XJYL2XTV.mjs";
+import "./chunk-DXWAKJTM.mjs";
+import {
+  useStockLocations
+} from "./chunk-XP4VHZBM.mjs";
+import "./chunk-JQ67EF5F.mjs";
+import "./chunk-QVJ6Q4XS.mjs";
+import "./chunk-I2GUUJVE.mjs";
+import "./chunk-QZ5QAA5L.mjs";
+import "./chunk-7M2A645H.mjs";
+import "./chunk-NPOS27VN.mjs";
+import "./chunk-452UKZW6.mjs";
+import "./chunk-7AXHHXCX.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/orders/order-create-claim/claim-create.tsx
+import { toast as toast3 } from "@acmekit/ui";
+import { useEffect as useEffect3, useState as useState5 } from "react";
+import { useTranslation as useTranslation11 } from "react-i18next";
+import { useNavigate, useParams } from "react-router-dom";
+
+// src/routes/orders/order-create-claim/components/claim-create-form/claim-create-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { PencilSquare } from "@acmekit/icons";
+import {
+  Alert as Alert2,
+  Button as Button2,
+  CurrencyInput,
+  Heading as Heading2,
+  IconButton as IconButton2,
+  Switch,
+  Text as Text4,
+  toast as toast2,
+  usePrompt
+} from "@acmekit/ui";
+import { useEffect as useEffect2, useMemo as useMemo5, useState as useState4 } from "react";
+import { useFieldArray as useFieldArray2, useForm } from "react-hook-form";
+import { useTranslation as useTranslation10 } from "react-i18next";
+
+// src/routes/orders/order-create-claim/components/add-claim-items-table/add-claim-items-table.tsx
+import { useMemo as useMemo2, useState } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/routes/orders/order-create-claim/components/add-claim-items-table/use-claim-item-table-columns.tsx
+import { useMemo } from "react";
+import { Checkbox } from "@acmekit/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useClaimItemTableColumns = (currencyCode) => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          const isSelectable = row.getCanSelect();
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              disabled: !isSelectable,
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      columnHelper.display({
+        id: "product",
+        header: () => /* @__PURE__ */ jsx(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          ProductCell,
+          {
+            product: {
+              thumbnail: row.original.thumbnail,
+              title: row.original.product_title
+            }
+          }
+        )
+      }),
+      columnHelper.accessor("variant.sku", {
+        header: t("fields.sku"),
+        cell: ({ getValue }) => {
+          return getValue() || "-";
+        }
+      }),
+      columnHelper.accessor("variant.title", {
+        header: t("fields.variant")
+      }),
+      columnHelper.accessor("quantity", {
+        header: () => /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden text-right", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.quantity") }) }),
+        cell: ({ getValue, row }) => {
+          return getReturnableQuantity(row.original);
+        }
+      }),
+      columnHelper.accessor("refundable_total", {
+        header: () => /* @__PURE__ */ jsx("div", { className: "flex size-full items-center justify-end overflow-hidden text-right", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.price") }) }),
+        cell: ({ getValue }) => {
+          const amount = getValue() || 0;
+          const stylized = getStylizedAmount(amount, currencyCode);
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center justify-end overflow-hidden text-right", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: stylized }) });
+        }
+      })
+    ],
+    [t, currencyCode]
+  );
+};
+
+// src/routes/orders/order-create-claim/components/add-claim-items-table/use-claim-item-table-filters.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useClaimItemTableFilters = () => {
+  const { t } = useTranslation2();
+  const filters = [
+    {
+      key: "returnable_quantity",
+      label: t("orders.returns.returnableQuantityLabel"),
+      type: "number"
+    },
+    {
+      key: "refundable_amount",
+      label: t("orders.returns.refundableAmountLabel"),
+      type: "number"
+    },
+    {
+      key: "created_at",
+      label: t("fields.createdAt"),
+      type: "date"
+    },
+    {
+      key: "updated_at",
+      label: t("fields.updatedAt"),
+      type: "date"
+    }
+  ];
+  return filters;
+};
+
+// src/routes/orders/order-create-claim/components/add-claim-items-table/use-claim-item-table-query.tsx
+var useClaimItemTableQuery = ({
+  pageSize = 50,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "q",
+      "offset",
+      "order",
+      "created_at",
+      "updated_at",
+      "returnable_quantity",
+      "refundable_amount"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    created_at,
+    updated_at,
+    refundable_amount,
+    returnable_quantity,
+    ...rest
+  } = raw;
+  const searchParams = {
+    ...rest,
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    refundable_amount: refundable_amount ? JSON.parse(refundable_amount) : void 0,
+    returnable_quantity: returnable_quantity ? JSON.parse(returnable_quantity) : void 0
+  };
+  return { searchParams, raw };
+};
+
+// src/routes/orders/order-create-claim/components/add-claim-items-table/add-claim-items-table.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 50;
+var PREFIX = "rit";
+var AddClaimItemsTable = ({
+  onSelectionChange,
+  selectedItems,
+  items,
+  currencyCode
+}) => {
+  const { t } = useTranslation3();
+  const [rowSelection, setRowSelection] = useState(
+    selectedItems.reduce((acc, id) => {
+      acc[id] = true;
+      return acc;
+    }, {})
+  );
+  const updater = (fn) => {
+    const newState = typeof fn === "function" ? fn(rowSelection) : fn;
+    setRowSelection(newState);
+    onSelectionChange(Object.keys(newState));
+  };
+  const { searchParams, raw } = useClaimItemTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const queriedItems = useMemo2(() => {
+    const {
+      order,
+      offset,
+      limit,
+      q,
+      created_at,
+      updated_at,
+      refundable_amount,
+      returnable_quantity
+    } = searchParams;
+    let results = items;
+    if (q) {
+      results = results.filter((i) => {
+        return i.product_title.toLowerCase().includes(q.toLowerCase()) || i.variant_title.toLowerCase().includes(q.toLowerCase()) || i.variant_sku?.toLowerCase().includes(q.toLowerCase());
+      });
+    }
+    if (order) {
+      const direction = order[0] === "-" ? "desc" : "asc";
+      const field = order.replace("-", "");
+      results = sortItems(results, field, direction);
+    }
+    if (created_at) {
+      results = filterByDate(results, created_at, "created_at");
+    }
+    if (updated_at) {
+      results = filterByDate(results, updated_at, "updated_at");
+    }
+    if (returnable_quantity) {
+      results = filterByNumber(
+        results,
+        returnable_quantity,
+        "returnable_quantity",
+        currencyCode
+      );
+    }
+    if (refundable_amount) {
+      results = filterByNumber(
+        results,
+        refundable_amount,
+        "refundable_amount",
+        currencyCode
+      );
+    }
+    return results.slice(offset, offset + limit);
+  }, [items, currencyCode, searchParams]);
+  const columns = useClaimItemTableColumns(currencyCode);
+  const filters = useClaimItemTableFilters();
+  const { table } = useDataTable({
+    data: queriedItems,
+    columns,
+    count: queriedItems.length,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE,
+    enableRowSelection: (row) => {
+      return getReturnableQuantity(row.original) > 0;
+    },
+    rowSelection: {
+      state: rowSelection,
+      updater
+    }
+  });
+  return /* @__PURE__ */ jsx2("div", { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx2(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: PAGE_SIZE,
+      count: queriedItems.length,
+      filters,
+      pagination: true,
+      layout: "fill",
+      search: true,
+      orderBy: [
+        { key: "product_title", label: t("fields.product") },
+        { key: "variant_title", label: t("fields.variant") },
+        { key: "sku", label: t("fields.sku") },
+        {
+          key: "returnable_quantity",
+          label: t("orders.fields.returnableQuantity")
+        },
+        {
+          key: "refundable_amount",
+          label: t("orders.fields.refundableAmount")
+        }
+      ],
+      prefix: PREFIX,
+      queryObject: raw
+    }
+  ) });
+};
+var sortItems = (items, field, direction) => {
+  return items.sort((a, b) => {
+    let aValue;
+    let bValue;
+    if (field === "product_title") {
+      aValue = a.product_title;
+      bValue = b.product_title;
+    } else if (field === "variant_title") {
+      aValue = a.variant_title;
+      bValue = b.variant_title;
+    } else if (field === "sku") {
+      aValue = a.variant_sku;
+      bValue = b.variant_sku;
+    } else if (field === "returnable_quantity") {
+      aValue = a.quantity - (a.returned_quantity || 0);
+      bValue = b.quantity - (b.returned_quantity || 0);
+    } else if (field === "refundable_amount") {
+      aValue = a.refundable || 0;
+      bValue = b.refundable || 0;
+    }
+    if (aValue < bValue) {
+      return direction === "asc" ? -1 : 1;
+    }
+    if (aValue > bValue) {
+      return direction === "asc" ? 1 : -1;
+    }
+    return 0;
+  });
+};
+var filterByDate = (items, date, field) => {
+  const { gt, gte, lt, lte } = date;
+  return items.filter((i) => {
+    const itemDate = new Date(i[field]);
+    let isValid = true;
+    if (gt) {
+      isValid = isValid && itemDate > new Date(gt);
+    }
+    if (gte) {
+      isValid = isValid && itemDate >= new Date(gte);
+    }
+    if (lt) {
+      isValid = isValid && itemDate < new Date(lt);
+    }
+    if (lte) {
+      isValid = isValid && itemDate <= new Date(lte);
+    }
+    return isValid;
+  });
+};
+var defaultOperators = {
+  eq: void 0,
+  gt: void 0,
+  gte: void 0,
+  lt: void 0,
+  lte: void 0
+};
+var filterByNumber = (items, value, field, currency_code) => {
+  const { eq, gt, lt, gte, lte } = typeof value === "object" ? { ...defaultOperators, ...value } : { ...defaultOperators, eq: value };
+  return items.filter((i) => {
+    const returnableQuantity = i.quantity - (i.returned_quantity || 0);
+    const refundableAmount = getStylizedAmount(i.refundable || 0, currency_code);
+    const itemValue = field === "returnable_quantity" ? returnableQuantity : refundableAmount;
+    if (eq) {
+      return itemValue === eq;
+    }
+    let isValid = true;
+    if (gt) {
+      isValid = isValid && itemValue > gt;
+    }
+    if (gte) {
+      isValid = isValid && itemValue >= gte;
+    }
+    if (lt) {
+      isValid = isValid && itemValue < lt;
+    }
+    if (lte) {
+      isValid = isValid && itemValue <= lte;
+    }
+    return isValid;
+  });
+};
+
+// src/routes/orders/order-create-claim/components/claim-create-form/claim-inbound-item.tsx
+import { ChatBubble, DocumentText, XCircle, XMark } from "@acmekit/icons";
+import { IconButton, Input, Text } from "@acmekit/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function ClaimInboundItem({
+  item,
+  previewItem,
+  currencyCode,
+  form,
+  onRemove,
+  onUpdate,
+  index
+}) {
+  const { t } = useTranslation4();
+  const { return_reasons = [] } = useReturnReasons({ fields: "+label" });
+  const formItem = form.watch(`inbound_items.${index}`);
+  const showReturnReason = typeof formItem.reason_id === "string";
+  const showNote = typeof formItem.note === "string";
+  return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 border-b p-3 text-sm md:flex-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx3(Thumbnail, { src: item.thumbnail }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs(Text, { className: "txt-small", as: "span", weight: "plus", children: [
+              item.title,
+              " "
+            ] }),
+            item.variant_sku && /* @__PURE__ */ jsxs("span", { children: [
+              "(",
+              item.variant_sku,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx3(Text, { as: "div", className: "text-ui-fg-subtle txt-small", children: item.product_title })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-grow items-center gap-2", children: [
+          /* @__PURE__ */ jsx3(
+            Form.Field,
+            {
+              control: form.control,
+              name: `inbound_items.${index}.quantity`,
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx3(Form.Control, { children: /* @__PURE__ */ jsx3(
+                    Input,
+                    {
+                      ...field,
+                      className: "bg-ui-bg-base txt-small w-[67px] rounded-lg",
+                      min: 1,
+                      max: item.quantity,
+                      type: "number",
+                      onBlur: (e) => {
+                        const val = e.target.value;
+                        const payload = val === "" ? null : Number(val);
+                        field.onChange(payload);
+                        if (payload) {
+                          onUpdate({ quantity: payload });
+                        }
+                      }
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx3(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx3(Text, { className: "txt-small text-ui-fg-subtle", children: t("fields.qty") })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", children: /* @__PURE__ */ jsx3(
+          MoneyAmountCell,
+          {
+            currencyCode,
+            amount: previewItem.return_requested_total
+          }
+        ) }),
+        /* @__PURE__ */ jsx3(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  !showReturnReason && {
+                    label: t("actions.addReason"),
+                    onClick: () => form.setValue(`inbound_items.${index}.reason_id`, ""),
+                    icon: /* @__PURE__ */ jsx3(ChatBubble, {})
+                  },
+                  !showNote && {
+                    label: t("actions.addNote"),
+                    onClick: () => form.setValue(`inbound_items.${index}.note`, ""),
+                    icon: /* @__PURE__ */ jsx3(DocumentText, {})
+                  },
+                  {
+                    label: t("actions.remove"),
+                    onClick: onRemove,
+                    icon: /* @__PURE__ */ jsx3(XCircle, {})
+                  }
+                ].filter(Boolean)
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      showReturnReason && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 p-3 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx3(Form.Label, { children: t("orders.returns.reason") }),
+          /* @__PURE__ */ jsx3(Form.Hint, { className: "!mt-1", children: t("orders.returns.reasonHint") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx3("div", { className: "flex-grow", children: /* @__PURE__ */ jsx3(
+            Form.Field,
+            {
+              control: form.control,
+              name: `inbound_items.${index}.reason_id`,
+              render: ({ field: { ref, value, onChange, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx3(Form.Control, { children: /* @__PURE__ */ jsx3(
+                    Combobox,
+                    {
+                      className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                      value,
+                      onChange: (v) => {
+                        onUpdate({ reason_id: v });
+                        onChange(v);
+                      },
+                      ...field,
+                      options: return_reasons.map((reason) => ({
+                        label: reason.label,
+                        value: reason.id
+                      }))
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx3(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx3(
+            IconButton,
+            {
+              type: "button",
+              className: "flex-shrink",
+              variant: "transparent",
+              onClick: () => {
+                form.setValue(`inbound_items.${index}.reason_id`, null);
+                onUpdate({ reason_id: null });
+              },
+              children: /* @__PURE__ */ jsx3(XMark, { className: "text-ui-fg-muted" })
+            }
+          )
+        ] })
+      ] }),
+      showNote && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 p-3 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx3(Form.Label, { children: t("orders.returns.note") }),
+          /* @__PURE__ */ jsx3(Form.Hint, { className: "!mt-1", children: t("orders.returns.noteHint") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx3("div", { className: "flex-grow", children: /* @__PURE__ */ jsx3(
+            Form.Field,
+            {
+              control: form.control,
+              name: `inbound_items.${index}.note`,
+              render: ({ field: { ref, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx3(Form.Control, { children: /* @__PURE__ */ jsx3(
+                    Input,
+                    {
+                      ...field,
+                      onBlur: () => {
+                        field.onChange(field.value);
+                        onUpdate({ internal_note: field.value });
+                      },
+                      className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx3(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx3(
+            IconButton,
+            {
+              type: "button",
+              className: "flex-shrink",
+              variant: "transparent",
+              onClick: () => {
+                form.setValue(`inbound_items.${index}.note`, null);
+                onUpdate({ internal_note: null });
+              },
+              children: /* @__PURE__ */ jsx3(XMark, { className: "text-ui-fg-muted" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/routes/orders/order-create-claim/components/claim-create-form/schema.ts
+import { z } from "zod";
+var ClaimCreateSchema = z.object({
+  inbound_items: z.array(
+    z.object({
+      item_id: z.string(),
+      quantity: z.number(),
+      reason_id: z.string().nullish(),
+      note: z.string().nullish()
+    })
+  ),
+  outbound_items: z.array(
+    z.object({
+      item_id: z.string(),
+      // TODO: variant id?
+      quantity: z.number()
+    })
+  ),
+  location_id: z.string().optional(),
+  inbound_option_id: z.string().nullish(),
+  outbound_option_id: z.string().nullish(),
+  send_notification: z.boolean().optional()
+});
+
+// src/routes/orders/order-create-claim/components/claim-create-form/claim-outbound-section.tsx
+import { Alert, Button, Heading, Text as Text3, toast } from "@acmekit/ui";
+import { useEffect, useMemo as useMemo4, useState as useState3 } from "react";
+import { useFieldArray } from "react-hook-form";
+import { useTranslation as useTranslation9 } from "react-i18next";
+
+// src/routes/orders/order-create-claim/components/add-claim-outbound-items-table/add-claim-outbound-items-table.tsx
+import { useState as useState2 } from "react";
+import { useTranslation as useTranslation7 } from "react-i18next";
+
+// src/routes/orders/order-create-claim/components/add-claim-outbound-items-table/use-claim-outbound-item-table-columns.tsx
+import { Checkbox as Checkbox2 } from "@acmekit/ui";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { useMemo as useMemo3 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var columnHelper2 = createColumnHelper2();
+var useClaimOutboundItemTableColumns = (currencyCode) => {
+  const { t } = useTranslation5();
+  return useMemo3(
+    () => [
+      columnHelper2.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx4(
+            Checkbox2,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          const isSelectable = row.getCanSelect();
+          return /* @__PURE__ */ jsx4(
+            Checkbox2,
+            {
+              disabled: !isSelectable,
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      columnHelper2.display({
+        id: "product",
+        header: () => /* @__PURE__ */ jsx4(ProductHeader, {}),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx4(ProductCell, { product: row.original.product });
+        }
+      }),
+      columnHelper2.accessor("sku", {
+        header: t("fields.sku"),
+        cell: ({ getValue }) => {
+          return getValue() || "-";
+        }
+      }),
+      columnHelper2.accessor("title", {
+        header: t("fields.title")
+      })
+    ],
+    [t, currencyCode]
+  );
+};
+
+// src/routes/orders/order-create-claim/components/add-claim-outbound-items-table/use-claim-outbound-item-table-filters.tsx
+import { useTranslation as useTranslation6 } from "react-i18next";
+var useClaimOutboundItemTableFilters = () => {
+  const { t } = useTranslation6();
+  const filters = [
+    {
+      key: "created_at",
+      label: t("fields.createdAt"),
+      type: "date"
+    },
+    {
+      key: "updated_at",
+      label: t("fields.updatedAt"),
+      type: "date"
+    }
+  ];
+  return filters;
+};
+
+// src/routes/orders/order-create-claim/components/add-claim-outbound-items-table/use-claim-outbound-item-table-query.tsx
+var useClaimOutboundItemTableQuery = ({
+  pageSize = 50,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    ["q", "offset", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, created_at, updated_at, ...rest } = raw;
+  const searchParams = {
+    ...rest,
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0
+  };
+  return { searchParams, raw };
+};
+
+// src/routes/orders/order-create-claim/components/add-claim-outbound-items-table/add-claim-outbound-items-table.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PAGE_SIZE2 = 50;
+var PREFIX2 = "rit";
+var AddClaimOutboundItemsTable = ({
+  onSelectionChange,
+  selectedItems,
+  currencyCode
+}) => {
+  const { t } = useTranslation7();
+  const [rowSelection, setRowSelection] = useState2(
+    selectedItems.reduce((acc, id) => {
+      acc[id] = true;
+      return acc;
+    }, {})
+  );
+  const updater = (fn) => {
+    const newState = typeof fn === "function" ? fn(rowSelection) : fn;
+    setRowSelection(newState);
+    onSelectionChange(Object.keys(newState));
+  };
+  const { searchParams, raw } = useClaimOutboundItemTableQuery({
+    pageSize: PAGE_SIZE2,
+    prefix: PREFIX2
+  });
+  const { variants = [], count } = useVariants({
+    ...searchParams,
+    fields: "*inventory_items.inventory.location_levels,+inventory_quantity"
+  });
+  const columns = useClaimOutboundItemTableColumns(currencyCode);
+  const filters = useClaimOutboundItemTableFilters();
+  const { table } = useDataTable({
+    data: variants,
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE2,
+    enableRowSelection: (_row) => {
+      return true;
+    },
+    rowSelection: {
+      state: rowSelection,
+      updater
+    }
+  });
+  return /* @__PURE__ */ jsx5("div", { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx5(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: PAGE_SIZE2,
+      count,
+      filters,
+      pagination: true,
+      layout: "fill",
+      search: true,
+      orderBy: [
+        { key: "product_id", label: t("fields.product") },
+        { key: "title", label: t("fields.title") },
+        { key: "sku", label: t("fields.sku") }
+      ],
+      prefix: PREFIX2,
+      queryObject: raw
+    }
+  ) });
+};
+
+// src/routes/orders/order-create-claim/components/claim-create-form/claim-outbound-item.tsx
+import { XCircle as XCircle2 } from "@acmekit/icons";
+import { Input as Input2, Text as Text2 } from "@acmekit/ui";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function ClaimOutboundItem({
+  previewItem,
+  currencyCode,
+  form,
+  onRemove,
+  onUpdate,
+  index
+}) {
+  const { t } = useTranslation8();
+  return /* @__PURE__ */ jsx6("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 border-b p-3 text-sm md:flex-row", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx6(Thumbnail, { src: previewItem.thumbnail }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsxs2(Text2, { className: "txt-small", as: "span", weight: "plus", children: [
+            previewItem.title,
+            " "
+          ] }),
+          previewItem.variant_sku && /* @__PURE__ */ jsxs2("span", { children: [
+            "(",
+            previewItem.variant_sku,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6(Text2, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.subtitle })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 justify-between", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-grow items-center gap-2", children: [
+        /* @__PURE__ */ jsx6(
+          Form.Field,
+          {
+            control: form.control,
+            name: `outbound_items.${index}.quantity`,
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs2(Form.Item, { children: [
+                /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(
+                  Input2,
+                  {
+                    ...field,
+                    className: "bg-ui-bg-base txt-small w-[67px] rounded-lg",
+                    min: 1,
+                    type: "number",
+                    onBlur: (e) => {
+                      const val = e.target.value;
+                      const payload = val === "" ? null : Number(val);
+                      field.onChange(payload);
+                      if (payload) {
+                        onUpdate({ quantity: payload });
+                      }
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ jsx6(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx6(Text2, { className: "txt-small text-ui-fg-subtle", children: t("fields.qty") })
+      ] }),
+      /* @__PURE__ */ jsx6("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", children: /* @__PURE__ */ jsx6(
+        MoneyAmountCell,
+        {
+          currencyCode,
+          amount: previewItem.total
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.remove"),
+                  onClick: onRemove,
+                  icon: /* @__PURE__ */ jsx6(XCircle2, {})
+                }
+              ].filter(Boolean)
+            }
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/routes/orders/order-create-claim/components/claim-create-form/claim-outbound-section.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var itemsToAdd = [];
+var itemsToRemove = [];
+var ClaimOutboundSection = ({
+  order,
+  preview,
+  claim,
+  form
+}) => {
+  const { t } = useTranslation9();
+  const { setIsOpen } = useStackedModal();
+  const [inventoryMap, setInventoryMap] = useState3({});
+  const { shipping_options = [] } = useOrderShippingOptions(order.id);
+  const outboundShippingOptions = shipping_options.filter(
+    (so) => !so.rules?.find((r) => r.attribute === "is_return" && r.value === "true")
+  );
+  const { mutateAsync: addOutboundShipping } = useAddClaimOutboundShipping(
+    claim.id,
+    order.id
+  );
+  const { mutateAsync: deleteOutboundShipping } = useDeleteClaimOutboundShipping(claim.id, order.id);
+  const { mutateAsync: addOutboundItem } = useAddClaimOutboundItems(
+    claim.id,
+    order.id
+  );
+  const { mutateAsync: updateOutboundItem } = useUpdateClaimOutboundItems(
+    claim.id,
+    order.id
+  );
+  const { mutateAsync: removeOutboundItem } = useRemoveClaimOutboundItem(
+    claim.id,
+    order.id
+  );
+  const previewOutboundItems = useMemo4(
+    () => preview?.items?.filter(
+      (i) => !!i.actions?.find(
+        (a) => a.claim_id === claim.id && a.action === "ITEM_ADD"
+      )
+    ),
+    [preview.items]
+  );
+  const variantItemMap = useMemo4(
+    () => new Map(order?.items?.map((i) => [i.variant_id, i])),
+    [order.items]
+  );
+  const {
+    fields: outboundItems,
+    append,
+    remove,
+    update
+  } = useFieldArray({
+    name: "outbound_items",
+    control: form.control
+  });
+  const variantOutboundMap = useMemo4(
+    () => new Map(previewOutboundItems.map((i) => [i.variant_id, i])),
+    [previewOutboundItems, outboundItems]
+  );
+  useEffect(() => {
+    const existingItemsMap = {};
+    previewOutboundItems.forEach((i) => {
+      const ind = outboundItems.findIndex((field) => field.item_id === i.id);
+      existingItemsMap[i.id] = true;
+      if (ind > -1) {
+        if (outboundItems[ind].quantity !== i.detail.quantity) {
+          update(ind, {
+            ...outboundItems[ind],
+            quantity: i.detail.quantity
+          });
+        }
+      } else {
+        append(
+          {
+            item_id: i.id,
+            quantity: i.detail.quantity,
+            variant_id: i.variant_id
+          },
+          { shouldFocus: false }
+        );
+      }
+    });
+    outboundItems.forEach((i, ind) => {
+      if (!(i.item_id in existingItemsMap)) {
+        remove(ind);
+      }
+    });
+  }, [previewOutboundItems]);
+  const locationId = form.watch("location_id");
+  const showOutboundItemsPlaceholder = !outboundItems.length;
+  const onItemsSelected = async () => {
+    itemsToAdd.length && await addOutboundItem(
+      {
+        items: itemsToAdd.map((variantId) => ({
+          variant_id: variantId,
+          quantity: 1
+        }))
+      },
+      {
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+    for (const itemToRemove of itemsToRemove) {
+      const action = previewOutboundItems.find((i) => i.variant_id === itemToRemove)?.actions?.find((a) => a.action === "ITEM_ADD");
+      if (action?.id) {
+        await removeOutboundItem(action?.id, {
+          onError: (error) => {
+            toast.error(error.message);
+          }
+        });
+      }
+    }
+    setIsOpen("outbound-items", false);
+  };
+  const onShippingOptionChange = async (selectedOptionId) => {
+    const outboundShippingMethods = preview.shipping_methods.filter((s) => {
+      const action = s.actions?.find(
+        (a) => a.action === "SHIPPING_ADD" && !a.return_id
+      );
+      return action && !!!action?.return_id;
+    });
+    const promises = outboundShippingMethods.filter(Boolean).map((outboundShippingMethod) => {
+      const action = outboundShippingMethod.actions?.find(
+        (a) => a.action === "SHIPPING_ADD" && !a.return_id
+      );
+      if (action) {
+        return deleteOutboundShipping(action.id);
+      }
+    });
+    await Promise.all(promises);
+    if (selectedOptionId) {
+      await addOutboundShipping(
+        { shipping_option_id: selectedOptionId },
+        {
+          onError: (error) => {
+            toast.error(error.message);
+          }
+        }
+      );
+    }
+  };
+  const showLevelsWarning = useMemo4(() => {
+    if (!locationId) {
+      return false;
+    }
+    const allItemsHaveLocation = outboundItems.map((i) => {
+      const item = variantItemMap.get(i.variant_id);
+      if (!item?.variant_id || !item?.variant) {
+        return true;
+      }
+      if (!item.variant?.manage_inventory) {
+        return true;
+      }
+      return inventoryMap[item.variant_id]?.find(
+        (l) => l.location_id === locationId
+      );
+    }).every(Boolean);
+    return !allItemsHaveLocation;
+  }, [outboundItems, inventoryMap, locationId]);
+  useEffect(() => {
+    const getInventoryMap = async () => {
+      const ret = {};
+      if (!outboundItems.length) {
+        return ret;
+      }
+      const variantIds = outboundItems.map((item) => item?.variant_id).filter(Boolean);
+      const variants = (await sdk.admin.productVariant.list({
+        id: variantIds,
+        fields: "*inventory.location_levels"
+      })).variants;
+      variants.forEach((variant) => {
+        ret[variant.id] = variant.inventory?.[0]?.location_levels || [];
+      });
+      return ret;
+    };
+    getInventoryMap().then((map) => {
+      setInventoryMap(map);
+    });
+  }, [outboundItems]);
+  return /* @__PURE__ */ jsxs3("div", { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mt-8 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx7(Heading, { level: "h2", children: t("orders.returns.outbound") }),
+      /* @__PURE__ */ jsxs3(StackedFocusModal, { id: "outbound-items", children: [
+        /* @__PURE__ */ jsx7(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx7("a", { className: "focus-visible:shadow-borders-focus transition-fg txt-compact-small-plus cursor-pointer text-blue-500 outline-none hover:text-blue-400", children: t("actions.addItems") }) }),
+        /* @__PURE__ */ jsxs3(StackedFocusModal.Content, { children: [
+          /* @__PURE__ */ jsx7(StackedFocusModal.Header, {}),
+          /* @__PURE__ */ jsx7(
+            AddClaimOutboundItemsTable,
+            {
+              selectedItems: outboundItems.map((i) => i.variant_id),
+              currencyCode: order.currency_code,
+              onSelectionChange: (finalSelection) => {
+                const alreadySelected = outboundItems.map((i) => i.variant_id);
+                itemsToAdd = finalSelection.filter(
+                  (selection) => !alreadySelected.includes(selection)
+                );
+                itemsToRemove = alreadySelected.filter(
+                  (selection) => !finalSelection.includes(selection)
+                );
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx7(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsx7("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+            /* @__PURE__ */ jsx7(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx7(Button, { type: "button", variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+            /* @__PURE__ */ jsx7(
+              Button,
+              {
+                type: "submit",
+                variant: "primary",
+                size: "small",
+                role: "button",
+                onClick: async () => await onItemsSelected(),
+                children: t("actions.save")
+              },
+              "submit-button"
+            )
+          ] }) }) })
+        ] })
+      ] })
+    ] }),
+    showOutboundItemsPlaceholder && /* @__PURE__ */ jsx7(ItemPlaceholder, {}),
+    outboundItems.map(
+      (item, index) => variantOutboundMap.get(item.variant_id) && /* @__PURE__ */ jsx7(
+        ClaimOutboundItem,
+        {
+          previewItem: variantOutboundMap.get(item.variant_id),
+          currencyCode: order.currency_code,
+          form,
+          onRemove: () => {
+            const actionId = previewOutboundItems.find((i) => i.id === item.item_id)?.actions?.find((a) => a.action === "ITEM_ADD")?.id;
+            if (actionId) {
+              removeOutboundItem(actionId, {
+                onError: (error) => {
+                  toast.error(error.message);
+                }
+              });
+            }
+          },
+          onUpdate: (payload) => {
+            const actionId = previewOutboundItems.find((i) => i.id === item.item_id)?.actions?.find((a) => a.action === "ITEM_ADD")?.id;
+            if (actionId) {
+              updateOutboundItem(
+                { ...payload, actionId },
+                {
+                  onError: (error) => {
+                    toast.error(error.message);
+                  }
+                }
+              );
+            }
+          },
+          index
+        },
+        item.id
+      )
+    ),
+    !showOutboundItemsPlaceholder && /* @__PURE__ */ jsx7("div", { className: "mt-8 flex flex-col gap-y-4", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx7(Form.Label, { children: t("orders.claims.outboundShipping") }),
+        /* @__PURE__ */ jsx7(Form.Hint, { className: "!mt-1", children: t("orders.claims.outboundShippingHint") })
+      ] }),
+      /* @__PURE__ */ jsx7(
+        Form.Field,
+        {
+          control: form.control,
+          name: "outbound_option_id",
+          render: ({ field: { value, onChange, ...field } }) => {
+            return /* @__PURE__ */ jsx7(Form.Item, { children: /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(
+              Combobox,
+              {
+                allowClear: true,
+                value: value ?? void 0,
+                onChange: (val) => {
+                  onChange(val);
+                  onShippingOptionChange(val);
+                },
+                ...field,
+                options: outboundShippingOptions.map((so) => ({
+                  label: `${so.name} (${getFormattedShippingOptionLocationName(so)})`,
+                  value: so.id
+                })),
+                disabled: !outboundShippingOptions.length,
+                noResultsPlaceholder: /* @__PURE__ */ jsx7(OutboundShippingPlaceholder, {})
+              }
+            ) }) });
+          }
+        }
+      )
+    ] }) }),
+    showLevelsWarning && /* @__PURE__ */ jsxs3(Alert, { variant: "warning", dismissible: true, className: "mt-4 p-5", children: [
+      /* @__PURE__ */ jsx7("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: t("orders.returns.noInventoryLevel") }),
+      /* @__PURE__ */ jsx7(Text3, { className: "text-ui-fg-subtle txt-small leading-normal", children: t("orders.returns.noInventoryLevelDesc") })
+    ] })
+  ] });
+};
+
+// src/routes/orders/order-create-claim/components/claim-create-form/claim-create-form.tsx
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var itemsToAdd2 = [];
+var itemsToRemove2 = [];
+var IS_CANCELING = false;
+var ClaimCreateForm = ({
+  order,
+  preview,
+  claim,
+  orderReturn
+}) => {
+  const { t } = useTranslation10();
+  const { handleSuccess } = useRouteModal();
+  const { setIsOpen } = useStackedModal();
+  const [isShippingInboundPriceEdit, setIsShippingInboundPriceEdit] = useState4(false);
+  const [isShippingOutboundPriceEdit, setIsShippingOutboundPriceEdit] = useState4(false);
+  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState4({
+    value: "0",
+    float: 0
+  });
+  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState4({
+    value: "0",
+    float: 0
+  });
+  const [inventoryMap, setInventoryMap] = useState4({});
+  const { mutateAsync: confirmClaimRequest, isPending: isConfirming } = useClaimConfirmRequest(claim.id, order.id);
+  const { mutateAsync: cancelClaimRequest, isPending: isCanceling } = useCancelClaimRequest(claim.id, order.id);
+  const { mutateAsync: updateReturn, isPending: isUpdating } = useUpdateReturn(
+    preview?.order_change?.return_id,
+    order.id
+  );
+  const {
+    mutateAsync: addInboundShipping,
+    isPending: isAddingInboundShipping
+  } = useAddClaimInboundShipping(claim.id, order.id);
+  const {
+    mutateAsync: updateInboundShipping,
+    isPending: isUpdatingInboundShipping
+  } = useUpdateClaimInboundShipping(claim.id, order.id);
+  const {
+    mutateAsync: updateOutboundShipping,
+    isPending: isUpdatingOutboundShipping
+  } = useUpdateClaimOutboundShipping(claim.id, order.id);
+  const {
+    mutateAsync: deleteInboundShipping,
+    isPending: isDeletingInboundShipping
+  } = useDeleteClaimInboundShipping(claim.id, order.id);
+  const { mutateAsync: addInboundItem, isPending: isAddingInboundItem } = useAddClaimInboundItems(claim.id, order.id);
+  const { mutateAsync: updateInboundItem, isPending: isUpdatingInboundItem } = useUpdateClaimInboundItem(claim.id, order.id);
+  const { mutateAsync: removeInboundItem, isPending: isRemovingInboundItem } = useRemoveClaimInboundItem(claim.id, order.id);
+  const isRequestLoading = isConfirming || isCanceling || isAddingInboundShipping || isUpdatingInboundShipping || isDeletingInboundShipping || isUpdatingOutboundShipping || isAddingInboundItem || isRemovingInboundItem || isUpdatingInboundItem || isUpdating;
+  const previewItems = useMemo5(
+    () => preview?.items?.filter(
+      (i) => !!i.actions?.find((a) => a.claim_id === claim.id)
+    ),
+    [preview.items]
+  );
+  const inboundPreviewItems = previewItems.filter(
+    (item) => !!item.actions?.find((a) => a.action === "RETURN_ITEM")
+  );
+  const outboundPreviewItems = previewItems.filter(
+    (item) => !!item.actions?.find((a) => a.action === "ITEM_ADD")
+  );
+  const itemsMap = useMemo5(
+    () => new Map(order?.items?.map((i) => [i.id, i])),
+    [order.items]
+  );
+  const form = useForm({
+    defaultValues: () => {
+      const inboundShippingMethod = preview.shipping_methods.find((s) => {
+        return !!s.actions?.find(
+          (a) => a.action === "SHIPPING_ADD" && !!a.return_id
+        );
+      });
+      const outboundShippingMethod = preview.shipping_methods.find((s) => {
+        return !!s.actions?.find(
+          (a) => a.action === "SHIPPING_ADD" && !a.return_id
+        );
+      });
+      return Promise.resolve({
+        inbound_items: inboundPreviewItems.map((i) => {
+          const inboundAction = i.actions?.find(
+            (a) => a.action === "RETURN_ITEM"
+          );
+          return {
+            item_id: i.id,
+            variant_id: i.variant_id,
+            quantity: i.detail.return_requested_quantity,
+            note: inboundAction?.internal_note,
+            reason_id: inboundAction?.details?.reason_id
+          };
+        }),
+        outbound_items: outboundPreviewItems.map((i) => ({
+          item_id: i.id,
+          variant_id: i.variant_id,
+          quantity: i.detail.quantity
+        })),
+        inbound_option_id: inboundShippingMethod ? inboundShippingMethod.shipping_option_id : "",
+        outbound_option_id: outboundShippingMethod ? outboundShippingMethod.shipping_option_id : "",
+        location_id: orderReturn?.location_id,
+        send_notification: false
+      });
+    },
+    resolver: zodResolver(ClaimCreateSchema)
+  });
+  const locationId = form.watch("location_id");
+  const { stock_locations = [] } = useStockLocations({ limit: 999 });
+  const { shipping_options = [] } = useShippingOptions(
+    {
+      limit: 999,
+      fields: "*prices,+service_zone.fulfillment_set.location.id",
+      stock_location_id: locationId
+    },
+    {
+      enabled: !!locationId
+    }
+  );
+  const inboundShippingOptions = shipping_options.filter(
+    (shippingOption) => !!shippingOption.rules.find(
+      (r) => r.attribute === "is_return" && r.value === "true"
+    )
+  );
+  const inboundShipping = preview.shipping_methods.find((s) => {
+    return !!s.actions?.find(
+      (a) => a.action === "SHIPPING_ADD" && !!a.return_id
+    );
+  });
+  const outboundShipping = preview.shipping_methods.find((s) => {
+    return !!s.actions?.find((a) => a.action === "SHIPPING_ADD" && !a.return_id);
+  });
+  useEffect2(() => {
+    if (inboundShipping) {
+      setCustomInboundShippingAmount({
+        value: inboundShipping.total.toFixed(
+          currencies[order.currency_code.toUpperCase()].decimal_digits
+        ),
+        float: inboundShipping.total
+      });
+    }
+  }, [inboundShipping]);
+  useEffect2(() => {
+    if (outboundShipping) {
+      setCustomOutboundShippingAmount({
+        value: outboundShipping.total.toFixed(
+          currencies[order.currency_code.toUpperCase()].decimal_digits
+        ),
+        float: outboundShipping.total
+      });
+    }
+  }, [outboundShipping]);
+  const {
+    fields: inboundItems,
+    append,
+    remove,
+    update
+  } = useFieldArray2({
+    name: "inbound_items",
+    control: form.control
+  });
+  const previewItemsMap = useMemo5(
+    () => new Map(previewItems.map((i) => [i.id, i])),
+    [previewItems, inboundItems]
+  );
+  useEffect2(() => {
+    const existingItemsMap = {};
+    inboundPreviewItems.forEach((i) => {
+      const ind = inboundItems.findIndex((field) => field.item_id === i.id);
+      existingItemsMap[i.id] = true;
+      if (ind > -1) {
+        if (inboundItems[ind].quantity !== i.detail.return_requested_quantity) {
+          const returnItemAction = i.actions?.find(
+            (a) => a.action === "RETURN_ITEM"
+          );
+          update(ind, {
+            ...inboundItems[ind],
+            quantity: i.detail.return_requested_quantity,
+            note: returnItemAction?.internal_note,
+            reason_id: returnItemAction?.details?.reason_id
+          });
+        }
+      } else {
+        append(
+          { item_id: i.id, quantity: i.detail.return_requested_quantity },
+          { shouldFocus: false }
+        );
+      }
+    });
+    inboundItems.forEach((i, ind) => {
+      if (!(i.item_id in existingItemsMap)) {
+        remove(ind);
+      }
+    });
+  }, [previewItems]);
+  useEffect2(() => {
+    const inboundShipping2 = preview.shipping_methods.find(
+      (s) => !!s.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
+    );
+    if (inboundShipping2) {
+      form.setValue("inbound_option_id", inboundShipping2.shipping_option_id);
+    } else {
+      form.setValue("inbound_option_id", null);
+    }
+    const outboundShipping2 = preview.shipping_methods.find(
+      (s) => !!s.actions?.find((a) => a.action === "SHIPPING_ADD" && !a.return_id)
+    );
+    if (outboundShipping2) {
+      form.setValue("outbound_option_id", outboundShipping2.shipping_option_id);
+    } else {
+      form.setValue("outbound_option_id", null);
+    }
+  }, [preview.shipping_methods]);
+  useEffect2(() => {
+    form.setValue("location_id", orderReturn?.location_id);
+  }, [orderReturn]);
+  const showInboundItemsPlaceholder = !inboundPreviewItems.length;
+  const showOutboundItemsPlaceholder = !outboundPreviewItems.length;
+  const inboundShippingOptionId = form.watch("inbound_option_id");
+  const outboundShippingOptionId = form.watch("outbound_option_id");
+  const prompt = usePrompt();
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("orders.claims.confirmText"),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel"),
+      variant: "confirmation"
+    });
+    if (!res) {
+      return;
+    }
+    await confirmClaimRequest(
+      { no_notification: !data.send_notification },
+      {
+        onSuccess: () => {
+          toast2.success(t("orders.claims.toast.confirmedSuccessfully"));
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast2.error(error.message);
+        }
+      }
+    );
+  });
+  const onItemsSelected = async () => {
+    itemsToAdd2.length && await addInboundItem(
+      {
+        items: itemsToAdd2.map((id) => ({
+          id,
+          quantity: 1
+        }))
+      },
+      {
+        onError: (error) => {
+          toast2.error(error.message);
+        }
+      }
+    );
+    for (const itemToRemove of itemsToRemove2) {
+      const actionId = previewItems.find((i) => i.id === itemToRemove)?.actions?.find((a) => a.action === "RETURN_ITEM")?.id;
+      if (actionId) {
+        await removeInboundItem(actionId, {
+          onError: (error) => {
+            toast2.error(error.message);
+          }
+        });
+      }
+    }
+    setIsOpen("inbound-items", false);
+  };
+  const onLocationChange = async (selectedLocationId) => {
+    await updateReturn({ location_id: selectedLocationId });
+  };
+  const onShippingOptionChange = async (selectedOptionId) => {
+    const inboundShippingMethods = preview.shipping_methods.filter((s) => {
+      const action = s.actions?.find(
+        (a) => a.action === "SHIPPING_ADD" && !!a.return_id
+      );
+      return action && !!action?.return_id;
+    });
+    const promises = inboundShippingMethods.filter(Boolean).map((inboundShippingMethod) => {
+      const action = inboundShippingMethod.actions?.find(
+        (a) => a.action === "SHIPPING_ADD" && !!a.return_id
+      );
+      if (action) {
+        return deleteInboundShipping(action.id);
+      }
+    });
+    await Promise.all(promises);
+    if (selectedOptionId) {
+      await addInboundShipping(
+        { shipping_option_id: selectedOptionId },
+        {
+          onError: (error) => {
+            toast2.error(error.message);
+          }
+        }
+      );
+    }
+  };
+  useEffect2(() => {
+    if (isShippingInboundPriceEdit) {
+      document.getElementById("js-shipping-inbound-input")?.focus();
+    }
+  }, [isShippingInboundPriceEdit]);
+  useEffect2(() => {
+    if (isShippingOutboundPriceEdit) {
+      document.getElementById("js-shipping-outbound-input")?.focus();
+    }
+  }, [isShippingOutboundPriceEdit]);
+  const showLevelsWarning = useMemo5(() => {
+    if (!locationId) {
+      return false;
+    }
+    const allItemsHaveLocation = inboundItems.map((_i) => {
+      const item = itemsMap.get(_i.item_id);
+      if (!item?.variant_id || !item?.variant) {
+        return true;
+      }
+      if (!item.variant?.manage_inventory) {
+        return true;
+      }
+      return inventoryMap[item.variant_id]?.find(
+        (l) => l.location_id === locationId
+      );
+    }).every(Boolean);
+    return !allItemsHaveLocation;
+  }, [inboundItems, inventoryMap, locationId]);
+  useEffect2(() => {
+    const getInventoryMap = async () => {
+      const ret = {};
+      if (!inboundItems.length) {
+        return ret;
+      }
+      const variantIds = inboundItems.map((item) => item?.variant_id).filter(Boolean);
+      const variants = (await sdk.admin.productVariant.list({
+        id: variantIds,
+        fields: "*inventory.location_levels"
+      })).variants;
+      variants.forEach((variant) => {
+        ret[variant.id] = variant.inventory?.[0]?.location_levels || [];
+      });
+      return ret;
+    };
+    getInventoryMap().then((map) => {
+      setInventoryMap(map);
+    });
+  }, [inboundItems]);
+  useEffect2(() => {
+    return () => {
+      if (IS_CANCELING) {
+        cancelClaimRequest(void 0, {
+          onSuccess: () => {
+            toast2.success(t("orders.claims.actions.cancelClaim.successToast"));
+          },
+          onError: (error) => {
+            toast2.error(error.message);
+          }
+        });
+        IS_CANCELING = false;
+      }
+    };
+  }, []);
+  const estimatedDifference = preview.summary.pending_difference - inboundPreviewItems.reduce((acc, item) => {
+    return acc + item.total;
+  }, 0);
+  const inboundShippingTotal = useMemo5(() => {
+    const method = preview.shipping_methods.find(
+      (sm) => !!sm.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
+    );
+    return method?.total || 0;
+  }, [preview.shipping_methods]);
+  const outboundShippingTotal = useMemo5(() => {
+    const method = preview.shipping_methods.find(
+      (sm) => !!sm.actions?.find((a) => a.action === "SHIPPING_ADD" && !a.return_id)
+    );
+    return method?.total || 0;
+  }, [preview.shipping_methods]);
+  return /* @__PURE__ */ jsx8(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs4(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx8(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx8(RouteFocusModal.Body, { className: "flex size-full justify-center overflow-y-auto", children: /* @__PURE__ */ jsxs4("div", { className: "mt-16 w-[720px] max-w-[100%] px-4 md:p-0", children: [
+      /* @__PURE__ */ jsx8(Heading2, { level: "h1", children: t("orders.claims.create") }),
+      /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx8(Heading2, { level: "h2", children: t("orders.returns.inbound") }),
+        /* @__PURE__ */ jsxs4(StackedFocusModal, { id: "inbound-items", children: [
+          /* @__PURE__ */ jsx8(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx8("a", { className: "focus-visible:shadow-borders-focus transition-fg txt-compact-small-plus cursor-pointer text-blue-500 outline-none hover:text-blue-400", children: t("actions.addItems") }) }),
+          /* @__PURE__ */ jsxs4(StackedFocusModal.Content, { children: [
+            /* @__PURE__ */ jsx8(StackedFocusModal.Header, {}),
+            /* @__PURE__ */ jsx8(
+              AddClaimItemsTable,
+              {
+                items: order.items,
+                selectedItems: inboundItems.map((i) => i.item_id),
+                currencyCode: order.currency_code,
+                onSelectionChange: (finalSelection) => {
+                  const alreadySelected = inboundItems.map((i) => i.item_id);
+                  itemsToAdd2 = finalSelection.filter(
+                    (selection) => !alreadySelected.includes(selection)
+                  );
+                  itemsToRemove2 = alreadySelected.filter(
+                    (selection) => !finalSelection.includes(selection)
+                  );
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx8(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsx8("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-x-2", children: [
+              /* @__PURE__ */ jsx8(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx8(
+                Button2,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  size: "small",
+                  children: t("actions.cancel")
+                }
+              ) }),
+              /* @__PURE__ */ jsx8(
+                Button2,
+                {
+                  type: "submit",
+                  variant: "primary",
+                  size: "small",
+                  role: "button",
+                  onClick: async () => await onItemsSelected(),
+                  children: t("actions.save")
+                },
+                "submit-button"
+              )
+            ] }) }) })
+          ] })
+        ] })
+      ] }),
+      showInboundItemsPlaceholder && /* @__PURE__ */ jsx8(ItemPlaceholder, {}),
+      inboundItems.map(
+        (item, index) => previewItemsMap.get(item.item_id) && itemsMap.get(item.item_id) && /* @__PURE__ */ jsx8(
+          ClaimInboundItem,
+          {
+            item: itemsMap.get(item.item_id),
+            previewItem: previewItemsMap.get(item.item_id),
+            currencyCode: order.currency_code,
+            form,
+            onRemove: () => {
+              const actionId = previewItems.find((i) => i.id === item.item_id)?.actions?.find((a) => a.action === "RETURN_ITEM")?.id;
+              if (actionId) {
+                removeInboundItem(actionId, {
+                  onError: (error) => {
+                    toast2.error(error.message);
+                  }
+                });
+              }
+            },
+            onUpdate: (payload) => {
+              const action = previewItems.find((i) => i.id === item.item_id)?.actions?.find((a) => a.action === "RETURN_ITEM");
+              if (action) {
+                updateInboundItem(
+                  { ...payload, actionId: action.id },
+                  {
+                    onError: (error) => {
+                      if (action.details?.quantity && payload.quantity) {
+                        form.setValue(
+                          `inbound_items.${index}.quantity`,
+                          action.details?.quantity
+                        );
+                      }
+                      toast2.error(error.message);
+                    }
+                  }
+                );
+              }
+            },
+            index
+          },
+          item.id
+        )
+      ),
+      !showInboundItemsPlaceholder && /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx8(Form.Label, { children: t("orders.returns.location") }),
+            /* @__PURE__ */ jsx8(Form.Hint, { className: "!mt-1", children: t("orders.returns.locationHint") })
+          ] }),
+          /* @__PURE__ */ jsx8(
+            Form.Field,
+            {
+              control: form.control,
+              name: "location_id",
+              render: ({ field: { value, onChange, ...field } }) => {
+                return /* @__PURE__ */ jsx8(Form.Item, { children: /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(
+                  Combobox,
+                  {
+                    ...field,
+                    value: value ?? void 0,
+                    onChange: (v) => {
+                      onChange(v);
+                      onLocationChange(v);
+                    },
+                    options: (stock_locations ?? []).map(
+                      (stockLocation) => ({
+                        label: stockLocation.name,
+                        value: stockLocation.id
+                      })
+                    )
+                  }
+                ) }) });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsxs4(Form.Label, { children: [
+              t("orders.returns.inboundShipping"),
+              /* @__PURE__ */ jsxs4(
+                Text4,
+                {
+                  size: "small",
+                  leading: "compact",
+                  className: "text-ui-fg-muted ml-1 inline",
+                  children: [
+                    "(",
+                    t("fields.optional"),
+                    ")"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx8(Form.Hint, { className: "!mt-1", children: t("orders.returns.inboundShippingHint") })
+          ] }),
+          /* @__PURE__ */ jsx8(
+            Form.Field,
+            {
+              control: form.control,
+              name: "inbound_option_id",
+              render: ({ field: { value, onChange, ...field } }) => {
+                return /* @__PURE__ */ jsx8(Form.Item, { children: /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(
+                  Combobox,
+                  {
+                    allowClear: true,
+                    value: value ?? void 0,
+                    onChange: (val) => {
+                      onChange(val);
+                      onShippingOptionChange(val);
+                    },
+                    ...field,
+                    options: inboundShippingOptions.map((so) => ({
+                      label: so.name,
+                      value: so.id
+                    })),
+                    disabled: !locationId,
+                    noResultsPlaceholder: /* @__PURE__ */ jsx8(ReturnShippingPlaceholder, {})
+                  }
+                ) }) });
+              }
+            }
+          )
+        ] })
+      ] }),
+      showLevelsWarning && /* @__PURE__ */ jsxs4(Alert2, { variant: "warning", dismissible: true, className: "mt-4 p-5", children: [
+        /* @__PURE__ */ jsx8("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: t("orders.returns.noInventoryLevel") }),
+        /* @__PURE__ */ jsx8(Text4, { className: "text-ui-fg-subtle txt-small leading-normal", children: t("orders.returns.noInventoryLevelDesc") })
+      ] }),
+      /* @__PURE__ */ jsx8(
+        ClaimOutboundSection,
+        {
+          form,
+          preview,
+          order,
+          claim
+        }
+      ),
+      /* @__PURE__ */ jsxs4("div", { className: "mt-8 border-y border-dotted py-4", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.returns.inboundTotal") }),
+          /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: getStylizedAmount(
+            inboundPreviewItems.reduce((acc, item) => {
+              const action = item.actions?.find(
+                (act) => act.action === "RETURN_ITEM"
+              );
+              acc = acc + (action?.amount || 0);
+              return acc;
+            }, 0) * -1,
+            order.currency_code
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.claims.outboundTotal") }),
+          /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: getStylizedAmount(
+            outboundPreviewItems.reduce((acc, item) => {
+              const action = item.actions?.find(
+                (act) => act.action === "ITEM_ADD"
+              );
+              acc = acc + (action?.amount || 0);
+              return acc;
+            }, 0),
+            order.currency_code
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.returns.inboundShipping") }),
+          /* @__PURE__ */ jsxs4("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
+            !isShippingInboundPriceEdit && /* @__PURE__ */ jsx8(
+              IconButton2,
+              {
+                onClick: () => setIsShippingInboundPriceEdit(true),
+                variant: "transparent",
+                className: "text-ui-fg-muted",
+                disabled: showInboundItemsPlaceholder || !inboundShippingOptionId,
+                children: /* @__PURE__ */ jsx8(PencilSquare, {})
+              }
+            ),
+            isShippingInboundPriceEdit ? /* @__PURE__ */ jsx8(
+              CurrencyInput,
+              {
+                id: "js-shipping-inbound-input",
+                onBlur: () => {
+                  let actionId;
+                  preview.shipping_methods.forEach((s) => {
+                    if (s.actions) {
+                      for (const a of s.actions) {
+                        if (a.action === "SHIPPING_ADD" && !!a.return_id) {
+                          actionId = a.id;
+                        }
+                      }
+                    }
+                  });
+                  const customPrice = customInboundShippingAmount.float;
+                  if (actionId) {
+                    updateInboundShipping(
+                      {
+                        actionId,
+                        custom_amount: customPrice
+                      },
+                      {
+                        onError: (error) => {
+                          toast2.error(error.message);
+                        }
+                      }
+                    );
+                  }
+                  setIsShippingInboundPriceEdit(false);
+                },
+                symbol: currencies[order.currency_code.toUpperCase()].symbol_native,
+                code: order.currency_code,
+                onValueChange: (value, _name, values) => {
+                  setCustomInboundShippingAmount({
+                    value: values?.value ?? "",
+                    float: values?.float ?? null
+                  });
+                },
+                value: customInboundShippingAmount.value,
+                disabled: showInboundItemsPlaceholder
+              }
+            ) : getStylizedAmount(inboundShippingTotal, order.currency_code)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.claims.outboundShipping") }),
+          /* @__PURE__ */ jsxs4("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
+            !isShippingOutboundPriceEdit && /* @__PURE__ */ jsx8(
+              IconButton2,
+              {
+                onClick: () => setIsShippingOutboundPriceEdit(true),
+                variant: "transparent",
+                className: "text-ui-fg-muted",
+                disabled: showOutboundItemsPlaceholder || !outboundShippingOptionId,
+                children: /* @__PURE__ */ jsx8(PencilSquare, {})
+              }
+            ),
+            isShippingOutboundPriceEdit ? /* @__PURE__ */ jsx8(
+              CurrencyInput,
+              {
+                id: "js-shipping-outbound-input",
+                onBlur: () => {
+                  let actionId;
+                  preview.shipping_methods.forEach((s) => {
+                    if (s.actions) {
+                      for (const a of s.actions) {
+                        if (a.action === "SHIPPING_ADD" && !a.return_id) {
+                          actionId = a.id;
+                        }
+                      }
+                    }
+                  });
+                  const customPrice = customOutboundShippingAmount.float;
+                  if (actionId) {
+                    updateOutboundShipping(
+                      {
+                        actionId,
+                        custom_amount: customPrice
+                      },
+                      {
+                        onError: (error) => {
+                          toast2.error(error.message);
+                        }
+                      }
+                    );
+                  }
+                  setIsShippingOutboundPriceEdit(false);
+                },
+                symbol: currencies[order.currency_code.toUpperCase()].symbol_native,
+                code: order.currency_code,
+                onValueChange: (value, _name, values) => {
+                  setCustomOutboundShippingAmount({
+                    value: values?.value ?? "",
+                    float: values?.float ?? null
+                  });
+                },
+                value: customOutboundShippingAmount.value,
+                disabled: showOutboundItemsPlaceholder
+              }
+            ) : getStylizedAmount(
+              outboundShippingTotal,
+              order.currency_code
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "mt-4 flex items-center justify-between border-t border-dotted pt-4", children: [
+          /* @__PURE__ */ jsx8("span", { className: "txt-small font-medium", children: t("orders.claims.refundAmount") }),
+          /* @__PURE__ */ jsx8("span", { className: "txt-small font-medium", children: getStylizedAmount(estimatedDifference, order.currency_code) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "bg-ui-bg-field mt-8 rounded-lg border py-2 pl-2 pr-4", children: /* @__PURE__ */ jsx8(
+        Form.Field,
+        {
+          control: form.control,
+          name: "send_notification",
+          render: ({ field: { onChange, value, ...field } }) => {
+            return /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx8(Form.Control, { className: "mr-4 self-start", children: /* @__PURE__ */ jsx8(
+                  Switch,
+                  {
+                    dir: "ltr",
+                    className: "mt-[2px] rtl:rotate-180",
+                    checked: !!value,
+                    onCheckedChange: onChange,
+                    ...field
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs4("div", { className: "block", children: [
+                  /* @__PURE__ */ jsx8(Form.Label, { children: t("orders.returns.sendNotification") }),
+                  /* @__PURE__ */ jsx8(Form.Hint, { className: "!mt-1", children: t("orders.returns.sendNotificationHint") })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx8("div", { className: "p-8" })
+    ] }) }),
+    /* @__PURE__ */ jsx8(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsx8("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx8(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx8(
+        Button2,
+        {
+          type: "button",
+          onClick: () => IS_CANCELING = true,
+          variant: "secondary",
+          size: "small",
+          children: t("orders.claims.cancel.title")
+        }
+      ) }),
+      /* @__PURE__ */ jsx8(
+        Button2,
+        {
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          isLoading: isRequestLoading,
+          children: t("orders.claims.confirm")
+        },
+        "submit-button"
+      )
+    ] }) }) })
+  ] }) });
+};
+
+// src/routes/orders/order-create-claim/claim-create.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var IS_REQUEST_RUNNING = false;
+var ClaimCreate = () => {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const { t } = useTranslation11();
+  const { order } = useOrder(id, {
+    fields: DEFAULT_FIELDS
+  });
+  const { order: preview } = useOrderPreview(id);
+  const [activeClaimId, setActiveClaimId] = useState5();
+  const { mutateAsync: createClaim } = useCreateClaim(order.id);
+  const { claim } = useClaim(activeClaimId, void 0, {
+    enabled: !!activeClaimId
+  });
+  const { return: orderReturn } = useReturn(claim?.return_id, void 0, {
+    enabled: !!claim?.return_id
+  });
+  useEffect3(() => {
+    async function run() {
+      if (IS_REQUEST_RUNNING || !preview) {
+        return;
+      }
+      if (preview.order_change) {
+        if (preview.order_change.change_type === "claim") {
+          setActiveClaimId(preview.order_change.claim_id);
+        } else {
+          navigate(`/orders/${preview.id}`, { replace: true });
+          toast3.error(t("orders.claims.activeChangeError"));
+        }
+        return;
+      }
+      IS_REQUEST_RUNNING = true;
+      try {
+        const { claim: createdClaim } = await createClaim({
+          order_id: preview.id,
+          type: "replace"
+        });
+        setActiveClaimId(createdClaim.id);
+      } catch (e) {
+        toast3.error(e.message);
+        navigate(`/orders/${preview.id}`, { replace: true });
+      } finally {
+        IS_REQUEST_RUNNING = false;
+      }
+    }
+    run();
+  }, [preview]);
+  return /* @__PURE__ */ jsx9(RouteFocusModal, { children: claim && preview && order && /* @__PURE__ */ jsx9(
+    ClaimCreateForm,
+    {
+      order,
+      claim,
+      preview,
+      orderReturn
+    }
+  ) });
+};
+export {
+  ClaimCreate as Component
+};