@medusajs/loyalty-plugin 2.17.2-snapshot-20260626130753 → 2.17.2

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

@@ -11,8 +11,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 = (e2) => e2 && e2.__esModule ? e2 : { default: e2 };
 function _interopNamespace(e2) {
   if (e2 && e2.__esModule) return e2;
@@ -442,7 +442,8 @@ const CustomerStoreCreditWidget = () => {
   ] });
 };
 adminSdk.defineWidgetConfig({
-  zone: "customer.details.side.after"
+  zone: "customer.details.side.after",
+  id: "medusa:customer-store-credit-widget"
 });
 const ORDERS_QUERY_KEY = "orders";
 const orderQueryKeys = queryKeysFactory(ORDERS_QUERY_KEY);
@@ -511,7 +512,8 @@ const OrderGiftCardsWidget = () => {
   ] });
 };
 adminSdk.defineWidgetConfig({
-  zone: "order.details.side.after"
+  zone: "order.details.side.after",
+  id: "medusa:order-gift-cards-widget"
 });
 const PRODUCTS_QUERY_KEY = "products";
 const productsQueryKeys = queryKeysFactory(PRODUCTS_QUERY_KEY);
@@ -5755,9 +5757,10 @@ const SalesChannelGiftCardsWidget = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(SalesChannelGiftCardsSection, { salesChannel });
 };
 adminSdk.defineWidgetConfig({
-  zone: "sales_channel.details.after"
+  zone: "sales_channel.details.after",
+  id: "medusa:sales-channel-gift-cards-widget"
 });
-const GiftCardIcon = (props) => {
+const StoreCreditIcon = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -5768,197 +5771,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 == null ? void 0 : 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 == null ? void 0 : 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 now2 = /* @__PURE__ */ new Date();
   return formatDistance(sub(new Date(date2), { minutes: 0 }), now2, {
@@ -5976,31 +5831,52 @@ function formatDate(date2, withTime = true) {
   return format$1(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 }) => {
-          var _a2, _b;
-          return ((_b = (_a2 = row.original.line_item) == null ? void 0 : _a2.product) == null ? void 0 : _b.title) || "Custom Gift Card";
+          var _a2;
+          return ((_a2 = row.original.customer) == null ? void 0 : _a2.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)
       })
     ];
   }, []);
@@ -6047,75 +5923,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"
           }
         ]
       }
@@ -6123,16 +6007,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(GiftCardsTable, {}),
-          side: /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductsSection, {})
+          main: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "StoreCreditAccountsTable", children: /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountsTable, {}) })
         }
       }
     ),
@@ -6140,8 +6023,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") {
@@ -10060,28 +9943,6 @@ const StackedFocusModal = Object.assign(Root, {
   Description,
   Title
 });
