@medusajs/loyalty-plugin 2.21.0 → 2.21.1-preview-20260916094546

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

@@ -8,8 +8,8 @@ const icons = require("@medusajs/icons");
 const reactQuery = require("@tanstack/react-query");
 const Medusa = require("@medusajs/js-sdk");
 const components = require("@medusajs/dashboard/components");
-const ReactDOM = require("react-dom");
 const zod = require("@medusajs/framework/zod");
+const ReactDOM = require("react-dom");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -5748,7 +5748,7 @@ adminSdk.defineWidgetConfig({
   zone: "sales_channel.details.after",
   id: "medusa:sales-channel-gift-cards-widget"
 });
-const GiftCardIcon = (props) => {
+const StoreCreditIcon = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -5759,197 +5759,49 @@ const GiftCardIcon = (props) => {
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "15", height: "15", fill: "#F97316" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "15", height: "15", fill: "#8B5CF6" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "rect",
           {
             width: "15",
             height: "15",
-            fill: "url(#paint0_linear_28788_25808)",
+            fill: "url(#paint0_linear_29181_44790)",
             fillOpacity: "0.2"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_28788_25808)", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M7.5 6.375H5.375C4.479 6.375 3.75 5.618 3.75 4.688C3.75 3.757 4.479 3 5.375 3C7.365 3 8.019 5.569 8.047 5.678C8.088 5.846 8.05 6.023 7.943 6.16C7.836 6.296 7.673 6.375 7.5 6.375ZM5.375 4.125C5.099 4.125 4.875 4.377 4.875 4.688C4.875 4.998 5.099 5.25 5.375 5.25H6.688C6.439 4.736 6.011 4.125 5.375 4.125Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M9.625 6.375H7.5C7.328 6.375 7.164 6.296 7.058 6.16C6.95 6.023 6.913 5.846 6.953 5.678C6.98 5.569 7.634 3 9.625 3C10.521 3 11.25 3.757 11.25 4.688C11.25 5.618 10.521 6.375 9.625 6.375ZM8.312 5.25H9.625C9.901 5.25 10.125 4.998 10.125 4.688C10.125 4.377 9.901 4.125 9.625 4.125C8.99 4.125 8.561 4.736 8.312 5.25Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M11.438 6.375H3.562C3.252 6.375 3 6.123 3 5.813C3 5.502 3.252 5.25 3.562 5.25H11.438C11.748 5.25 12 5.502 12 5.813C12 6.123 11.748 6.375 11.438 6.375Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M6.938 7.5H3.75V9.563C3.75 10.7 4.675 11.625 5.813 11.625H6.938V7.5Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M8.063 7.5V11.625H9.188C10.325 11.625 11.25 10.7 11.25 9.563V7.5H8.063Z",
-              fill: "white"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "linearGradient",
-            {
-              id: "paint0_linear_28788_25808",
-              x1: "7.5",
-              y1: "0",
-              x2: "7.5",
-              y2: "15",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_28788_25808", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "9", height: "9", fill: "white", transform: "translate(3 3)" }) })
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M12 6V5.813C12 4.675 11.075 3.75 9.938 3.75H5.063C3.925 3.75 3 4.675 3 5.813V6H12Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M3 7.125V9.188C3 10.325 3.925 11.25 5.063 11.25H9.938C11.075 11.25 12 10.325 12 9.188V7.125H3ZM9.938 9.75H8.438C8.127 9.75 7.875 9.498 7.875 9.188C7.875 8.877 8.127 8.625 8.438 8.625H9.938C10.248 8.625 10.5 8.877 10.5 9.188C10.5 9.498 10.248 9.75 9.938 9.75Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "linearGradient",
+          {
+            id: "paint0_linear_29181_44790",
+            x1: "7.5",
+            y1: "0",
+            x2: "7.5",
+            y2: "15",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "white" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+            ]
+          }
+        ) })
       ]
     }
   );
 };