-const STORE_QUERY_KEY = "store";
-const storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
-async function retrieveActiveStore(query) {
-  var _a2;
-  const response = await sdk.admin.store.list(query);
-  const activeStore = (_a2 = response.stores) == null ? void 0 : _a2[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
-  };
-};
 var t$1 = function(t2, n2, e2) {
   if (t2 && "reportValidity" in t2) {
     var i2 = get$3(e2, n2);
@@ -11955,7 +11816,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(
@@ -12777,7 +12638,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(
@@ -14166,7 +14027,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";
@@ -16212,7 +16073,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 = {}) {
@@ -17318,6 +17179,270 @@ const ComboboxImpl = ({
   );
 };
 const Combobox = genericForwardRef(ComboboxImpl);
+function isObject$6(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var isObject_1 = isObject$6;
+var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal$1;
+var freeGlobal = _freeGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root$4 = freeGlobal || freeSelf || Function("return this")();
+var _root = root$4;
+var root$3 = _root;
+var now$1 = function() {
+  return root$3.Date.now();
+};
+var now_1 = now$1;
+var reWhitespace = /\s/;
+function trimmedEndIndex$1(string2) {
+  var index = string2.length;
+  while (index-- && reWhitespace.test(string2.charAt(index))) {
+  }
+  return index;
+}
+var _trimmedEndIndex = trimmedEndIndex$1;
+var trimmedEndIndex = _trimmedEndIndex;
+var reTrimStart = /^\s+/;
+function baseTrim$1(string2) {
+  return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
+}
+var _baseTrim = baseTrim$1;
+var root$2 = _root;
+var Symbol$4 = root$2.Symbol;
+var _Symbol = Symbol$4;
+var Symbol$3 = _Symbol;
+var objectProto$5 = Object.prototype;
+var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$5.toString;
+var symToStringTag$1 = Symbol$3 ? Symbol$3.toStringTag : void 0;
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty$4.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = void 0;
+    var unmasked = true;
+  } catch (e2) {
+  }
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var _getRawTag = getRawTag$1;
+var objectProto$4 = Object.prototype;
+var nativeObjectToString = objectProto$4.toString;
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+var _objectToString = objectToString$1;
+var Symbol$2 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
+var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function baseGetTag$2(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+var _baseGetTag = baseGetTag$2;
+function isObjectLike$1(value) {
+  return value != null && typeof value == "object";
+}
+var isObjectLike_1 = isObjectLike$1;
+var baseGetTag$1 = _baseGetTag, isObjectLike = isObjectLike_1;
+var symbolTag = "[object Symbol]";
+function isSymbol$4(value) {
+  return typeof value == "symbol" || isObjectLike(value) && baseGetTag$1(value) == symbolTag;
+}
+var isSymbol_1 = isSymbol$4;
+var baseTrim = _baseTrim, isObject$5 = isObject_1, isSymbol$3 = isSymbol_1;
+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$1(value) {
+  if (typeof value == "number") {
+    return value;
+  }
+  if (isSymbol$3(value)) {
+    return NAN;
+  }
+  if (isObject$5(value)) {
+    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+    value = isObject$5(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;
+}
+var toNumber_1 = toNumber$1;
+var isObject$4 = isObject_1, now = now_1, toNumber = toNumber_1;
+var FUNC_ERROR_TEXT$1 = "Expected a function";
+var nativeMax = Math.max, nativeMin = Math.min;
+function debounce$2(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$1);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject$4(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;
+}
+var debounce_1 = debounce$2;
+const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1);
+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 == null ? void 0 : 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",
@@ -18046,6 +18171,504 @@ 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: t(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) => {
+      var _a2;
+      return ((_a2 = data.customers) == null ? void 0 : _a2.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 == null ? void 0 : 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 == null ? void 0 : 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 }) => {
+          var _a2, _b;
+          return ((_b = (_a2 = row.original.line_item) == null ? void 0 : _a2.product) == null ? void 0 : _b.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) {
+  var _a2;
+  const response = await sdk.admin.store.list(query);
+  const activeStore = (_a2 = response.stores) == null ? void 0 : _a2[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) {
@@ -18110,7 +18733,7 @@ class $ZodEncodeError extends Error {
   }
 }
 const globalConfig = {};
-function config$2(newConfig) {
+function config$1(newConfig) {
   return globalConfig;
 }
 function getEnumValues(entries) {
@@ -18204,7 +18827,7 @@ function slugify(input) {
 }
 const captureStackTrace = "captureStackTrace" in Error ? Error.captureStackTrace : (..._args) => {
 };
-function isObject$6(data) {
+function isObject$3(data) {
   return typeof data === "object" && data !== null && !Array.isArray(data);
 }
 const allowsEval = cached(() => {
@@ -18221,7 +18844,7 @@ const allowsEval = cached(() => {
   }
 });
 function isPlainObject(o2) {
-  if (isObject$6(o2) === false)
+  if (isObject$3(o2) === false)
     return false;
   const ctor = o2.constructor;
   if (ctor === void 0)
@@ -18229,7 +18852,7 @@ function isPlainObject(o2) {
   if (typeof ctor !== "function")
     return true;
   const prot = ctor.prototype;
-  if (isObject$6(prot) === false)
+  if (isObject$3(prot) === false)
     return false;
   if (Object.prototype.hasOwnProperty.call(prot, "isPrototypeOf") === false) {
     return false;
@@ -18560,7 +19183,7 @@ const _parse = (_Err) => (schema2, value, _ctx, _params) => {
     throw new $ZodAsyncError();
   }
   if (result.issues.length) {
-    const e2 = new ((_params == null ? void 0 : _params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())));
+    const e2 = new ((_params == null ? void 0 : _params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())));
     captureStackTrace(e2, _params == null ? void 0 : _params.callee);
     throw e2;
   }
@@ -18572,7 +19195,7 @@ const _parseAsync = (_Err) => async (schema2, value, _ctx, params) => {
   if (result instanceof Promise)
     result = await result;
   if (result.issues.length) {
-    const e2 = new ((params == null ? void 0 : params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$2())));
+    const e2 = new ((params == null ? void 0 : params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx2, config$1())));
     captureStackTrace(e2, params == null ? void 0 : params.callee);
     throw e2;
   }
@@ -18586,7 +19209,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);
@@ -18597,7 +19220,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);
@@ -19736,7 +20359,7 @@ const $ZodObject = /* @__PURE__ */ $constructor("$ZodObject", (inst, def) => {
     }
     return propValues;
   });
-  const isObject2 = isObject$6;
+  const isObject2 = isObject$3;
   const catchall = def.catchall;
   let value;
   inst._zod.parse = (payload, ctx2) => {
@@ -19816,7 +20439,7 @@ const $ZodObjectJIT = /* @__PURE__ */ $constructor("$ZodObjectJIT", (inst, def)
     return (payload, ctx2) => fn(shape, payload, ctx2);
   };
   let fastpass;
-  const isObject2 = isObject$6;
+  const isObject2 = isObject$3;
   const jit = !globalConfig.jitless;
   const allowsEval$1 = allowsEval;
   const fastEnabled = jit && allowsEval$1.value;
@@ -19861,7 +20484,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;
 }
@@ -20054,7 +20677,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
@@ -20253,7 +20876,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
           });
@@ -20267,7 +20890,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
       });
@@ -22327,633 +22950,546 @@ 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"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "linearGradient",
+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 = 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();
+  };
+};
+var deselectCurrent = toggleSelection;
+var clipboardToIE11Formatting = {
+  "text/plain": "Text",
+  "text/html": "Url",
+  "default": "Text"
+};
+var defaultMessage = "Copy to clipboard: #{key}, Enter";
+function format(message2) {
+  var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
+  return message2.replace(/#{\s*key\s*}/g, copyKey);
+}
+function copy$2(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(e2) {
+      e2.stopPropagation();
+      if (options.format) {
+        e2.preventDefault();
+        if (typeof e2.clipboardData === "undefined") {
+          debug2 && console.warn("unable to use e.clipboardData");
+          debug2 && console.warn("trying IE specific stuff");
+          window.clipboardData.clearData();
+          var format2 = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting["default"];
+          window.clipboardData.setData(format2, text2);
+        } else {
+          e2.clipboardData.clearData();
+          e2.clipboardData.setData(options.format, text2);
+        }
+      }
+      if (options.onCopy) {
+        e2.preventDefault();
+        options.onCopy(e2.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 = format("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;
+}
+var copyToClipboard = copy$2;
+const copy$1 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboard);
+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 }) => {
-          var _a2;
-          return ((_a2 = row.original.customer) == null ? void 0 : _a2.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(StoreCreditAccountsTable, {})
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
-  ] });
-};
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Store Credits",
-  icon: StoreCreditIcon
-});
-function isObject$5(value) {
-  var type = typeof value;
-  return value != null && (type == "object" || type == "function");
-}
-var isObject_1 = isObject$5;
-var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var _freeGlobal = freeGlobal$1;
-var freeGlobal = _freeGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root$4 = freeGlobal || freeSelf || Function("return this")();
-var _root = root$4;
-var root$3 = _root;
-var now$1 = function() {
-  return root$3.Date.now();
-};
-var now_1 = now$1;
-var reWhitespace = /\s/;
-function trimmedEndIndex$1(string2) {
-  var index = string2.length;
-  while (index-- && reWhitespace.test(string2.charAt(index))) {
-  }
-  return index;
-}
-var _trimmedEndIndex = trimmedEndIndex$1;
-var trimmedEndIndex = _trimmedEndIndex;
-var reTrimStart = /^\s+/;
-function baseTrim$1(string2) {
-  return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
-}
-var _baseTrim = baseTrim$1;
-var root$2 = _root;
-var Symbol$4 = root$2.Symbol;
-var _Symbol = Symbol$4;
-var Symbol$3 = _Symbol;
-var objectProto$5 = Object.prototype;
-var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$5.toString;
-var symToStringTag$1 = Symbol$3 ? Symbol$3.toStringTag : void 0;
-function getRawTag$1(value) {
-  var isOwn = hasOwnProperty$4.call(value, symToStringTag$1), tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = void 0;
-    var unmasked = true;
-  } catch (e2) {
-  }
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-var _getRawTag = getRawTag$1;
-var objectProto$4 = Object.prototype;
-var nativeObjectToString = objectProto$4.toString;
-function objectToString$1(value) {
-  return nativeObjectToString.call(value);
-}
-var _objectToString = objectToString$1;
-var Symbol$2 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function baseGetTag$2(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-var _baseGetTag = baseGetTag$2;
-function isObjectLike$1(value) {
-  return value != null && typeof value == "object";
-}
-var isObjectLike_1 = isObjectLike$1;
-var baseGetTag$1 = _baseGetTag, isObjectLike = isObjectLike_1;
-var symbolTag = "[object Symbol]";
-function isSymbol$4(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag$1(value) == symbolTag;
-}
-var isSymbol_1 = isSymbol$4;
-var baseTrim = _baseTrim, isObject$4 = isObject_1, isSymbol$3 = isSymbol_1;
-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$1(value) {
-  if (typeof value == "number") {
-    return value;
-  }
-  if (isSymbol$3(value)) {
-    return NAN;
-  }
-  if (isObject$4(value)) {
-    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject$4(other) ? other + "" : other;
-  }
-  if (typeof value != "string") {
-    return value === 0 ? value : +value;
+function StoreCreditAccountCodeSection({ code }) {
+  if (!code) {
+    return null;
   }
-  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;
+  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 toNumber_1 = toNumber$1;
-var isObject$3 = isObject_1, now = now_1, toNumber = toNumber_1;
-var FUNC_ERROR_TEXT$1 = "Expected a function";
-var nativeMax = Math.max, nativeMin = Math.min;
-function debounce$2(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$1);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject$3(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;
+const StoreCreditAccountPage = () => {
+  const { id } = reactRouterDom.useParams();
+  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
+    id
+  );
+  if (!storeCreditAccount) {
+    return;
   }
-  function cancel() {
-    if (timerId !== void 0) {
-      clearTimeout(timerId);
+  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
+            }
+          ) })
+        ] })
+      }
     }
-    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);
+  );
+};
+const KeyboundForm = React__namespace.default.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit == null ? void 0 : onSubmit(event);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      if (event.target instanceof HTMLTextAreaElement && !(event.metaKey || event.ctrlKey)) {
+        return;
       }
-      if (maxing) {
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
+      event.preventDefault();
+      if (event.metaKey || event.ctrlKey) {
+        handleSubmit(event);
       }
     }
-    if (timerId === void 0) {
-      timerId = setTimeout(timerExpired, wait);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "form",
+    {
+      ...rest,
+      onSubmit: handleSubmit,
+      onKeyDown: onKeyDown ?? handleKeyDown,
+      ref
     }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-var debounce_1 = debounce$2;
-const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1);
-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 == null ? void 0 : 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: t(formSchema)
+    resolver: t(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) => {
-      var _a2;
-      return ((_a2 = data.customers) == null ? void 0 : _a2.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 == null ? void 0 : values.value,
+                        float: (values == null ? void 0 : values.float) || null
+                      });
+                    },
+                    symbol: currencies[storeCreditAccount.currency_code.toUpperCase()].symbol_native,
+                    code: storeCreditAccount.currency_code.toUpperCase()
                   }
                 ) }),
                 /* @__PURE__ */ 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 e2 = 1; e2 < arguments.length; e2++) {
@@ -25634,243 +26170,6 @@ const GiftCardOrderSection = ({ giftCard }) => {
     ))
   ] });
 };