-const GiftCardProductsSection = () => {
-  const { products: giftCardProducts, count: count2 = 0 } = useProducts({
-    is_giftcard: true
-  });
-  const slicedProducts = giftCardProducts?.slice(0, 3) ?? [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header$5, { title: "Gift Card Products" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactRouterDom.Link,
-        {
-          to: `/gift-cards/gift-card-products/create`,
-          className: "text-ui-fg-muted text-sm px-6",
-          children: "Create"
-        }
-      )
-    ] }),
-    giftCardProducts?.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      NoRecords,
-      {
-        className: "px-10 py-4 h-[200px]",
-        title: "No gift card products",
-        message: "There are no gift card products to show. Create one to get started.",
-        action: {
-          to: "/gift-cards/gift-card-products/create",
-          label: "Create gift card product"
-        }
-      }
-    ),
-    slicedProducts.map((giftCardProduct) => /* @__PURE__ */ jsxRuntime.jsx(
-      SidebarLink,
-      {
-        to: `/gift-cards/gift-card-products/${giftCardProduct.id}`,
-        labelKey: giftCardProduct.title,
-        descriptionKey: giftCardProduct.title,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Tag, {})
-      }
-    )),
-    count2 > 3 && /* @__PURE__ */ jsxRuntime.jsx(
-      reactRouterDom.Link,
-      {
-        to: "/gift-cards/gift-card-products",
-        className: "text-ui-fg-muted text-sm px-6 py-4 flex items-center justify-center",
-        children: "View more"
-      }
-    )
-  ] });
-};
-const _giftCardQueryKey = queryKeysFactory("gift-card");
-const giftCardQueryKey = {
-  ..._giftCardQueryKey,
-  orders: (id) => [..._giftCardQueryKey.detail(id), "orders"]
-};
-const useGiftCards = (query, options) => {
-  const fetchGiftCards = (query2, headers) => sdk.client.fetch(`/admin/gift-cards`, {
-    query: query2,
-    headers
-  });
-  const { data, ...rest } = reactQuery.useQuery({
-    ...options,
-    queryFn: () => fetchGiftCards(query),
-    queryKey: giftCardQueryKey.list(query)
-  });
-  return { ...data, ...rest };
-};
-const useGiftCard = (id, query, options) => {
-  const fetchGiftCard = (id2, query2, headers) => sdk.client.fetch(`/admin/gift-cards/${id2}`, {
-    query: query2,
-    headers
-  });
-  const { data, ...rest } = reactQuery.useQuery({
-    queryFn: () => fetchGiftCard(id, query),
-    queryKey: giftCardQueryKey.detail(id, query),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-const useGiftCardOrders = (id, options) => {
-  const fetchGiftCardOrders = (id2, query, headers) => sdk.client.fetch(`/admin/gift-cards/${id2}/orders`, {
-    query,
-    headers
-  });
-  const { data, ...rest } = reactQuery.useQuery({
-    queryFn: () => fetchGiftCardOrders(id),
-    queryKey: giftCardQueryKey.orders(id),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-const useUpdateGiftCard = (id, options) => {
-  const queryClient = reactQuery.useQueryClient();
-  const updateGiftCard = async (id2, body) => sdk.client.fetch(`/admin/gift-cards/${id2}`, {
-    body,
-    method: "POST"
-  });
-  return reactQuery.useMutation({
-    mutationFn: async (payload) => updateGiftCard(id, payload),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: giftCardQueryKey.detail(id)
-      });
-      queryClient.invalidateQueries({
-        queryKey: giftCardQueryKey.lists()
-      });
-    },
-    ...options
-  });
-};
-const useCreateGiftCard = (options) => {
-  const queryClient = reactQuery.useQueryClient();
-  const createGiftCard = async (body) => sdk.client.fetch(`/admin/gift-cards`, {
-    body,
-    method: "POST"
-  });
-  return reactQuery.useMutation({
-    mutationFn: (body) => createGiftCard(body),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({ queryKey: giftCardQueryKey.lists() });
-    },
-    ...options
-  });
-};
 function getRelativeDate(date2) {
   const now = /* @__PURE__ */ new Date();
   return formatDistance(sub(new Date(date2), { minutes: 0 }), now, {
@@ -5967,30 +5819,51 @@ function formatDate(date2, withTime = true) {
   return format(new Date(date2), "dd MMM, yyyy");
 }
 const columnHelper$a = ui.createDataTableColumnHelper();
-const useGiftCardTableColumns = () => {
+const useStoreCreditAccountTableColumns = () => {
   return React.useMemo(() => {
     return [
-      columnHelper$a.accessor("code", {
-        header: "Code",
+      columnHelper$a.accessor("currency_code", {
+        header: "Currency",
         cell: ({ row }) => {
-          return row.original.code;
+          return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", children: row.original.currency_code.toUpperCase() });
         }
       }),
-      columnHelper$a.accessor("line_item.product.title", {
-        header: "Product",
+      columnHelper$a.accessor("customer.email", {
+        header: "Customer",
         cell: ({ row }) => {
-          return row.original.line_item?.product?.title || "Custom Gift Card";
+          return row.original.customer?.email ?? "N/A";
         }
       }),
-      columnHelper$a.accessor("created_at", {
-        header: "Date issued",
-        cell: ({ row }) => getRelativeDate(row.original.created_at)
+      columnHelper$a.accessor("balance", {
+        header: "Balance",
+        cell: ({ row }) => {
+          return formatAmount(
+            row.original.balance,
+            row.original.currency_code
+          );
+        }
       }),
-      columnHelper$a.accessor("value", {
-        header: "Value",
+      columnHelper$a.accessor("credits", {
+        header: "Credits",
         cell: ({ row }) => {
-          return formatAmount(row.original.value, row.original.currency_code);
+          return formatAmount(
+            row.original.credits,
+            row.original.currency_code
+          );
+        }
+      }),
+      columnHelper$a.accessor("debits", {
+        header: "Debits",
+        cell: ({ row }) => {
+          return formatAmount(
+            row.original.debits,
+            row.original.currency_code
+          );
         }
+      }),
+      columnHelper$a.accessor("created_at", {
+        header: "Created at",
+        cell: ({ row }) => getRelativeDate(row.original.created_at)
       })
     ];
   }, []);
@@ -6037,75 +5910,83 @@ const useCustomerFilters = () => {
     ];
   }, [customerFilterOptions]);
 };
-const useGiftCardFilters = () => {
+const useStoreCreditAccountFilters = () => {
   const dateFilterOptions = useDataTableDateFilters$1();
   const customerFilterOptions = useCustomerFilters();
   return React.useMemo(() => {
     return [...dateFilterOptions, ...customerFilterOptions];
   }, [dateFilterOptions, customerFilterOptions]);
 };
-const useGiftCardTableQuery = ({
+const useStoreCreditAccountsTableQuery = ({
   prefix,
   pageSize = 20
 }) => {
   const queryObject = useQueryParams(
-    ["q", "offset", "customer_id", "created_at", "updated_at"],
+    ["offset", "customer_id", "currency_code", "created_at", "updated_at"],
     prefix
   );
-  const { offset: offset2, created_at, updated_at, customer_id, ...rest } = queryObject;
+  const {
+    offset: offset2,
+    created_at,
+    updated_at,
+    customer_id,
+    currency_code,
+    ...rest
+  } = queryObject;
   const searchParams = {
     limit: pageSize,
     offset: offset2 ? Number(offset2) : 0,
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     customer_id: customer_id ? JSON.parse(customer_id) : void 0,
+    currency_code: currency_code ? JSON.parse(currency_code) : void 0,
     ...rest
   };
   return searchParams;
 };
 const PAGE_SIZE$6 = 10;
-function GiftCardsTable() {
-  const queryParams = useGiftCardTableQuery({
+function StoreCreditAccountsTable() {
+  const queryParams = useStoreCreditAccountsTableQuery({
     pageSize: PAGE_SIZE$6
   });
   const {
-    gift_cards: giftCards,
+    store_credit_accounts: storeCreditAccounts,
     isPending,
     count: count2
-  } = useGiftCards({
+  } = useStoreCreditAccounts({
     ...queryParams,
-    order: queryParams.order ?? "-created_at",
-    fields: "+line_item.product.title"
+    order: queryParams.order ?? "-created_at"
   });
-  const columns = useGiftCardTableColumns();
-  const filters = useGiftCardFilters();
+  const columns = useStoreCreditAccountTableColumns();
+  const filters = useStoreCreditAccountFilters();
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
       DataTable,
       {
-        data: giftCards,
+        data: storeCreditAccounts ?? [],
         getRowId: (row) => row.id,
         columns,
         filters,
         isLoading: isPending,
         pageSize: PAGE_SIZE$6,
         rowCount: count2,
-        heading: "Gift Cards",
+        enableSearch: false,
+        heading: "Store Credit Accounts",
         rowHref: (row) => `${row.id}`,
         emptyState: {
           empty: {
-            heading: "No gift cards found",
-            description: "Create a gift card to get started."
+            heading: "No store credit accounts found",
+            description: "Create a new store credit account to get started."
           },
           filtered: {
             heading: "No results found",
-            description: "No gift cards match your filter criteria."
+            description: "No store credit accounts match your filter criteria."
           }
         },
         actions: [
           {
             label: "Create",
-            to: "create"
+            to: "/store-credit-accounts/create"
           }
         ]
       }
@@ -6113,16 +5994,15 @@ function GiftCardsTable() {
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
   ] });
 }
-const GiftCardsPage = () => {
+const StoreCreditAccountsPage = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       components.LayoutComposer,
       {
-        widgetsZonePrefix: "gift_card.list",
-        preferredLayoutId: "core:two-column",
+        widgetsZonePrefix: "store_credit_account.list",
+        preferredLayoutId: "core:single-column",
         sections: {
-          main: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardsTable", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardsTable, {}) }),
-          side: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardProductsSection", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductsSection, {}) })
+          main: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountsTable", children: /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountsTable, {}) })
         }
       }
     ),
@@ -6130,8 +6010,8 @@ const GiftCardsPage = () => {
   ] });
 };
 const config$3 = adminSdk.defineRouteConfig({
-  label: "Gift Cards",
-  icon: GiftCardIcon
+  label: "Store Credits",
+  icon: StoreCreditIcon
 });
 function setRef$2(ref, value) {
   if (typeof ref === "function") {
@@ -10826,27 +10706,6 @@ const StackedFocusModal = Object.assign(Root, {
   Description,
   Title
 });
-const STORE_QUERY_KEY = "store";
-const storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
-async function retrieveActiveStore(query) {
-  const response = await sdk.admin.store.list(query);
-  const activeStore = response.stores?.[0];
-  if (!activeStore) {
-    throw new Medusa.FetchError("No active store found", "Not Found", 404);
-  }
-  return { store: activeStore };
-}
-const useStore$2 = (query, options) => {
-  const { data, ...rest } = reactQuery.useQuery({
-    queryFn: () => retrieveActiveStore(query),
-    queryKey: storeQueryKeys.details(),
-    ...options
-  });
-  return {
-    ...data,
-    ...rest
-  };
-};
 const t$1 = (r, t2, s2) => {
   if (r && "reportValidity" in r) {
     const o2 = get$2(s2, t2);
@@ -12746,7 +12605,7 @@ function useStoreProps(store, props, key2, setKey) {
     });
   });
 }
-function useStore$1(createStore2, props) {
+function useStore$2(createStore2, props) {
   const [store, setStore] = React__namespace.useState(() => createStore2(props));
   useSafeLayoutEffect(() => init(store), [store]);
   const useState2 = React__namespace.useCallback(
@@ -13568,7 +13427,7 @@ function useDisclosureStoreProps(store, update, props) {
   return Object.assign(store, { disclosure: props.disclosure });
 }
 function useDisclosureStore(props = {}) {
-  const [store, update] = useStore$1(createDisclosureStore, props);
+  const [store, update] = useStore$2(createDisclosureStore, props);
   return useDisclosureStoreProps(store, update, props);
 }
 var ctx$2 = createStoreContext(
@@ -14957,7 +14816,7 @@ function useDialogStoreProps(store, update, props) {
   return useDisclosureStoreProps(store, update, props);
 }
 function useDialogStore(props = {}) {
-  const [store, update] = useStore$1(createDialogStore, props);
+  const [store, update] = useStore$2(createDialogStore, props);
   return useDialogStoreProps(store, update, props);
 }
 var TagName$e = "div";
@@ -17003,7 +16862,7 @@ function useComboboxStoreProps(store, update, props) {
 }
 function useComboboxStore(props = {}) {
   props = useComboboxStoreOptions(props);
-  const [store, update] = useStore$1(createComboboxStore, props);
+  const [store, update] = useStore$2(createComboboxStore, props);
   return useComboboxStoreProps(store, update, props);
 }
 function ComboboxProvider(props = {}) {
@@ -18108,6 +17967,369 @@ const ComboboxImpl = ({
   );
 };
 const Combobox = genericForwardRef(ComboboxImpl);
+var isObject_1;
+var hasRequiredIsObject;
+function requireIsObject() {
+  if (hasRequiredIsObject) return isObject_1;
+  hasRequiredIsObject = 1;
+  function isObject2(value) {
+    var type = typeof value;
+    return value != null && (type == "object" || type == "function");
+  }
+  isObject_1 = isObject2;
+  return isObject_1;
+}
+var _freeGlobal;
+var hasRequired_freeGlobal;
+function require_freeGlobal() {
+  if (hasRequired_freeGlobal) return _freeGlobal;
+  hasRequired_freeGlobal = 1;
+  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+  _freeGlobal = freeGlobal;
+  return _freeGlobal;
+}
+var _root;
+var hasRequired_root;
+function require_root() {
+  if (hasRequired_root) return _root;
+  hasRequired_root = 1;
+  var freeGlobal = require_freeGlobal();
+  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+  var root = freeGlobal || freeSelf || Function("return this")();
+  _root = root;
+  return _root;
+}
+var now_1;
+var hasRequiredNow;
+function requireNow() {
+  if (hasRequiredNow) return now_1;
+  hasRequiredNow = 1;
+  var root = require_root();
+  var now = function() {
+    return root.Date.now();
+  };
+  now_1 = now;
+  return now_1;
+}
+var _trimmedEndIndex;
+var hasRequired_trimmedEndIndex;
+function require_trimmedEndIndex() {
+  if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
+  hasRequired_trimmedEndIndex = 1;
+  var reWhitespace = /\s/;
+  function trimmedEndIndex(string2) {
+    var index = string2.length;
+    while (index-- && reWhitespace.test(string2.charAt(index))) {
+    }
+    return index;
+  }
+  _trimmedEndIndex = trimmedEndIndex;
+  return _trimmedEndIndex;
+}
+var _baseTrim;
+var hasRequired_baseTrim;
+function require_baseTrim() {
+  if (hasRequired_baseTrim) return _baseTrim;
+  hasRequired_baseTrim = 1;
+  var trimmedEndIndex = require_trimmedEndIndex();
+  var reTrimStart = /^\s+/;
+  function baseTrim(string2) {
+    return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
+  }
+  _baseTrim = baseTrim;
+  return _baseTrim;
+}
+var _Symbol;
+var hasRequired_Symbol;
+function require_Symbol() {
+  if (hasRequired_Symbol) return _Symbol;
+  hasRequired_Symbol = 1;
+  var root = require_root();
+  var Symbol2 = root.Symbol;
+  _Symbol = Symbol2;
+  return _Symbol;
+}
+var _getRawTag;
+var hasRequired_getRawTag;
+function require_getRawTag() {
+  if (hasRequired_getRawTag) return _getRawTag;
+  hasRequired_getRawTag = 1;
+  var Symbol2 = require_Symbol();
+  var objectProto = Object.prototype;
+  var hasOwnProperty2 = objectProto.hasOwnProperty;
+  var nativeObjectToString = objectProto.toString;
+  var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+  function getRawTag(value) {
+    var isOwn = hasOwnProperty2.call(value, symToStringTag), tag = value[symToStringTag];
+    try {
+      value[symToStringTag] = void 0;
+      var unmasked = true;
+    } catch (e) {
+    }
+    var result = nativeObjectToString.call(value);
+    if (unmasked) {
+      if (isOwn) {
+        value[symToStringTag] = tag;
+      } else {
+        delete value[symToStringTag];
+      }
+    }
+    return result;
+  }
+  _getRawTag = getRawTag;
+  return _getRawTag;
+}
+var _objectToString;
+var hasRequired_objectToString;
+function require_objectToString() {
+  if (hasRequired_objectToString) return _objectToString;
+  hasRequired_objectToString = 1;
+  var objectProto = Object.prototype;
+  var nativeObjectToString = objectProto.toString;
+  function objectToString(value) {
+    return nativeObjectToString.call(value);
+  }
+  _objectToString = objectToString;
+  return _objectToString;
+}
+var _baseGetTag;
+var hasRequired_baseGetTag;
+function require_baseGetTag() {
+  if (hasRequired_baseGetTag) return _baseGetTag;
+  hasRequired_baseGetTag = 1;
+  var Symbol2 = require_Symbol(), getRawTag = require_getRawTag(), objectToString = require_objectToString();
+  var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+  var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+  function baseGetTag(value) {
+    if (value == null) {
+      return value === void 0 ? undefinedTag : nullTag;
+    }
+    return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+  }
+  _baseGetTag = baseGetTag;
+  return _baseGetTag;
+}
+var isObjectLike_1;
+var hasRequiredIsObjectLike;
+function requireIsObjectLike() {
+  if (hasRequiredIsObjectLike) return isObjectLike_1;
+  hasRequiredIsObjectLike = 1;
+  function isObjectLike(value) {
+    return value != null && typeof value == "object";
+  }
+  isObjectLike_1 = isObjectLike;
+  return isObjectLike_1;
+}
+var isSymbol_1;
+var hasRequiredIsSymbol;
+function requireIsSymbol() {
+  if (hasRequiredIsSymbol) return isSymbol_1;
+  hasRequiredIsSymbol = 1;
+  var baseGetTag = require_baseGetTag(), isObjectLike = requireIsObjectLike();
+  var symbolTag = "[object Symbol]";
+  function isSymbol(value) {
+    return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+  }
+  isSymbol_1 = isSymbol;
+  return isSymbol_1;
+}
+var toNumber_1;
+var hasRequiredToNumber;
+function requireToNumber() {
+  if (hasRequiredToNumber) return toNumber_1;
+  hasRequiredToNumber = 1;
+  var baseTrim = require_baseTrim(), isObject2 = requireIsObject(), isSymbol = requireIsSymbol();
+  var NAN = 0 / 0;
+  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+  var reIsBinary = /^0b[01]+$/i;
+  var reIsOctal = /^0o[0-7]+$/i;
+  var freeParseInt = parseInt;
+  function toNumber(value) {
+    if (typeof value == "number") {
+      return value;
+    }
+    if (isSymbol(value)) {
+      return NAN;
+    }
+    if (isObject2(value)) {
+      var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+      value = isObject2(other) ? other + "" : other;
+    }
+    if (typeof value != "string") {
+      return value === 0 ? value : +value;
+    }
+    value = baseTrim(value);
+    var isBinary = reIsBinary.test(value);
+    return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+  }
+  toNumber_1 = toNumber;
+  return toNumber_1;
+}
+var debounce_1;
+var hasRequiredDebounce;
+function requireDebounce() {
+  if (hasRequiredDebounce) return debounce_1;
+  hasRequiredDebounce = 1;
+  var isObject2 = requireIsObject(), now = requireNow(), toNumber = requireToNumber();
+  var FUNC_ERROR_TEXT = "Expected a function";
+  var nativeMax = Math.max, nativeMin = Math.min;
+  function debounce2(func, wait, options) {
+    var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+    if (typeof func != "function") {
+      throw new TypeError(FUNC_ERROR_TEXT);
+    }
+    wait = toNumber(wait) || 0;
+    if (isObject2(options)) {
+      leading = !!options.leading;
+      maxing = "maxWait" in options;
+      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+      trailing = "trailing" in options ? !!options.trailing : trailing;
+    }
+    function invokeFunc(time2) {
+      var args = lastArgs, thisArg = lastThis;
+      lastArgs = lastThis = void 0;
+      lastInvokeTime = time2;
+      result = func.apply(thisArg, args);
+      return result;
+    }
+    function leadingEdge(time2) {
+      lastInvokeTime = time2;
+      timerId = setTimeout(timerExpired, wait);
+      return leading ? invokeFunc(time2) : result;
+    }
+    function remainingWait(time2) {
+      var timeSinceLastCall = time2 - lastCallTime, timeSinceLastInvoke = time2 - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+      return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+    }
+    function shouldInvoke(time2) {
+      var timeSinceLastCall = time2 - lastCallTime, timeSinceLastInvoke = time2 - lastInvokeTime;
+      return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+    }
+    function timerExpired() {
+      var time2 = now();
+      if (shouldInvoke(time2)) {
+        return trailingEdge(time2);
+      }
+      timerId = setTimeout(timerExpired, remainingWait(time2));
+    }
+    function trailingEdge(time2) {
+      timerId = void 0;
+      if (trailing && lastArgs) {
+        return invokeFunc(time2);
+      }
+      lastArgs = lastThis = void 0;
+      return result;
+    }
+    function cancel() {
+      if (timerId !== void 0) {
+        clearTimeout(timerId);
+      }
+      lastInvokeTime = 0;
+      lastArgs = lastCallTime = lastThis = timerId = void 0;
+    }
+    function flush() {
+      return timerId === void 0 ? result : trailingEdge(now());
+    }
+    function debounced() {
+      var time2 = now(), isInvoking = shouldInvoke(time2);
+      lastArgs = arguments;
+      lastThis = this;
+      lastCallTime = time2;
+      if (isInvoking) {
+        if (timerId === void 0) {
+          return leadingEdge(lastCallTime);
+        }
+        if (maxing) {
+          clearTimeout(timerId);
+          timerId = setTimeout(timerExpired, wait);
+          return invokeFunc(lastCallTime);
+        }
+      }
+      if (timerId === void 0) {
+        timerId = setTimeout(timerExpired, wait);
+      }
+      return result;
+    }
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    return debounced;
+  }
+  debounce_1 = debounce2;
+  return debounce_1;
+}
+var debounceExports = requireDebounce();
+const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
+const useDebouncedSearch = () => {
+  const [searchValue, onSearchValueChange] = React.useState("");
+  const [debouncedQuery, setDebouncedQuery] = React.useState("");
+  const debouncedUpdate = React.useCallback(
+    debounce$1((query) => setDebouncedQuery(query), 300),
+    []
+  );
+  React.useEffect(() => {
+    debouncedUpdate(searchValue);
+    return () => debouncedUpdate.cancel();
+  }, [searchValue, debouncedUpdate]);
+  return {
+    searchValue,
+    onSearchValueChange,
+    query: debouncedQuery || void 0
+  };
+};
+const useComboboxData = ({
+  queryKey,
+  queryFn,
+  getOptions,
+  defaultValue: defaultValue2,
+  defaultValueKey,
+  pageSize = 10
+}) => {
+  const { searchValue, onSearchValueChange, query } = useDebouncedSearch();
+  const queryInitialDataBy = defaultValueKey || "id";
+  const { data: initialData } = reactQuery.useQuery({
+    queryKey,
+    queryFn: async () => {
+      return queryFn({
+        [queryInitialDataBy]: defaultValue2,
+        limit: Array.isArray(defaultValue2) ? defaultValue2.length : 1
+      });
+    },
+    enabled: !!defaultValue2
+  });
+  const { data, ...rest } = reactQuery.useInfiniteQuery({
+    queryKey: [...queryKey, query],
+    queryFn: async ({ pageParam = 0 }) => {
+      return await queryFn({
+        q: query,
+        limit: pageSize,
+        offset: pageParam
+      });
+    },
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
+      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
+    },
+    placeholderData: reactQuery.keepPreviousData
+  });
+  const options = data?.pages.flatMap((page) => getOptions(page)) ?? [];
+  const defaultOptions2 = initialData ? getOptions(initialData) : [];
+  const disabled = !rest.isPending && !options.length && !searchValue;
+  if (defaultValue2 && defaultOptions2.length && !searchValue) {
+    defaultOptions2.forEach((option) => {
+      if (!options.find((o2) => o2.value === option.value)) {
+        options.unshift(option);
+      }
+    });
+  }
+  return {
+    options,
+    searchValue,
+    onSearchValueChange,
+    disabled,
+    ...rest
+  };
+};
 const currencies = {
   USD: {
     code: "USD",
@@ -18848,6 +19070,501 @@ const currencies = {
     decimal_digits: 0
   }
 };
+const formSchema = zod.z.object({
+  currency_code: zod.z.string().min(1, "Please select a currency"),
+  customer_id: zod.z.string().optional()
+});
+const StoreCreditAccountCreateForm = () => {
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      currency_code: "",
+      customer_id: ""
+    },
+    resolver: u(formSchema)
+  });
+  const { mutateAsync: createStoreCreditAccount, isPending } = useCreateStoreCreditAccount();
+  const handleSubmit = form.handleSubmit(async (data) => {
+    if (!data.customer_id) {
+      delete data.customer_id;
+    }
+    await createStoreCreditAccount(data, {
+      onSuccess: (data2) => {
+        ui.toast.success(`Store credit account was successfully created.`);
+        handleSuccess(`../${data2.store_credit_account.id}`);
+      },
+      onError: (error) => {
+        ui.toast.error(error.message);
+      }
+    });
+  });
+  const [currencySearchValue, setCurrencySearchValue] = React.useState("");
+  const currencyOptions = React.useMemo(() => {
+    const options = Object.values(currencies).map((currency) => ({
+      label: `${currency.code} - ${currency.name} (${currency.symbol_native})`,
+      value: currency.code.toLowerCase()
+    }));
+    if (!currencySearchValue) {
+      return options;
+    }
+    return options.filter(
+      (option) => option.label.toLowerCase().includes(currencySearchValue.toLowerCase())
+    );
+  }, [currencySearchValue]);
+  const {
+    options: customerOptions,
+    fetchNextPage,
+    isFetchingNextPage,
+    searchValue,
+    onSearchValueChange,
+    isLoading
+  } = useComboboxData({
+    queryKey: customersQueryKeys.list(),
+    queryFn: async (params) => {
+      return sdk.admin.customer.list(params);
+    },
+    getOptions: (data) => {
+      return data.customers?.map((customer) => {
+        const fullName = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
+        const label = fullName ? `${customer.email} (${fullName})` : customer.email;
+        return {
+          label,
+          value: customer.id
+        };
+      }) || [];
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Form, { form, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-my-2 w-full border-l" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Create Store Credit Account" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Create a new store credit account for a customer" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-x-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Form$2.Field,
+          {
+            control: form.control,
+            name: "currency_code",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { className: "font-normal", children: "Currency" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Combobox,
+                  {
+                    value: field.value,
+                    onChange: field.onChange,
+                    searchValue: currencySearchValue,
+                    onSearchValueChange: setCurrencySearchValue,
+                    options: currencyOptions,
+                    placeholder: "Search for a currency..."
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
+              ] });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Form$2.Field,
+          {
+            control: form.control,
+            name: "customer_id",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { className: "font-normal", children: "Customer" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Combobox,
+                  {
+                    value: field.value,
+                    onChange: field.onChange,
+                    searchValue,
+                    onSearchValueChange,
+                    options: customerOptions,
+                    placeholder: "Search for a customer...",
+                    fetchNextPage,
+                    isFetchingNextPage,
+                    noResultsPlaceholder: isLoading ? "Loading customers..." : "No customers found"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
+              ] });
+            }
+          }
+        )
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Close, { asChild: true, disabled: isPending, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", disabled: isPending, children: "Cancel" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "primary",
+          size: "small",
+          onClick: handleSubmit,
+          disabled: isPending,
+          children: "Create"
+        }
+      )
+    ] })
+  ] });
+};
+const StoreCreditAccountCreate = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Create Store Credit Account" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Create a new store credit account" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCreateForm, {})
+  ] });
+};
+const GiftCardIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "15", height: "15", fill: "#F97316" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            width: "15",
+            height: "15",
+            fill: "url(#paint0_linear_28788_25808)",
+            fillOpacity: "0.2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_28788_25808)", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M7.5 6.375H5.375C4.479 6.375 3.75 5.618 3.75 4.688C3.75 3.757 4.479 3 5.375 3C7.365 3 8.019 5.569 8.047 5.678C8.088 5.846 8.05 6.023 7.943 6.16C7.836 6.296 7.673 6.375 7.5 6.375ZM5.375 4.125C5.099 4.125 4.875 4.377 4.875 4.688C4.875 4.998 5.099 5.25 5.375 5.25H6.688C6.439 4.736 6.011 4.125 5.375 4.125Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M9.625 6.375H7.5C7.328 6.375 7.164 6.296 7.058 6.16C6.95 6.023 6.913 5.846 6.953 5.678C6.98 5.569 7.634 3 9.625 3C10.521 3 11.25 3.757 11.25 4.688C11.25 5.618 10.521 6.375 9.625 6.375ZM8.312 5.25H9.625C9.901 5.25 10.125 4.998 10.125 4.688C10.125 4.377 9.901 4.125 9.625 4.125C8.99 4.125 8.561 4.736 8.312 5.25Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M11.438 6.375H3.562C3.252 6.375 3 6.123 3 5.813C3 5.502 3.252 5.25 3.562 5.25H11.438C11.748 5.25 12 5.502 12 5.813C12 6.123 11.748 6.375 11.438 6.375Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M6.938 7.5H3.75V9.563C3.75 10.7 4.675 11.625 5.813 11.625H6.938V7.5Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M8.063 7.5V11.625H9.188C10.325 11.625 11.25 10.7 11.25 9.563V7.5H8.063Z",
+              fill: "white"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_28788_25808",
+              x1: "7.5",
+              y1: "0",
+              x2: "7.5",
+              y2: "15",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_28788_25808", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "9", height: "9", fill: "white", transform: "translate(3 3)" }) })
+        ] })
+      ]
+    }
+  );
+};
+const GiftCardProductsSection = () => {
+  const { products: giftCardProducts, count: count2 = 0 } = useProducts({
+    is_giftcard: true
+  });
+  const slicedProducts = giftCardProducts?.slice(0, 3) ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Header$5, { title: "Gift Card Products" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactRouterDom.Link,
+        {
+          to: `/gift-cards/gift-card-products/create`,
+          className: "text-ui-fg-muted text-sm px-6",
+          children: "Create"
+        }
+      )
+    ] }),
+    giftCardProducts?.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      NoRecords,
+      {
+        className: "px-10 py-4 h-[200px]",
+        title: "No gift card products",
+        message: "There are no gift card products to show. Create one to get started.",
+        action: {
+          to: "/gift-cards/gift-card-products/create",
+          label: "Create gift card product"
+        }
+      }
+    ),
+    slicedProducts.map((giftCardProduct) => /* @__PURE__ */ jsxRuntime.jsx(
+      SidebarLink,
+      {
+        to: `/gift-cards/gift-card-products/${giftCardProduct.id}`,
+        labelKey: giftCardProduct.title,
+        descriptionKey: giftCardProduct.title,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Tag, {})
+      }
+    )),
+    count2 > 3 && /* @__PURE__ */ jsxRuntime.jsx(
+      reactRouterDom.Link,
+      {
+        to: "/gift-cards/gift-card-products",
+        className: "text-ui-fg-muted text-sm px-6 py-4 flex items-center justify-center",
+        children: "View more"
+      }
+    )
+  ] });
+};
+const _giftCardQueryKey = queryKeysFactory("gift-card");
+const giftCardQueryKey = {
+  ..._giftCardQueryKey,
+  orders: (id) => [..._giftCardQueryKey.detail(id), "orders"]
+};
+const useGiftCards = (query, options) => {
+  const fetchGiftCards = (query2, headers) => sdk.client.fetch(`/admin/gift-cards`, {
+    query: query2,
+    headers
+  });
+  const { data, ...rest } = reactQuery.useQuery({
+    ...options,
+    queryFn: () => fetchGiftCards(query),
+    queryKey: giftCardQueryKey.list(query)
+  });
+  return { ...data, ...rest };
+};
+const useGiftCard = (id, query, options) => {
+  const fetchGiftCard = (id2, query2, headers) => sdk.client.fetch(`/admin/gift-cards/${id2}`, {
+    query: query2,
+    headers
+  });
+  const { data, ...rest } = reactQuery.useQuery({
+    queryFn: () => fetchGiftCard(id, query),
+    queryKey: giftCardQueryKey.detail(id, query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+const useGiftCardOrders = (id, options) => {
+  const fetchGiftCardOrders = (id2, query, headers) => sdk.client.fetch(`/admin/gift-cards/${id2}/orders`, {
+    query,
+    headers
+  });
+  const { data, ...rest } = reactQuery.useQuery({
+    queryFn: () => fetchGiftCardOrders(id),
+    queryKey: giftCardQueryKey.orders(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+const useUpdateGiftCard = (id, options) => {
+  const queryClient = reactQuery.useQueryClient();
+  const updateGiftCard = async (id2, body) => sdk.client.fetch(`/admin/gift-cards/${id2}`, {
+    body,
+    method: "POST"
+  });
+  return reactQuery.useMutation({
+    mutationFn: async (payload) => updateGiftCard(id, payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: giftCardQueryKey.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: giftCardQueryKey.lists()
+      });
+    },
+    ...options
+  });
+};
+const useCreateGiftCard = (options) => {
+  const queryClient = reactQuery.useQueryClient();
+  const createGiftCard = async (body) => sdk.client.fetch(`/admin/gift-cards`, {
+    body,
+    method: "POST"
+  });
+  return reactQuery.useMutation({
+    mutationFn: (body) => createGiftCard(body),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: giftCardQueryKey.lists() });
+    },
+    ...options
+  });
+};
+const columnHelper$9 = ui.createDataTableColumnHelper();
+const useGiftCardTableColumns = () => {
+  return React.useMemo(() => {
+    return [
+      columnHelper$9.accessor("code", {
+        header: "Code",
+        cell: ({ row }) => {
+          return row.original.code;
+        }
+      }),
+      columnHelper$9.accessor("line_item.product.title", {
+        header: "Product",
+        cell: ({ row }) => {
+          return row.original.line_item?.product?.title || "Custom Gift Card";
+        }
+      }),
+      columnHelper$9.accessor("created_at", {
+        header: "Date issued",
+        cell: ({ row }) => getRelativeDate(row.original.created_at)
+      }),
+      columnHelper$9.accessor("value", {
+        header: "Value",
+        cell: ({ row }) => {
+          return formatAmount(row.original.value, row.original.currency_code);
+        }
+      })
+    ];
+  }, []);
+};
+const useGiftCardFilters = () => {
+  const dateFilterOptions = useDataTableDateFilters$1();
+  const customerFilterOptions = useCustomerFilters();
+  return React.useMemo(() => {
+    return [...dateFilterOptions, ...customerFilterOptions];
+  }, [dateFilterOptions, customerFilterOptions]);
+};
+const useGiftCardTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["q", "offset", "customer_id", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset: offset2, created_at, updated_at, customer_id, ...rest } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset2 ? Number(offset2) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    customer_id: customer_id ? JSON.parse(customer_id) : void 0,
+    ...rest
+  };
+  return searchParams;
+};
+const PAGE_SIZE$5 = 10;
+function GiftCardsTable() {
+  const queryParams = useGiftCardTableQuery({
+    pageSize: PAGE_SIZE$5
+  });
+  const {
+    gift_cards: giftCards,
+    isPending,
+    count: count2
+  } = useGiftCards({
+    ...queryParams,
+    order: queryParams.order ?? "-created_at",
+    fields: "+line_item.product.title"
+  });
+  const columns = useGiftCardTableColumns();
+  const filters = useGiftCardFilters();
+  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable,
+      {
+        data: giftCards,
+        getRowId: (row) => row.id,
+        columns,
+        filters,
+        isLoading: isPending,
+        pageSize: PAGE_SIZE$5,
+        rowCount: count2,
+        heading: "Gift Cards",
+        rowHref: (row) => `${row.id}`,
+        emptyState: {
+          empty: {
+            heading: "No gift cards found",
+            description: "Create a gift card to get started."
+          },
+          filtered: {
+            heading: "No results found",
+            description: "No gift cards match your filter criteria."
+          }
+        },
+        actions: [
+          {
+            label: "Create",
+            to: "create"
+          }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
+  ] });
+}
+const GiftCardsPage = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.LayoutComposer,
+      {
+        widgetsZonePrefix: "gift_card.list",
+        preferredLayoutId: "core:two-column",
+        sections: {
+          main: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardsTable", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardsTable, {}) }),
+          side: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardProductsSection", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductsSection, {}) })
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
+  ] });
+};
+const config$2 = adminSdk.defineRouteConfig({
+  label: "Gift Cards",
+  icon: GiftCardIcon
+});
+const STORE_QUERY_KEY = "store";
+const storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
+async function retrieveActiveStore(query) {
+  const response = await sdk.admin.store.list(query);
+  const activeStore = response.stores?.[0];
+  if (!activeStore) {
+    throw new Medusa.FetchError("No active store found", "Not Found", 404);
+  }
+  return { store: activeStore };
+}
+const useStore$1 = (query, options) => {
+  const { data, ...rest } = reactQuery.useQuery({
+    queryFn: () => retrieveActiveStore(query),
+    queryKey: storeQueryKeys.details(),
+    ...options
+  });
+  return {
+    ...data,
+    ...rest
+  };
+};
 function $constructor(name, initializer2, params) {
   function init2(inst, def) {
     if (!inst._zod) {
@@ -18911,7 +19628,7 @@ class $ZodEncodeError extends Error {
   }
 }
 const globalConfig = {};
-function config$2(newConfig) {
+function config$1(newConfig) {
   return globalConfig;
 }
 function getEnumValues(entries) {
@@ -19358,7 +20075,7 @@ const _parse = (_Err) => (schema2, value, _ctx, _params) => {
     throw new $ZodAsyncError();
   }
   if (result.issues.length) {
-    const e = new (_params?.Err ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())));
+    const e = new (_params?.Err ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())));
     captureStackTrace(e, _params?.callee);
     throw e;
   }