-var 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();
-  };
-};
-var deselectCurrent = toggleSelection;
-var clipboardToIE11Formatting = {
-  "text/plain": "Text",
-  "text/html": "Url",
-  "default": "Text"
-};
-var defaultMessage = "Copy to clipboard: #{key}, Enter";
-function format(message2) {
-  var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
-  return message2.replace(/#{\s*key\s*}/g, copyKey);
-}
-function copy$2(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(e2) {
-      e2.stopPropagation();
-      if (options.format) {
-        e2.preventDefault();
-        if (typeof e2.clipboardData === "undefined") {
-          debug2 && console.warn("unable to use e.clipboardData");
-          debug2 && console.warn("trying IE specific stuff");
-          window.clipboardData.clearData();
-          var format2 = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting["default"];
-          window.clipboardData.setData(format2, text2);
-        } else {
-          e2.clipboardData.clearData();
-          e2.clipboardData.setData(options.format, text2);
-        }
-      }
-      if (options.onCopy) {
-        e2.preventDefault();
-        options.onCopy(e2.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 = format("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;
-}
-var copyToClipboard = copy$2;
-const copy$1 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboard);
-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
 }) => {
@@ -25896,57 +26195,30 @@ const GiftCardDetailsPage = () => {
       data: giftCard,
       sections: {
         main: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(GiftCardGeneralSection, { giftCard }),
-          storeCreditAccount && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardGeneralSection", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardGeneralSection, { giftCard }) }),
+          storeCreditAccount && /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardTransactionsSection", children: /* @__PURE__ */ jsxRuntime.jsx(
             GiftCardTransactionsSection,
             {
               storeCreditAccount
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(JsonViewSection, { data: giftCard })
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "JsonViewSection", children: /* @__PURE__ */ jsxRuntime.jsx(JsonViewSection, { data: giftCard }) })
         ] }),
         side: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          storeCreditAccount && /* @__PURE__ */ jsxRuntime.jsx(
+          storeCreditAccount && /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardBalanceSection", children: /* @__PURE__ */ jsxRuntime.jsx(
             GiftCardBalanceSection,
             {
               storeCreditAccount,
               giftCard
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(GiftCardNoteSection, { giftCard }),
-          /* @__PURE__ */ jsxRuntime.jsx(GiftCardOrderSection, { giftCard })
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardNoteSection", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardNoteSection, { giftCard }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardOrderSection", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardOrderSection, { giftCard }) })
         ] })
       }
     }
   );
 };
-const KeyboundForm = React__namespace.default.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
-  const handleSubmit = (event) => {
-    event.preventDefault();
-    onSubmit == null ? void 0 : 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);
@@ -25967,7 +26239,7 @@ const GiftCardExpirationForm = ({ giftCard }) => {
     defaultValues: {
       expires_at: giftCard.expires_at ? new Date(giftCard.expires_at) : null
     },
-    resolver: t(schema$2)
+    resolver: t(schema$1)
   });
   const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
   const { handleSuccess } = useRouteModal();
@@ -26062,10 +26334,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,
@@ -26090,7 +26362,7 @@ const GiftCardNoteForm = ({ giftCard }) => {
     defaultValues: {
       note: giftCard.note ?? ""
     },
-    resolver: t(schema$1)
+    resolver: t(schema)
   });
   const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
   const { handleSuccess } = useRouteModal();
@@ -26129,7 +26401,7 @@ const GiftCardNoteForm = ({ giftCard }) => {
     }
   ) });
 };
-const schema$1 = zod.z.object({
+const schema = zod.z.object({
   note: zod.z.string().optional()
 });
 const columnHelper$7 = createColumnHelper();
@@ -26241,7 +26513,7 @@ const GiftCardProductsPage = () => {
         widgetsZonePrefix: "gift_card_product.list",
         preferredLayoutId: "core:single-column",
         sections: {
-          main: /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductsTable, {})
+          main: /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "GiftCardProductsTable", children: /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductsTable, {}) })
         }
       }
     ),