@@ -19370,7 +20087,7 @@ const _parseAsync = (_Err) => async (schema2, value, _ctx, params) => {
   if (result instanceof Promise)
     result = await result;
   if (result.issues.length) {
-    const e = new (params?.Err ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())));
+    const e = new (params?.Err ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())));
     captureStackTrace(e, params?.callee);
     throw e;
   }
@@ -19384,7 +20101,7 @@ const _safeParse = (_Err) => (schema2, value, _ctx) => {
   }
   return result.issues.length ? {
     success: false,
-    error: new (_Err ?? $ZodError)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())))
+    error: new (_Err ?? $ZodError)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())))
   } : { success: true, data: result.value };
 };
 const safeParse$1 = /* @__PURE__ */ _safeParse($ZodRealError);
@@ -19395,7 +20112,7 @@ const _safeParseAsync = (_Err) => async (schema2, value, _ctx) => {
     result = await result;
   return result.issues.length ? {
     success: false,
-    error: new _Err(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())))
+    error: new _Err(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())))
   } : { success: true, data: result.value };
 };
 const safeParseAsync$1 = /* @__PURE__ */ _safeParseAsync($ZodRealError);
@@ -20651,7 +21368,7 @@ function handleUnionResults(results, final, inst, ctx2) {
     code: "invalid_union",
     input: final.value,
     inst,
-    errors: results.map((result) => result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())))
+    errors: results.map((result) => result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())))
   });
   return final;
 }