@@ -39470,7 +39742,7 @@ const GiftCardProductCreate = () => {
     isPending: isStorePending,
     isError: isStoreError,
     error: storeError
-  } = useStore$2({
+  } = useStore$1({
     fields: "+default_sales_channel"
   });
   const {
@@ -39522,275 +39794,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(
-            StoreCreditAccountDetailsSection,
-            {
-              storeCreditAccount
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(TransactionsTable, { id: storeCreditAccount.id })
-        ] }),
-        side: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            StoreCreditAccountBalanceSection,
-            {
-              storeCreditAccount
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(StoreCreditAccountCodeSection, { code: storeCreditAccount.code }),
-          /* @__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: t(schema)
-  });
-  const { mutateAsync, isPending } = useCreditStoreCreditAccount(
-    storeCreditAccount.id
-  );
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    if (data.amount.float <= 0) {
-      form.setError("amount", { message: "Amount must be greater than 0" });
-      return;
-    }
-    await mutateAsync(
-      { amount: data.amount.float, note: data.note },
-      {
-        onSuccess: () => handleSuccess(),
-        onError: (error) => 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 == null ? void 0 : values.value,
-                        float: (values == null ? void 0 : values.float) || null
-                      });
-                    },
-                    symbol: currencies[storeCreditAccount.currency_code.toUpperCase()].symbol_native,
-                    code: storeCreditAccount.currency_code.toUpperCase()
-                  }
-                ) }),
-                /* @__PURE__ */ 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":
@@ -40255,19 +40258,166 @@ const ProductDetail = () => {
       data: product,
       sections: {
         main: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ProductGeneralSection, { product }),
-          /* @__PURE__ */ jsxRuntime.jsx(ProductVariantSection, { product }),
-          /* @__PURE__ */ jsxRuntime.jsx(JsonViewSection, { data: product })
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "ProductGeneralSection", children: /* @__PURE__ */ jsxRuntime.jsx(ProductGeneralSection, { product }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "ProductVariantSection", children: /* @__PURE__ */ jsxRuntime.jsx(ProductVariantSection, { product }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "JsonViewSection", children: /* @__PURE__ */ jsxRuntime.jsx(JsonViewSection, { data: product }) })
         ] }),
         side: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ProductSalesChannelSection, { product }),
-          /* @__PURE__ */ jsxRuntime.jsx(ProductMediaSection, { product })
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "ProductSalesChannelSection", children: /* @__PURE__ */ jsxRuntime.jsx(ProductSalesChannelSection, { product }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.LayoutComposer.Entry, { id: "ProductMediaSection", children: /* @__PURE__ */ jsxRuntime.jsx(ProductMediaSection, { product }) })
         ] })
       }
     }
   );
 };
 const EditProductSchema$1 = zod.z.object({
+  denominations: zod.z.array(
+    zod.z.object({
+      id: zod.z.string().optional(),
+      value: zod.z.string().min(1),
+      prices: zod.z.record(zod.z.string(), optionalFloat).optional()
+    })
+  ).min(1)
+});
+const GiftCardProductEditDenominationsForm = ({
+  product
+}) => {
+  var _a2;
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      denominations: (_a2 = product.variants) == null ? void 0 : _a2.map((variant) => ({
+        id: variant.id,
+        value: variant.title
+      }))
+    },
+    resolver: t(EditProductSchema$1)
+  });
+  const { mutateAsync, isPending } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const optionValues = data.denominations.map(
+      (denomination) => denomination.value
+    );
+    const options = [
+      {
+        title: "denomination",
+        values: optionValues
+      }
+    ];
+    await mutateAsync(
+      {
+        options,
+        variants: data.denominations.map((denomination) => ({
+          id: denomination.id,
+          title: denomination.value,
+          manage_inventory: false,
+          options: {
+            denomination: denomination.value
+          }
+        }))
+      },
+      {
+        onSuccess: () => {
+          ui.toast.success(`Denominations updated successfully`);
+          handleSuccess();
+        },
+        onError: (e2) => {
+          ui.toast.error(e2.message);
+        }
+      }
+    );
+  });
+  const {
+    fields: denominationsFields,
+    append: addDenomination,
+    remove: removeDenomination
+  } = useFieldArray({
+    name: "denominations",
+    control: form.control
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          denominationsFields.map((denominationField, index) => {
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg flex items-center justify-between rounded-md px-4 py-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Form$2.Field,
+                    {
+                      control: form.control,
+                      name: `denominations.${index}.value`,
+                      render: ({ field }) => {
+                        return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "100" }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
+                        ] });
+                      }
+                    },
+                    denominationField.id
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      type: "button",
+                      className: "ml-4 rounded-full p-0",
+                      onClick: () => {
+                        removeDenomination(index);
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.XCircleSolid, { className: "rounded-full" })
+                    }
+                  ) })
+                ]
+              },
+              denominationField.id
+            );
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              className: "w-full",
+              onClick: () => {
+                addDenomination({ value: "", prices: {} });
+              },
+              children: "Add denomination"
+            }
+          ),
+          form.formState.errors.denominations && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Please add at least one denomination." })
+        ] }) }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const GiftCardProductEdit$1 = () => {
+  const { id } = reactRouterDom.useParams();
+  const { product, isLoading, isError, error } = useProduct(id, {});
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit gift cards denominations" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card denominations" })
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductEditDenominationsForm, { product })
+  ] });
+};
+const EditProductSchema = zod.z.object({
   status: zod.z.enum(["draft", "published", "proposed", "rejected"]),
   title: zod.z.string().min(1),
   subtitle: zod.z.string().optional(),
@@ -40286,7 +40436,7 @@ const GiftCardProductEditForm = ({
       handle: product.handle || "",
       description: product.description || ""
     },
-    resolver: t(EditProductSchema$1)
+    resolver: t(EditProductSchema)
   });
   const { mutateAsync, isPending } = useUpdateProduct(product.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -40427,7 +40577,7 @@ const GiftCardProductEditForm = ({
     }
   ) });
 };
-const GiftCardProductEdit$1 = () => {
+const GiftCardProductEdit = () => {
   const { id } = reactRouterDom.useParams();
   const { product, isLoading, isError, error } = useProduct(id, {});
   if (isError) {
@@ -40441,153 +40591,6 @@ const GiftCardProductEdit$1 = () => {
     !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductEditForm, { product })
   ] });
 };