@@ -20844,7 +21561,7 @@ const $ZodRecord = /* @__PURE__ */ $constructor("$ZodRecord", (inst, def) => {
             payload.issues.push({
               code: "invalid_key",
               origin: "record",
-              issues: keyResult.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())),
+              issues: keyResult.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())),
               input: key2,
               path: [key2],
               inst
@@ -21043,7 +21760,7 @@ const $ZodCatch = /* @__PURE__ */ $constructor("$ZodCatch", (inst, def) => {
           payload.value = def.catchValue({
             ...payload,
             error: {
-              issues: result2.issues.map((iss) => finalizeIssue(iss, ctx2, config$2()))
+              issues: result2.issues.map((iss) => finalizeIssue(iss, ctx2, config$1()))
             },
             input: payload.value
           });
@@ -21057,7 +21774,7 @@ const $ZodCatch = /* @__PURE__ */ $constructor("$ZodCatch", (inst, def) => {
       payload.value = def.catchValue({
         ...payload,
         error: {
-          issues: result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2()))
+          issues: result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1()))
         },
         input: payload.value
       });
@@ -23105,730 +23822,561 @@ const GiftCardCreateForm = ({
   ] });
 };
 const GiftCardCreate = () => {
-  const { store, isLoading } = useStore$2({});
+  const { store, isLoading } = useStore$1({});
   return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Create Gift Card" }) }),
     /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Create a new gift card" }) }),
     !isLoading && /* @__PURE__ */ jsxRuntime.jsx(GiftCardCreateForm, { store })
   ] });
 };
-const StoreCreditIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      width: "15",
-      height: "15",
-      viewBox: "0 0 15 15",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "15", height: "15", fill: "#8B5CF6" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            width: "15",
-            height: "15",
-            fill: "url(#paint0_linear_29181_44790)",
-            fillOpacity: "0.2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M12 6V5.813C12 4.675 11.075 3.75 9.938 3.75H5.063C3.925 3.75 3 4.675 3 5.813V6H12Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M3 7.125V9.188C3 10.325 3.925 11.25 5.063 11.25H9.938C11.075 11.25 12 10.325 12 9.188V7.125H3ZM9.938 9.75H8.438C8.127 9.75 7.875 9.498 7.875 9.188C7.875 8.877 8.127 8.625 8.438 8.625H9.938C10.248 8.625 10.5 8.877 10.5 9.188C10.5 9.498 10.248 9.75 9.938 9.75Z",
-            fill: "white"
+const StoreCreditAccountBalanceSection = ({
+  storeCreditAccount
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "grid grid-cols-2 gap-x-2 px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-x-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-ui-tag-green-icon h-8 w-1 rounded-full" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", size: "small", className: "text-ui-fg-subtle", children: "Current Balance" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Text,
+        {
+          weight: "plus",
+          size: "xlarge",
+          className: "tabular-nums text-ui-fg-base",
+          children: formatAmount(
+            storeCreditAccount.balance,
+            storeCreditAccount.currency_code
+          )
+        }
+      )
+    ] })
+  ] }) });
+};
+var toggleSelection;
+var hasRequiredToggleSelection;
+function requireToggleSelection() {
+  if (hasRequiredToggleSelection) return toggleSelection;
+  hasRequiredToggleSelection = 1;
+  toggleSelection = function() {
+    var selection = document.getSelection();
+    if (!selection.rangeCount) {
+      return function() {
+      };
+    }
+    var active = document.activeElement;
+    var ranges = [];
+    for (var i2 = 0; i2 < selection.rangeCount; i2++) {
+      ranges.push(selection.getRangeAt(i2));
+    }
+    switch (active.tagName.toUpperCase()) {
+      // .toUpperCase handles XHTML
+      case "INPUT":
+      case "TEXTAREA":
+        active.blur();
+        break;
+      default:
+        active = null;
+        break;
+    }
+    selection.removeAllRanges();
+    return function() {
+      selection.type === "Caret" && selection.removeAllRanges();
+      if (!selection.rangeCount) {
+        ranges.forEach(function(range) {
+          selection.addRange(range);
+        });
+      }
+      active && active.focus();
+    };
+  };
+  return toggleSelection;
+}
+var copyToClipboard;
+var hasRequiredCopyToClipboard;
+function requireCopyToClipboard() {
+  if (hasRequiredCopyToClipboard) return copyToClipboard;
+  hasRequiredCopyToClipboard = 1;
+  var deselectCurrent = requireToggleSelection();
+  var clipboardToIE11Formatting = {
+    "text/plain": "Text",
+    "text/html": "Url",
+    "default": "Text"
+  };
+  var defaultMessage = "Copy to clipboard: #{key}, Enter";
+  function format2(message2) {
+    var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
+    return message2.replace(/#{\s*key\s*}/g, copyKey);
+  }
+  function copy2(text2, options) {
+    var debug2, message2, reselectPrevious, range, selection, mark, success = false;
+    if (!options) {
+      options = {};
+    }
+    debug2 = options.debug || false;
+    try {
+      reselectPrevious = deselectCurrent();
+      range = document.createRange();
+      selection = document.getSelection();
+      mark = document.createElement("span");
+      mark.textContent = text2;
+      mark.ariaHidden = "true";
+      mark.style.all = "unset";
+      mark.style.position = "fixed";
+      mark.style.top = 0;
+      mark.style.clip = "rect(0, 0, 0, 0)";
+      mark.style.whiteSpace = "pre";
+      mark.style.webkitUserSelect = "text";
+      mark.style.MozUserSelect = "text";
+      mark.style.msUserSelect = "text";
+      mark.style.userSelect = "text";
+      mark.addEventListener("copy", function(e) {
+        e.stopPropagation();
+        if (options.format) {
+          e.preventDefault();
+          if (typeof e.clipboardData === "undefined") {
+            debug2 && console.warn("unable to use e.clipboardData");
+            debug2 && console.warn("trying IE specific stuff");
+            window.clipboardData.clearData();
+            var format3 = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting["default"];
+            window.clipboardData.setData(format3, text2);
+          } else {
+            e.clipboardData.clearData();
+            e.clipboardData.setData(options.format, text2);
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "linearGradient",
+        }
+        if (options.onCopy) {
+          e.preventDefault();
+          options.onCopy(e.clipboardData);
+        }
+      });
+      document.body.appendChild(mark);
+      range.selectNodeContents(mark);
+      selection.addRange(range);
+      var successful = document.execCommand("copy");
+      if (!successful) {
+        throw new Error("copy command was unsuccessful");
+      }
+      success = true;
+    } catch (err) {
+      debug2 && console.error("unable to copy using execCommand: ", err);
+      debug2 && console.warn("trying IE specific stuff");
+      try {
+        window.clipboardData.setData(options.format || "text", text2);
+        options.onCopy && options.onCopy(window.clipboardData);
+        success = true;
+      } catch (err2) {
+        debug2 && console.error("unable to copy using clipboardData: ", err2);
+        debug2 && console.error("falling back to prompt");
+        message2 = format2("message" in options ? options.message : defaultMessage);
+        window.prompt(message2, text2);
+      }
+    } finally {
+      if (selection) {
+        if (typeof selection.removeRange == "function") {
+          selection.removeRange(range);
+        } else {
+          selection.removeAllRanges();
+        }
+      }
+      if (mark) {
+        document.body.removeChild(mark);
+      }
+      reselectPrevious();
+    }
+    return success;
+  }
+  copyToClipboard = copy2;
+  return copyToClipboard;
+}
+var copyToClipboardExports = requireCopyToClipboard();
+const copy$1 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
+function DisplayId({ id, className }) {
+  const [open, setOpen] = React.useState(false);
+  const onClick = () => {
+    copy$1(id);
+    ui.toast.success("Copied to clipboard");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { maxWidth: 260, content: id, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { onClick, className: ui.clx("cursor-pointer", className), children: [
+    "#",
+    id.slice(-7)
+  ] }) });
+}
+const StoreCreditAccountDetailsSection = ({
+  storeCreditAccount
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex justify-between gap-x-2 px-6 py-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Text,
+      {
+        weight: "plus",
+        size: "xlarge",
+        className: "text-ui-fg-base flex gap-x-4",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CreditCardIcon, { className: "inline" }),
+            " "
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-fg-subtle", children: [
+              storeCreditAccount.currency_code.toUpperCase(),
+              " Account"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Text,
+              {
+                weight: "regular",
+                size: "small",
+                className: "text-ui-fg-base flex gap-x-4",
+                children: /* @__PURE__ */ jsxRuntime.jsx(DisplayId, { id: storeCreditAccount.id })
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ActionMenu,
+      {
+        groups: [
           {
-            id: "paint0_linear_29181_44790",
-            x1: "7.5",
-            y1: "0",
-            x2: "7.5",
-            y2: "15",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "white" }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+            actions: [
+              {
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CreditCard, {}),
+                label: "Credit the account",
+                to: "credit"
+              }
             ]
           }
-        ) })
-      ]
-    }
-  );
+        ]
+      }
+    ) })
+  ] });
 };