-const EditProductSchema = zod.z.object({
-  denominations: zod.z.array(
-    zod.z.object({
-      id: zod.z.string().optional(),
-      value: zod.z.string().min(1),
-      prices: zod.z.record(zod.z.string(), optionalFloat).optional()
-    })
-  ).min(1)
-});
-const GiftCardProductEditDenominationsForm = ({
-  product
-}) => {
-  var _a2;
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      denominations: (_a2 = product.variants) == null ? void 0 : _a2.map((variant) => ({
-        id: variant.id,
-        value: variant.title
-      }))
-    },
-    resolver: t(EditProductSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateProduct(product.id);
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const optionValues = data.denominations.map(
-      (denomination) => denomination.value
-    );
-    const options = [
-      {
-        title: "denomination",
-        values: optionValues
-      }
-    ];
-    await mutateAsync(
-      {
-        options,
-        variants: data.denominations.map((denomination) => ({
-          id: denomination.id,
-          title: denomination.value,
-          manage_inventory: false,
-          options: {
-            denomination: denomination.value
-          }
-        }))
-      },
-      {
-        onSuccess: () => {
-          ui.toast.success(`Denominations updated successfully`);
-          handleSuccess();
-        },
-        onError: (e2) => {
-          ui.toast.error(e2.message);
-        }
-      }
-    );
-  });
-  const {
-    fields: denominationsFields,
-    append: addDenomination,
-    remove: removeDenomination
-  } = useFieldArray({
-    name: "denominations",
-    control: form.control
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex flex-1 flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
-          denominationsFields.map((denominationField, index) => {
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg flex items-center justify-between rounded-md px-4 py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Form$2.Field,
-                    {
-                      control: form.control,
-                      name: `denominations.${index}.value`,
-                      render: ({ field }) => {
-                        return /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { className: "w-full", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "100" }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-                        ] });
-                      }
-                    },
-                    denominationField.id
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Button,
-                    {
-                      size: "small",
-                      variant: "secondary",
-                      type: "button",
-                      className: "ml-4 rounded-full p-0",
-                      onClick: () => {
-                        removeDenomination(index);
-                      },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.XCircleSolid, { className: "rounded-full" })
-                    }
-                  ) })
-                ]
-              },
-              denominationField.id
-            );
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              variant: "secondary",
-              type: "button",
-              className: "w-full",
-              onClick: () => {
-                addDenomination({ value: "", prices: {} });
-              },
-              children: "Add denomination"
-            }
-          ),
-          form.formState.errors.denominations && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Please add at least one denomination." })
-        ] }) }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const GiftCardProductEdit = () => {
-  const { id } = reactRouterDom.useParams();
-  const { product, isLoading, isError, error } = useProduct(id, {});
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit gift cards denominations" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card denominations" })
-    ] }),
-    !isLoading && product && /* @__PURE__ */ jsxRuntime.jsx(GiftCardProductEditDenominationsForm, { product })
-  ] });
-};
 const EditProductMediaForm = ({ product }) => {
   const [selection, setSelection] = React.useState({});
   const { handleSuccess } = useRouteModal();
@@ -41202,7 +41205,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();
@@ -41468,19 +41471,32 @@ const ProductSalesChannels = () => {
 const widgetModule = { widgets: [
   {
     Component: CustomerStoreCreditWidget,
-    zone: ["customer.details.side.after"]
+    zone: ["customer.details.side.after"],
+    widgetId: "medusa:customer-store-credit-widget"
   },
   {
     Component: OrderGiftCardsWidget,
-    zone: ["order.details.side.after"]
+    zone: ["order.details.side.after"],
+    widgetId: "medusa:order-gift-cards-widget"
   },
   {
     Component: SalesChannelGiftCardsWidget,
-    zone: ["sales_channel.details.after"]
+    zone: ["sales_channel.details.after"],
+    widgetId: "medusa:sales-channel-gift-cards-widget"
   }
 ] };
 const routeModule = {
   routes: [
+    {
+      Component: StoreCreditAccountsPage,
+      path: "/store-credit-accounts",
+      children: [
+        {
+          Component: StoreCreditAccountCreate,
+          path: "/store-credit-accounts/create"
+        }
+      ]
+    },
     {
       Component: GiftCardsPage,
       path: "/gift-cards",
@@ -41492,12 +41508,12 @@ const routeModule = {
       ]
     },
     {
-      Component: StoreCreditAccountsPage,
-      path: "/store-credit-accounts",
+      Component: StoreCreditAccountPage,
+      path: "/store-credit-accounts/:id",
       children: [
         {
-          Component: StoreCreditAccountCreate,
-          path: "/store-credit-accounts/create"
+          Component: Note$1,
+          path: "/store-credit-accounts/:id/credit"
         }
       ]
     },
@@ -41510,7 +41526,7 @@ const routeModule = {
           path: "/gift-cards/:id/expiration"
         },
         {
-          Component: Note$1,
+          Component: Note,
           path: "/gift-cards/:id/note"
         }
       ]
@@ -41525,27 +41541,17 @@ 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",
       children: [
         {
           Component: GiftCardProductEdit$1,
-          path: "/gift-cards/gift-card-products/:id/edit"
+          path: "/gift-cards/gift-card-products/:id/denominations"
         },
         {
           Component: GiftCardProductEdit,
-          path: "/gift-cards/gift-card-products/:id/denominations"
+          path: "/gift-cards/gift-card-products/:id/edit"
         }
       ]
     },
@@ -41566,16 +41572,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,
@@ -41596,12 +41602,14 @@ const displayModule = {
   displays: {}
 };
 const i18nModule = { resources: {} };
+const layoutModule = { layouts: [] };
 const plugin = {
   widgetModule,
   routeModule,
   menuItemModule,
   formModule,
   displayModule,
-  i18nModule
+  i18nModule,
+  layoutModule
 };
 module.exports = plugin;