-const columnHelper$9 = ui.createDataTableColumnHelper();
-const useStoreCreditAccountTableColumns = () => {
+function StoreCreditAccountCustomerSection({
+  customerId
+}) {
+  const { customer, isPending } = useCustomer(customerId, void 0, {
+    enabled: !!customerId
+  });
+  if (isPending || !customer) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Header$5, { title: "Customer" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SidebarLink,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.User, {}),
+        labelKey: customer.email || "N/A",
+        descriptionKey: !customer.first_name && !customer.last_name ? "N/A" : `${customer.first_name} ${customer.last_name}`,
+        to: `/customers/${customer.id}`
+      },
+      customer.id
+    )
+  ] });
+}
+const columnHelper$8 = ui.createDataTableColumnHelper();
+const useTransactionsTableColumns = () => {
   return React.useMemo(() => {
     return [
-      columnHelper$9.accessor("currency_code", {
-        header: "Currency",
+      columnHelper$8.accessor("id", {
+        header: "ID",
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", children: row.original.currency_code.toUpperCase() });
+          return /* @__PURE__ */ jsxRuntime.jsx(DisplayId, { id: row.original.id });
         }
       }),
-      columnHelper$9.accessor("customer.email", {
-        header: "Customer",
-        cell: ({ row }) => {
-          return row.original.customer?.email ?? "N/A";
-        }
+      columnHelper$8.accessor("created_at", {
+        header: "Created At",
+        cell: ({ row }) => formatDate(row.original.created_at, false)
       }),
-      columnHelper$9.accessor("balance", {
-        header: "Balance",
-        cell: ({ row }) => {
-          return formatAmount(
-            row.original.balance,
-            row.original.currency_code
-          );
-        }
+      columnHelper$8.accessor("note", {
+        header: "Description",
+        cell: ({ row }) => row.original.note
       }),
-      columnHelper$9.accessor("credits", {
-        header: "Credits",
+      columnHelper$8.accessor("note", {
+        header: "Note",
         cell: ({ row }) => {
-          return formatAmount(
-            row.original.credits,
-            row.original.currency_code
-          );
+          return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { title: row.original.note, className: "max-w-[300px] truncate", children: row.original.note || "-" });
         }
       }),
-      columnHelper$9.accessor("debits", {
-        header: "Debits",
+      columnHelper$8.accessor("amount", {
+        header: "Amount",
         cell: ({ row }) => {
-          return formatAmount(
-            row.original.debits,
-            row.original.currency_code
+          const isDebit = row.original.type === "debit";
+          return row.original.account.currency_code && formatAmount(
+            row.original.amount * (isDebit ? -1 : 1),
+            row.original.account.currency_code
           );
         }
-      }),
-      columnHelper$9.accessor("created_at", {
-        header: "Created at",
-        cell: ({ row }) => getRelativeDate(row.original.created_at)
       })
     ];
   }, []);
 };
-const useStoreCreditAccountFilters = () => {
+const useTransactionsTableFilters = ({}) => {
   const dateFilterOptions = useDataTableDateFilters$1();
-  const customerFilterOptions = useCustomerFilters();
   return React.useMemo(() => {
-    return [...dateFilterOptions, ...customerFilterOptions];
-  }, [dateFilterOptions, customerFilterOptions]);
+    return [...dateFilterOptions];
+  }, [dateFilterOptions]);
 };
-const useStoreCreditAccountsTableQuery = ({
+const useTransactionsTableQuery = ({
   prefix,
   pageSize = 20
 }) => {
   const queryObject = useQueryParams(
-    ["offset", "customer_id", "currency_code", "created_at", "updated_at"],
+    ["offset", "limit", "currency_code", "created_at", "updated_at"],
     prefix
   );
-  const {
-    offset: offset2,
-    created_at,
-    updated_at,
-    customer_id,
-    currency_code,
-    ...rest
-  } = queryObject;
+  const { offset: offset2, limit, created_at, updated_at, ...rest } = queryObject;
   const searchParams = {
-    limit: pageSize,
+    limit: limit ? Number(limit) : pageSize,
     offset: offset2 ? Number(offset2) : 0,
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
-    customer_id: customer_id ? JSON.parse(customer_id) : void 0,
-    currency_code: currency_code ? JSON.parse(currency_code) : void 0,
     ...rest
   };
   return searchParams;
 };
-const PAGE_SIZE$5 = 10;
-function StoreCreditAccountsTable() {
-  const queryParams = useStoreCreditAccountsTableQuery({
-    pageSize: PAGE_SIZE$5
-  });
-  const {
-    store_credit_accounts: storeCreditAccounts,
-    isPending,
-    count: count2
-  } = useStoreCreditAccounts({
-    ...queryParams,
-    order: queryParams.order ?? "-created_at"
+const PAGE_SIZE$4 = 10;
+function TransactionsTable({ id }) {
+  const queryParams = useTransactionsTableQuery({
+    pageSize: PAGE_SIZE$4
   });
-  const columns = useStoreCreditAccountTableColumns();
-  const filters = useStoreCreditAccountFilters();
+  const { transactions, isLoading, count: count2 } = useStoreCreditAccountTransactions(
+    id,
+    {
+      ...queryParams,
+      order: queryParams.order ?? "-created_at",
+      fields: "*account"
+    }
+  );
+  const columns = useTransactionsTableColumns();
+  const filters = useTransactionsTableFilters({});
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
       DataTable,
       {
-        data: storeCreditAccounts ?? [],
+        data: transactions ?? [],
         getRowId: (row) => row.id,
         columns,
         filters,
-        isLoading: isPending,
-        pageSize: PAGE_SIZE$5,
+        isLoading,
+        pageSize: PAGE_SIZE$4,
         rowCount: count2,
         enableSearch: false,
-        heading: "Store Credit Accounts",
-        rowHref: (row) => `${row.id}`,
+        heading: "Transactions",
         emptyState: {
           empty: {
-            heading: "No store credit accounts found",
-            description: "Create a new store credit account to get started."
+            heading: "No transactions found"
           },
           filtered: {
             heading: "No results found",
-            description: "No store credit accounts match your filter criteria."
-          }
-        },
-        actions: [
-          {
-            label: "Create",
-            to: "/store-credit-accounts/create"
+            description: "No transactions match your filter criteria."
           }
-        ]
+        }
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
   ] });
 }
-const StoreCreditAccountsPage = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components.LayoutComposer,
-      {
-        widgetsZonePrefix: "store_credit_account.list",
-        preferredLayoutId: "core:single-column",
-        sections: {
-          main: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountsTable", children: /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountsTable, {}) })
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
-  ] });
-};
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Store Credits",
-  icon: StoreCreditIcon
-});
-var isObject_1;
-var hasRequiredIsObject;
-function requireIsObject() {
-  if (hasRequiredIsObject) return isObject_1;
-  hasRequiredIsObject = 1;
-  function isObject2(value) {
-    var type = typeof value;
-    return value != null && (type == "object" || type == "function");
+function StoreCreditAccountCodeSection({ code }) {
+  if (!code) {
+    return null;
   }
-  isObject_1 = isObject2;
-  return isObject_1;
-}
-var _freeGlobal;
-var hasRequired_freeGlobal;
-function require_freeGlobal() {
-  if (hasRequired_freeGlobal) return _freeGlobal;
-  hasRequired_freeGlobal = 1;
-  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-  _freeGlobal = freeGlobal;
-  return _freeGlobal;
-}
-var _root;
-var hasRequired_root;
-function require_root() {
-  if (hasRequired_root) return _root;
-  hasRequired_root = 1;
-  var freeGlobal = require_freeGlobal();
-  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-  var root = freeGlobal || freeSelf || Function("return this")();
-  _root = root;
-  return _root;
-}
-var now_1;
-var hasRequiredNow;
-function requireNow() {
-  if (hasRequiredNow) return now_1;
-  hasRequiredNow = 1;
-  var root = require_root();
-  var now = function() {
-    return root.Date.now();
-  };
-  now_1 = now;
-  return now_1;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Header$5, { title: "Account Code" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-4 px-6 mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.Share, { className: "inline" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle text-sm", children: code })
+    ] })
+  ] });
 }
-var _trimmedEndIndex;
-var hasRequired_trimmedEndIndex;
-function require_trimmedEndIndex() {
-  if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
-  hasRequired_trimmedEndIndex = 1;
-  var reWhitespace = /\s/;
-  function trimmedEndIndex(string2) {
-    var index = string2.length;
-    while (index-- && reWhitespace.test(string2.charAt(index))) {
-    }
-    return index;
+const StoreCreditAccountPage = () => {
+  const { id } = reactRouterDom.useParams();
+  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
+    id
+  );
+  if (!storeCreditAccount) {
+    return;
   }
-  _trimmedEndIndex = trimmedEndIndex;
-  return _trimmedEndIndex;
-}
-var _baseTrim;
-var hasRequired_baseTrim;
-function require_baseTrim() {
-  if (hasRequired_baseTrim) return _baseTrim;
-  hasRequired_baseTrim = 1;
-  var trimmedEndIndex = require_trimmedEndIndex();
-  var reTrimStart = /^\s+/;
-  function baseTrim(string2) {
-    return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
-  }
-  _baseTrim = baseTrim;
-  return _baseTrim;
-}
-var _Symbol;
-var hasRequired_Symbol;
-function require_Symbol() {
-  if (hasRequired_Symbol) return _Symbol;
-  hasRequired_Symbol = 1;
-  var root = require_root();
-  var Symbol2 = root.Symbol;
-  _Symbol = Symbol2;
-  return _Symbol;
-}
-var _getRawTag;
-var hasRequired_getRawTag;
-function require_getRawTag() {
-  if (hasRequired_getRawTag) return _getRawTag;
-  hasRequired_getRawTag = 1;
-  var Symbol2 = require_Symbol();
-  var objectProto = Object.prototype;
-  var hasOwnProperty2 = objectProto.hasOwnProperty;
-  var nativeObjectToString = objectProto.toString;
-  var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
-  function getRawTag(value) {
-    var isOwn = hasOwnProperty2.call(value, symToStringTag), tag = value[symToStringTag];
-    try {
-      value[symToStringTag] = void 0;
-      var unmasked = true;
-    } catch (e) {
-    }
-    var result = nativeObjectToString.call(value);
-    if (unmasked) {
-      if (isOwn) {
-        value[symToStringTag] = tag;
-      } else {
-        delete value[symToStringTag];
-      }
-    }
-    return result;
-  }
-  _getRawTag = getRawTag;
-  return _getRawTag;
-}
-var _objectToString;
-var hasRequired_objectToString;
-function require_objectToString() {
-  if (hasRequired_objectToString) return _objectToString;
-  hasRequired_objectToString = 1;
-  var objectProto = Object.prototype;
-  var nativeObjectToString = objectProto.toString;
-  function objectToString(value) {
-    return nativeObjectToString.call(value);
-  }
-  _objectToString = objectToString;
-  return _objectToString;
-}
-var _baseGetTag;
-var hasRequired_baseGetTag;
-function require_baseGetTag() {
-  if (hasRequired_baseGetTag) return _baseGetTag;
-  hasRequired_baseGetTag = 1;
-  var Symbol2 = require_Symbol(), getRawTag = require_getRawTag(), objectToString = require_objectToString();
-  var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-  var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
-  function baseGetTag(value) {
-    if (value == null) {
-      return value === void 0 ? undefinedTag : nullTag;
-    }
-    return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-  }
-  _baseGetTag = baseGetTag;
-  return _baseGetTag;
-}
-var isObjectLike_1;
-var hasRequiredIsObjectLike;
-function requireIsObjectLike() {
-  if (hasRequiredIsObjectLike) return isObjectLike_1;
-  hasRequiredIsObjectLike = 1;
-  function isObjectLike(value) {
-    return value != null && typeof value == "object";
-  }
-  isObjectLike_1 = isObjectLike;
-  return isObjectLike_1;
-}
-var isSymbol_1;
-var hasRequiredIsSymbol;
-function requireIsSymbol() {
-  if (hasRequiredIsSymbol) return isSymbol_1;
-  hasRequiredIsSymbol = 1;
-  var baseGetTag = require_baseGetTag(), isObjectLike = requireIsObjectLike();
-  var symbolTag = "[object Symbol]";
-  function isSymbol(value) {
-    return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
-  }
-  isSymbol_1 = isSymbol;
-  return isSymbol_1;
-}
-var toNumber_1;
-var hasRequiredToNumber;
-function requireToNumber() {
-  if (hasRequiredToNumber) return toNumber_1;
-  hasRequiredToNumber = 1;
-  var baseTrim = require_baseTrim(), isObject2 = requireIsObject(), isSymbol = requireIsSymbol();
-  var NAN = 0 / 0;
-  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-  var reIsBinary = /^0b[01]+$/i;
-  var reIsOctal = /^0o[0-7]+$/i;
-  var freeParseInt = parseInt;
-  function toNumber(value) {
-    if (typeof value == "number") {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return NAN;
-    }
-    if (isObject2(value)) {
-      var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-      value = isObject2(other) ? other + "" : other;
-    }
-    if (typeof value != "string") {
-      return value === 0 ? value : +value;
-    }
-    value = baseTrim(value);
-    var isBinary = reIsBinary.test(value);
-    return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-  }
-  toNumber_1 = toNumber;
-  return toNumber_1;
-}
-var debounce_1;
-var hasRequiredDebounce;
-function requireDebounce() {
-  if (hasRequiredDebounce) return debounce_1;
-  hasRequiredDebounce = 1;
-  var isObject2 = requireIsObject(), now = requireNow(), toNumber = requireToNumber();
-  var FUNC_ERROR_TEXT = "Expected a function";
-  var nativeMax = Math.max, nativeMin = Math.min;
-  function debounce2(func, wait, options) {
-    var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-    if (typeof func != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    wait = toNumber(wait) || 0;
-    if (isObject2(options)) {
-      leading = !!options.leading;
-      maxing = "maxWait" in options;
-      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-      trailing = "trailing" in options ? !!options.trailing : trailing;
-    }
-    function invokeFunc(time2) {
-      var args = lastArgs, thisArg = lastThis;
-      lastArgs = lastThis = void 0;
-      lastInvokeTime = time2;
-      result = func.apply(thisArg, args);
-      return result;
-    }
-    function leadingEdge(time2) {
-      lastInvokeTime = time2;
-      timerId = setTimeout(timerExpired, wait);
-      return leading ? invokeFunc(time2) : result;
-    }
-    function remainingWait(time2) {
-      var timeSinceLastCall = time2 - lastCallTime, timeSinceLastInvoke = time2 - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-      return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-    }
-    function shouldInvoke(time2) {
-      var timeSinceLastCall = time2 - lastCallTime, timeSinceLastInvoke = time2 - lastInvokeTime;
-      return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-    }
-    function timerExpired() {
-      var time2 = now();
-      if (shouldInvoke(time2)) {
-        return trailingEdge(time2);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.LayoutComposer,
+    {
+      widgetsZonePrefix: "store_credit_account.details",
+      preferredLayoutId: "core:two-column",
+      data: storeCreditAccount,
+      sections: {
+        main: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountDetailsSection", children: /* @__PURE__ */ jsxRuntime.jsx(
+            StoreCreditAccountDetailsSection,
+            {
+              storeCreditAccount
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "TransactionsTable", children: /* @__PURE__ */ jsxRuntime.jsx(TransactionsTable, { id: storeCreditAccount.id }) })
+        ] }),
+        side: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountBalanceSection", children: /* @__PURE__ */ jsxRuntime.jsx(
+            StoreCreditAccountBalanceSection,
+            {
+              storeCreditAccount
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountCodeSection", children: /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCodeSection, { code: storeCreditAccount.code }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountCustomerSection", children: /* @__PURE__ */ jsxRuntime.jsx(
+            StoreCreditAccountCustomerSection,
+            {
+              customerId: storeCreditAccount.customer_id
+            }
+          ) })
+        ] })
       }
-      timerId = setTimeout(timerExpired, remainingWait(time2));
     }
-    function trailingEdge(time2) {
-      timerId = void 0;
-      if (trailing && lastArgs) {
-        return invokeFunc(time2);
+  );
+};
+const KeyboundForm = React__namespace.default.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit?.(event);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      if (event.target instanceof HTMLTextAreaElement && !(event.metaKey || event.ctrlKey)) {
+        return;
       }
-      lastArgs = lastThis = void 0;
-      return result;
-    }
-    function cancel() {
-      if (timerId !== void 0) {
-        clearTimeout(timerId);
+      event.preventDefault();
+      if (event.metaKey || event.ctrlKey) {
+        handleSubmit(event);
       }
-      lastInvokeTime = 0;
-      lastArgs = lastCallTime = lastThis = timerId = void 0;
     }
-    function flush() {
-      return timerId === void 0 ? result : trailingEdge(now());
-    }
-    function debounced() {
-      var time2 = now(), isInvoking = shouldInvoke(time2);
-      lastArgs = arguments;
-      lastThis = this;
-      lastCallTime = time2;
-      if (isInvoking) {
-        if (timerId === void 0) {
-          return leadingEdge(lastCallTime);
-        }
-        if (maxing) {
-          clearTimeout(timerId);
-          timerId = setTimeout(timerExpired, wait);
-          return invokeFunc(lastCallTime);
-        }
-      }
-      if (timerId === void 0) {
-        timerId = setTimeout(timerExpired, wait);
-      }
-      return result;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "form",
+    {
+      ...rest,
+      onSubmit: handleSubmit,
+      onKeyDown: onKeyDown ?? handleKeyDown,
+      ref
     }
-    debounced.cancel = cancel;
-    debounced.flush = flush;
-    return debounced;
-  }
-  debounce_1 = debounce2;
-  return debounce_1;
-}
-var debounceExports = requireDebounce();
-const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
-const useDebouncedSearch = () => {
-  const [searchValue, onSearchValueChange] = React.useState("");
-  const [debouncedQuery, setDebouncedQuery] = React.useState("");
-  const debouncedUpdate = React.useCallback(
-    debounce$1((query) => setDebouncedQuery(query), 300),
-    []
   );
-  React.useEffect(() => {
-    debouncedUpdate(searchValue);
-    return () => debouncedUpdate.cancel();
-  }, [searchValue, debouncedUpdate]);
-  return {
-    searchValue,
-    onSearchValueChange,
-    query: debouncedQuery || void 0
-  };
-};
-const useComboboxData = ({
-  queryKey,
-  queryFn,
-  getOptions,
-  defaultValue: defaultValue2,
-  defaultValueKey,
-  pageSize = 10
-}) => {
-  const { searchValue, onSearchValueChange, query } = useDebouncedSearch();
-  const queryInitialDataBy = defaultValueKey || "id";
-  const { data: initialData } = reactQuery.useQuery({
-    queryKey,
-    queryFn: async () => {
-      return queryFn({
-        [queryInitialDataBy]: defaultValue2,
-        limit: Array.isArray(defaultValue2) ? defaultValue2.length : 1
-      });
-    },
-    enabled: !!defaultValue2
-  });
-  const { data, ...rest } = reactQuery.useInfiniteQuery({
-    queryKey: [...queryKey, query],
-    queryFn: async ({ pageParam = 0 }) => {
-      return await queryFn({
-        q: query,
-        limit: pageSize,
-        offset: pageParam
-      });
-    },
-    initialPageParam: 0,
-    getNextPageParam: (lastPage) => {
-      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
-      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
-    },
-    placeholderData: reactQuery.keepPreviousData
-  });
-  const options = data?.pages.flatMap((page) => getOptions(page)) ?? [];
-  const defaultOptions2 = initialData ? getOptions(initialData) : [];
-  const disabled = !rest.isPending && !options.length && !searchValue;
-  if (defaultValue2 && defaultOptions2.length && !searchValue) {
-    defaultOptions2.forEach((option) => {
-      if (!options.find((o2) => o2.value === option.value)) {
-        options.unshift(option);
-      }
-    });
+});
+KeyboundForm.displayName = "KeyboundForm";
+const Note$1 = () => {
+  const { id } = reactRouterDom.useParams();
+  const {
+    store_credit_account: storeCreditAccount,
+    isPending,
+    isError,
+    error
+  } = useStoreCreditAccount(id, {});
+  if (isError) {
+    throw error;
   }
-  return {
-    options,
-    searchValue,
-    onSearchValueChange,
-    disabled,
-    ...rest
-  };
+  const isReady = !isPending && !!storeCreditAccount;
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Credit store credit account" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Credit the store credit account" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCreditForm, { storeCreditAccount })
+  ] });
 };
-const formSchema = zod.z.object({
-  currency_code: zod.z.string().min(1, "Please select a currency"),
-  customer_id: zod.z.string().optional()
-});
-const StoreCreditAccountCreateForm = () => {
-  const { handleSuccess } = useRouteModal();
+const StoreCreditAccountCreditForm = ({
+  storeCreditAccount
+}) => {
   const form = useForm({
     defaultValues: {
-      currency_code: "",
-      customer_id: ""
+      amount: {
+        float: 0,
+        value: ""
+      },
+      note: ""
     },
-    resolver: u(formSchema)
+    resolver: u(schema$2)
   });
-  const { mutateAsync: createStoreCreditAccount, isPending } = useCreateStoreCreditAccount();
-  const handleSubmit = form.handleSubmit(async (data) => {
-    if (!data.customer_id) {
-      delete data.customer_id;
+  const { mutateAsync, isPending } = useCreditStoreCreditAccount(
+    storeCreditAccount.id
+  );
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    if (data.amount.float <= 0) {
+      form.setError("amount", { message: "Amount must be greater than 0" });
+      return;
     }
-    await createStoreCreditAccount(data, {
-      onSuccess: (data2) => {
-        ui.toast.success(`Store credit account was successfully created.`);
-        handleSuccess(`../${data2.store_credit_account.id}`);
-      },
-      onError: (error) => {
-        ui.toast.error(error.message);
+    await mutateAsync(
+      { amount: data.amount.float, note: data.note },
+      {
+        onSuccess: () => handleSuccess(),
+        onError: (error) => ui.toast.error(error.message)
       }
-    });
-  });
-  const [currencySearchValue, setCurrencySearchValue] = React.useState("");
-  const currencyOptions = React.useMemo(() => {
-    const options = Object.values(currencies).map((currency) => ({
-      label: `${currency.code} - ${currency.name} (${currency.symbol_native})`,
-      value: currency.code.toLowerCase()
-    }));
-    if (!currencySearchValue) {
-      return options;
-    }
-    return options.filter(
-      (option) => option.label.toLowerCase().includes(currencySearchValue.toLowerCase())
     );
-  }, [currencySearchValue]);
-  const {
-    options: customerOptions,
-    fetchNextPage,
-    isFetchingNextPage,
-    searchValue,
-    onSearchValueChange,
-    isLoading
-  } = useComboboxData({
-    queryKey: customersQueryKeys.list(),
-    queryFn: async (params) => {
-      return sdk.admin.customer.list(params);
-    },
-    getOptions: (data) => {
-      return data.customers?.map((customer) => {
-        const fullName = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
-        const label = fullName ? `${customer.email} (${fullName})` : customer.email;
-        return {
-          label,
-          value: customer.id
-        };
-      }) || [];
-    }
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Form, { form, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-my-2 w-full border-l" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Create Store Credit Account" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Create a new store credit account for a customer" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-x-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Form$2.Field,
-          {
-            control: form.control,
-            name: "currency_code",
-            render: ({ field }) => {
-              return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { className: "font-normal", children: "Currency" }),
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Form$2.Field,
+            {
+              control: form.control,
+              name: "amount",
+              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Amount" }),
                 /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Combobox,
+                  ui.CurrencyInput,
                   {
-                    value: field.value,
-                    onChange: field.onChange,
-                    searchValue: currencySearchValue,
-                    onSearchValueChange: setCurrencySearchValue,
-                    options: currencyOptions,
-                    placeholder: "Search for a currency..."
+                    min: 0,
+                    placeholder: "0",
+                    value: field.value.value,
+                    onValueChange: (_value, _name, values) => {
+                      field.onChange({
+                        value: values?.value,
+                        float: values?.float || null
+                      });
+                    },
+                    symbol: currencies[storeCreditAccount.currency_code.toUpperCase()].symbol_native,
+                    code: storeCreditAccount.currency_code.toUpperCase()
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-              ] });
+              ] })
             }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Form$2.Field,
-          {
-            control: form.control,
-            name: "customer_id",
-            render: ({ field }) => {
-              return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { className: "font-normal", children: "Customer" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Combobox,
-                  {
-                    value: field.value,
-                    onChange: field.onChange,
-                    searchValue,
-                    onSearchValueChange,
-                    options: customerOptions,
-                    placeholder: "Search for a customer...",
-                    fetchNextPage,
-                    isFetchingNextPage,
-                    noResultsPlaceholder: isLoading ? "Loading customers..." : "No customers found"
-                  }
-                ) }),
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Form$2.Field,
+            {
+              control: form.control,
+              name: "note",
+              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Note" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-              ] });
+              ] })
             }
-          }
-        )
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Close, { asChild: true, disabled: isPending, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", disabled: isPending, children: "Cancel" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "primary",
-          size: "small",
-          onClick: handleSubmit,
-          disabled: isPending,
-          children: "Create"
-        }
-      )
-    ] })
-  ] });
-};
-const StoreCreditAccountCreate = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Create Store Credit Account" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Create a new store credit account" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCreateForm, {})
-  ] });
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
 };
+const schema$2 = zod.z.object({
+  note: zod.z.string(),
+  amount: zod.z.object({
+    float: zod.z.number(),
+    value: zod.z.string()
+  })
+});
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n2) {
     for (var e = 1; e < arguments.length; e++) {
@@ -26508,258 +27056,6 @@ const GiftCardOrderSection = ({ giftCard }) => {
     ))
   ] });
 };
-var toggleSelection;
-var hasRequiredToggleSelection;
-function requireToggleSelection() {
-  if (hasRequiredToggleSelection) return toggleSelection;
-  hasRequiredToggleSelection = 1;
-  toggleSelection = function() {
-    var selection = document.getSelection();
-    if (!selection.rangeCount) {
-      return function() {
-      };
-    }
-    var active = document.activeElement;
-    var ranges = [];
-    for (var i2 = 0; i2 < selection.rangeCount; i2++) {
-      ranges.push(selection.getRangeAt(i2));
-    }
-    switch (active.tagName.toUpperCase()) {
-      // .toUpperCase handles XHTML
-      case "INPUT":
-      case "TEXTAREA":
-        active.blur();
-        break;
-      default:
-        active = null;
-        break;
-    }
-    selection.removeAllRanges();
-    return function() {
-      selection.type === "Caret" && selection.removeAllRanges();
-      if (!selection.rangeCount) {
-        ranges.forEach(function(range) {
-          selection.addRange(range);
-        });
-      }
-      active && active.focus();
-    };
-  };
-  return toggleSelection;
-}
-var copyToClipboard;
-var hasRequiredCopyToClipboard;
-function requireCopyToClipboard() {
-  if (hasRequiredCopyToClipboard) return copyToClipboard;
-  hasRequiredCopyToClipboard = 1;
-  var deselectCurrent = requireToggleSelection();
-  var clipboardToIE11Formatting = {
-    "text/plain": "Text",
-    "text/html": "Url",
-    "default": "Text"
-  };
-  var defaultMessage = "Copy to clipboard: #{key}, Enter";
-  function format2(message2) {
-    var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
-    return message2.replace(/#{\s*key\s*}/g, copyKey);
-  }
-  function copy2(text2, options) {
-    var debug2, message2, reselectPrevious, range, selection, mark, success = false;
-    if (!options) {
-      options = {};
-    }
-    debug2 = options.debug || false;
-    try {
-      reselectPrevious = deselectCurrent();
-      range = document.createRange();
-      selection = document.getSelection();
-      mark = document.createElement("span");
-      mark.textContent = text2;
-      mark.ariaHidden = "true";
-      mark.style.all = "unset";
-      mark.style.position = "fixed";
-      mark.style.top = 0;
-      mark.style.clip = "rect(0, 0, 0, 0)";
-      mark.style.whiteSpace = "pre";
-      mark.style.webkitUserSelect = "text";
-      mark.style.MozUserSelect = "text";
-      mark.style.msUserSelect = "text";
-      mark.style.userSelect = "text";
-      mark.addEventListener("copy", function(e) {
-        e.stopPropagation();
-        if (options.format) {
-          e.preventDefault();
-          if (typeof e.clipboardData === "undefined") {
-            debug2 && console.warn("unable to use e.clipboardData");
-            debug2 && console.warn("trying IE specific stuff");
-            window.clipboardData.clearData();
-            var format3 = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting["default"];
-            window.clipboardData.setData(format3, text2);
-          } else {
-            e.clipboardData.clearData();
-            e.clipboardData.setData(options.format, text2);
-          }
-        }
-        if (options.onCopy) {
-          e.preventDefault();
-          options.onCopy(e.clipboardData);
-        }
-      });
-      document.body.appendChild(mark);
-      range.selectNodeContents(mark);
-      selection.addRange(range);
-      var successful = document.execCommand("copy");
-      if (!successful) {
-        throw new Error("copy command was unsuccessful");
-      }
-      success = true;
-    } catch (err) {
-      debug2 && console.error("unable to copy using execCommand: ", err);
-      debug2 && console.warn("trying IE specific stuff");
-      try {
-        window.clipboardData.setData(options.format || "text", text2);
-        options.onCopy && options.onCopy(window.clipboardData);
-        success = true;
-      } catch (err2) {
-        debug2 && console.error("unable to copy using clipboardData: ", err2);
-        debug2 && console.error("falling back to prompt");
-        message2 = format2("message" in options ? options.message : defaultMessage);
-        window.prompt(message2, text2);
-      }
-    } finally {
-      if (selection) {
-        if (typeof selection.removeRange == "function") {
-          selection.removeRange(range);
-        } else {
-          selection.removeAllRanges();
-        }
-      }
-      if (mark) {
-        document.body.removeChild(mark);
-      }
-      reselectPrevious();
-    }
-    return success;
-  }
-  copyToClipboard = copy2;
-  return copyToClipboard;
-}
-var copyToClipboardExports = requireCopyToClipboard();
-const copy$1 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
-function DisplayId({ id, className }) {
-  const [open, setOpen] = React.useState(false);
-  const onClick = () => {
-    copy$1(id);
-    ui.toast.success("Copied to clipboard");
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { maxWidth: 260, content: id, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { onClick, className: ui.clx("cursor-pointer", className), children: [
-    "#",
-    id.slice(-7)
-  ] }) });
-}
-const columnHelper$8 = ui.createDataTableColumnHelper();
-const useTransactionsTableColumns = () => {
-  return React.useMemo(() => {
-    return [
-      columnHelper$8.accessor("id", {
-        header: "ID",
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(DisplayId, { id: row.original.id });
-        }
-      }),
-      columnHelper$8.accessor("created_at", {
-        header: "Created At",
-        cell: ({ row }) => formatDate(row.original.created_at, false)
-      }),
-      columnHelper$8.accessor("note", {
-        header: "Description",
-        cell: ({ row }) => row.original.note
-      }),
-      columnHelper$8.accessor("note", {
-        header: "Note",
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { title: row.original.note, className: "max-w-[300px] truncate", children: row.original.note || "-" });
-        }
-      }),
-      columnHelper$8.accessor("amount", {
-        header: "Amount",
-        cell: ({ row }) => {
-          const isDebit = row.original.type === "debit";
-          return row.original.account.currency_code && formatAmount(
-            row.original.amount * (isDebit ? -1 : 1),
-            row.original.account.currency_code
-          );
-        }
-      })
-    ];
-  }, []);
-};
-const useTransactionsTableFilters = ({}) => {
-  const dateFilterOptions = useDataTableDateFilters$1();
-  return React.useMemo(() => {
-    return [...dateFilterOptions];
-  }, [dateFilterOptions]);
-};
-const useTransactionsTableQuery = ({
-  prefix,
-  pageSize = 20
-}) => {
-  const queryObject = useQueryParams(
-    ["offset", "limit", "currency_code", "created_at", "updated_at"],
-    prefix
-  );
-  const { offset: offset2, limit, created_at, updated_at, ...rest } = queryObject;
-  const searchParams = {
-    limit: limit ? Number(limit) : pageSize,
-    offset: offset2 ? Number(offset2) : 0,
-    created_at: created_at ? JSON.parse(created_at) : void 0,
-    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
-    ...rest
-  };
-  return searchParams;
-};
-const PAGE_SIZE$4 = 10;
-function TransactionsTable({ id }) {
-  const queryParams = useTransactionsTableQuery({
-    pageSize: PAGE_SIZE$4
-  });
-  const { transactions, isLoading, count: count2 } = useStoreCreditAccountTransactions(
-    id,
-    {
-      ...queryParams,
-      order: queryParams.order ?? "-created_at",
-      fields: "*account"
-    }
-  );
-  const columns = useTransactionsTableColumns();
-  const filters = useTransactionsTableFilters({});
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable,
-      {
-        data: transactions ?? [],
-        getRowId: (row) => row.id,
-        columns,
-        filters,
-        isLoading,
-        pageSize: PAGE_SIZE$4,
-        rowCount: count2,
-        enableSearch: false,
-        heading: "Transactions",
-        emptyState: {
-          empty: {
-            heading: "No transactions found"
-          },
-          filtered: {
-            heading: "No results found",
-            description: "No transactions match your filter criteria."
-          }
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
-  ] });
-}
 const GiftCardTransactionsSection = ({
   storeCreditAccount
 }) => {
@@ -26809,33 +27105,6 @@ const GiftCardDetailsPage = () => {
     }
   );
 };
-const KeyboundForm = React__namespace.default.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
-  const handleSubmit = (event) => {
-    event.preventDefault();
-    onSubmit?.(event);
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      if (event.target instanceof HTMLTextAreaElement && !(event.metaKey || event.ctrlKey)) {
-        return;
-      }
-      event.preventDefault();
-      if (event.metaKey || event.ctrlKey) {
-        handleSubmit(event);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "form",
-    {
-      ...rest,
-      onSubmit: handleSubmit,
-      onKeyDown: onKeyDown ?? handleKeyDown,
-      ref
-    }
-  );
-});
-KeyboundForm.displayName = "KeyboundForm";
 const GiftCardExpiration = () => {
   const { id } = reactRouterDom.useParams();
   const { gift_card: giftCard, isPending, isError, error } = useGiftCard(id);
@@ -26856,7 +27125,7 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     defaultValues: {
       expires_at: giftCard.expires_at ? new Date(giftCard.expires_at) : null
     },
-    resolver: u(schema$2)
+    resolver: u(schema$1)
   });
   const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
   const { handleSuccess } = useRouteModal();
@@ -26951,10 +27220,10 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     }
   ) });
 };
-const schema$2 = zod.z.object({
+const schema$1 = zod.z.object({
   expires_at: zod.z.date().nullish()
 });
-const Note$1 = () => {
+const Note = () => {
   const { id } = reactRouterDom.useParams();
   const {
     gift_card: giftCard,
@@ -26979,7 +27248,7 @@ const GiftCardNoteForm = ({ giftCard }) => {
     defaultValues: {
       note: giftCard.note ?? ""
     },
-    resolver: u(schema$1)
+    resolver: u(schema)
   });
   const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
   const { handleSuccess } = useRouteModal();
@@ -27018,7 +27287,7 @@ const GiftCardNoteForm = ({ giftCard }) => {
     }
   ) });
 };
-const schema$1 = zod.z.object({
+const schema = zod.z.object({
   note: zod.z.string().optional()
 });
 const columnHelper$7 = createColumnHelper();
@@ -40678,7 +40947,7 @@ const GiftCardProductCreate = () => {
     isPending: isStorePending,
     isError: isStoreError,
     error: storeError
-  } = useStore$2({
+  } = useStore$1({
     fields: "+default_sales_channel"
   });
   const {
@@ -40730,275 +40999,6 @@ const GiftCardProductCreate = () => {
     )
   ] });
 };
-const StoreCreditAccountBalanceSection = ({
-  storeCreditAccount
-}) => {
-  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
-    return;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "grid grid-cols-2 gap-x-2 px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-x-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-ui-tag-green-icon h-8 w-1 rounded-full" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", size: "small", className: "text-ui-fg-subtle", children: "Current Balance" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Text,
-        {
-          weight: "plus",
-          size: "xlarge",
-          className: "tabular-nums text-ui-fg-base",
-          children: formatAmount(
-            storeCreditAccount.balance,
-            storeCreditAccount.currency_code
-          )
-        }
-      )
-    ] })
-  ] }) });
-};
-const StoreCreditAccountDetailsSection = ({
-  storeCreditAccount
-}) => {
-  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
-    return;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex justify-between gap-x-2 px-6 py-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      ui.Text,
-      {
-        weight: "plus",
-        size: "xlarge",
-        className: "text-ui-fg-base flex gap-x-4",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CreditCardIcon, { className: "inline" }),
-            " "
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-fg-subtle", children: [
-              storeCreditAccount.currency_code.toUpperCase(),
-              " Account"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Text,
-              {
-                weight: "regular",
-                size: "small",
-                className: "text-ui-fg-base flex gap-x-4",
-                children: /* @__PURE__ */ jsxRuntime.jsx(DisplayId, { id: storeCreditAccount.id })
-              }
-            ) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ActionMenu,
-      {
-        groups: [
-          {
-            actions: [
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CreditCard, {}),
-                label: "Credit the account",
-                to: "credit"
-              }
-            ]
-          }
-        ]
-      }
-    ) })
-  ] });
-};
-function StoreCreditAccountCustomerSection({
-  customerId
-}) {
-  const { customer, isPending } = useCustomer(customerId, void 0, {
-    enabled: !!customerId
-  });
-  if (isPending || !customer) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Header$5, { title: "Customer" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SidebarLink,
-      {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.User, {}),
-        labelKey: customer.email || "N/A",
-        descriptionKey: !customer.first_name && !customer.last_name ? "N/A" : `${customer.first_name} ${customer.last_name}`,
-        to: `/customers/${customer.id}`
-      },
-      customer.id
-    )
-  ] });
-}
-function StoreCreditAccountCodeSection({ code }) {
-  if (!code) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Header$5, { title: "Account Code" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-4 px-6 mb-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.Share, { className: "inline" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle text-sm", children: code })
-    ] })
-  ] });
-}
-const StoreCreditAccountPage = () => {
-  const { id } = reactRouterDom.useParams();
-  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
-    id
-  );
-  if (!storeCreditAccount) {
-    return;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components.LayoutComposer,
-    {
-      widgetsZonePrefix: "store_credit_account.details",
-      preferredLayoutId: "core:two-column",
-      data: storeCreditAccount,
-      sections: {
-        main: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountDetailsSection", children: /* @__PURE__ */ jsxRuntime.jsx(
-            StoreCreditAccountDetailsSection,
-            {
-              storeCreditAccount
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "TransactionsTable", children: /* @__PURE__ */ jsxRuntime.jsx(TransactionsTable, { id: storeCreditAccount.id }) })
-        ] }),
-        side: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountBalanceSection", children: /* @__PURE__ */ jsxRuntime.jsx(
-            StoreCreditAccountBalanceSection,
-            {
-              storeCreditAccount
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountCodeSection", children: /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCodeSection, { code: storeCreditAccount.code }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountCustomerSection", children: /* @__PURE__ */ jsxRuntime.jsx(
-            StoreCreditAccountCustomerSection,
-            {
-              customerId: storeCreditAccount.customer_id
-            }
-          ) })
-        ] })
-      }
-    }
-  );
-};
-const Note = () => {
-  const { id } = reactRouterDom.useParams();
-  const {
-    store_credit_account: storeCreditAccount,
-    isPending,
-    isError,
-    error
-  } = useStoreCreditAccount(id, {});
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!storeCreditAccount;
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Credit store credit account" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Credit the store credit account" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCreditForm, { storeCreditAccount })
-  ] });
-};
-const StoreCreditAccountCreditForm = ({
-  storeCreditAccount
-}) => {
-  const form = useForm({
-    defaultValues: {
-      amount: {
-        float: 0,
-        value: ""
-      },
-      note: ""
-    },
-    resolver: u(schema)
-  });
-  const { mutateAsync, isPending } = useCreditStoreCreditAccount(
-    storeCreditAccount.id
-  );
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    if (data.amount.float <= 0) {
-      form.setError("amount", { message: "Amount must be greater than 0" });
-      return;
-    }
-    await mutateAsync(
-      { amount: data.amount.float, note: data.note },
-      {
-        onSuccess: () => handleSuccess(),
-        onError: (error) => ui.toast.error(error.message)
-      }
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    KeyboundForm,
-    {
-      className: "flex flex-1 flex-col overflow-hidden",
-      onSubmit,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Form$2.Field,
-            {
-              control: form.control,
-              name: "amount",
-              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Amount" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.CurrencyInput,
-                  {
-                    min: 0,
-                    placeholder: "0",
-                    value: field.value.value,
-                    onValueChange: (_value, _name, values) => {
-                      field.onChange({
-                        value: values?.value,
-                        float: values?.float || null
-                      });
-                    },
-                    symbol: currencies[storeCreditAccount.currency_code.toUpperCase()].symbol_native,
-                    code: storeCreditAccount.currency_code.toUpperCase()
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Form$2.Field,
-            {
-              control: form.control,
-              name: "note",
-              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Note" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const schema = zod.z.object({
-  note: zod.z.string(),
-  amount: zod.z.object({
-    float: zod.z.number(),
-    value: zod.z.string()
-  })
-});
 const productStatusColor = (status) => {
   switch (status) {
     case "draft":
@@ -42432,7 +42432,7 @@ const ProductMedia = () => {
   ] });
 };
 const VariantPricingForm = ({ form }) => {
-  const { store } = useStore$2();
+  const { store } = useStore$1();
   const { regions } = useRegions({ limit: 9999 });
   const { price_preferences: pricePreferences } = usePricePreferences({});
   const { setCloseOnEscape } = useRouteModal();
@@ -42707,10 +42707,21 @@ const widgetModule = { widgets: [
 ] };
 const routeModule = {
   routes: [
+    {
+      Component: StoreCreditAccountsPage,
+      path: "/store-credit-accounts",
+      handle: { label: config$3.label, translationNs: config$3.translationNs },
+      children: [
+        {
+          Component: StoreCreditAccountCreate,
+          path: "/store-credit-accounts/create"
+        }
+      ]
+    },
     {
       Component: GiftCardsPage,
       path: "/gift-cards",
-      handle: { label: config$3.label, translationNs: config$3.translationNs },
+      handle: { label: config$2.label, translationNs: config$2.translationNs },
       children: [
         {
           Component: GiftCardCreate,
@@ -42719,13 +42730,12 @@ const routeModule = {
       ]
     },
     {
-      Component: StoreCreditAccountsPage,
-      path: "/store-credit-accounts",
-      handle: { label: config$1.label, translationNs: config$1.translationNs },
+      Component: StoreCreditAccountPage,
+      path: "/store-credit-accounts/:id",
       children: [
         {
-          Component: StoreCreditAccountCreate,
-          path: "/store-credit-accounts/create"
+          Component: Note$1,
+          path: "/store-credit-accounts/:id/credit"
         }
       ]
     },
@@ -42738,7 +42748,7 @@ const routeModule = {
           path: "/gift-cards/:id/expiration"
         },
         {
-          Component: Note$1,
+          Component: Note,
           path: "/gift-cards/:id/note"
         }
       ]
@@ -42754,16 +42764,6 @@ const routeModule = {
         }
       ]
     },
-    {
-      Component: StoreCreditAccountPage,
-      path: "/store-credit-accounts/:id",
-      children: [
-        {
-          Component: Note,
-          path: "/store-credit-accounts/:id/credit"
-        }
-      ]
-    },
     {
       Component: ProductDetail,
       path: "/gift-cards/gift-card-products/:id",
@@ -42795,16 +42795,16 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/gift-cards",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$3.label,
+      icon: config$3.icon,
       path: "/store-credit-accounts",
       nested: void 0,
       rank: void 0,