@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/routes/gift-cards/_id_/@owner/page.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { Heading, toast, Input, Select, Button } from "@medusajs/ui";
+import { useForm } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { useParams } from "react-router-dom";
+import { z } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/zod/lib/index.mjs";
+import { Form } from "../../../../components/form.js";
+import { KeyboundForm } from "../../../../components/keybound-form.js";
+import { RouteDrawer } from "../../../../components/modals/route-drawer/route-drawer.js";
+import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "react";
+import "../../../../components/modals/route-modal-provider/route-modal-context.js";
+import { useRouteModal } from "../../../../components/modals/route-modal-provider/use-route-modal.js";
+import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
+import "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
+import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
+import { useCustomers } from "../../../../hooks/api/customers.js";
+import { useGiftCard, useTransferGiftCard } from "../../../../hooks/api/gift-cards.js";
+import { TransferIcon } from "./components/transfer-icon.js";
+const Note = () => {
+  const { id } = useParams();
+  const {
+    gift_card: giftCard,
+    isPending,
+    isError,
+    error
+  } = useGiftCard(id, {});
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!giftCard;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Transfer Gift Card" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Transfer the gift card to a new owner" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsx(GiftCardNoteForm, { giftCard })
+  ] });
+};
+const GiftCardNoteForm = ({ giftCard }) => {
+  const { customers } = useCustomers();
+  const form = useForm({
+    defaultValues: {
+      customer_id: giftCard.customer.id
+    },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useTransferGiftCard(giftCard.id);
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      { customer_id: data.customer_id },
+      {
+        onSuccess: () => {
+          toast.success("Gift card transferred successfully");
+          handleSuccess();
+        },
+        onError: (error) => toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+          /* @__PURE__ */ jsx(TransferIcon, {}),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: "Current Owner" }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { value: giftCard.customer.email, readOnly: true, disabled: true }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "customer_id",
+              render: ({ field: { onChange, ref, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: "New Owner" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...field, onValueChange: onChange, children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: customers == null ? void 0 : customers.map((customer) => {
+                      const customerName = [
+                        customer.first_name,
+                        customer.last_name
+                      ];
+                      return /* @__PURE__ */ jsxs(Select.Item, { value: customer.id, children: [
+                        customer.email,
+                        " ",
+                        customerName.join("").length ? `(${customerName.join(" ")})` : ""
+                      ] }, customer.id);
+                    }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema = z.object({
+  customer_id: z.string()
+});
+export {
+  Note as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/gift-card-balance-section.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Container, Text } from "@medusajs/ui";
+import { formatAmount } from "../../../../utils/format-amount.js";
+const GiftCardBalanceSection = ({
+  storeCreditAccount,
+  giftCard
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "grid grid-cols-2 gap-x-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-ui-tag-green-icon h-8 w-1 rounded-full" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { weight: "plus", size: "small", className: "text-ui-fg-subtle", children: "Current Balance" }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            weight: "plus",
+            size: "xlarge",
+            className: "tabular-nums text-ui-fg-base",
+            children: formatAmount(
+              storeCreditAccount.balance,
+              giftCard.currency_code
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-ui-tag-neutral-icon h-8 w-1 rounded-full" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { weight: "plus", size: "small", className: "text-ui-fg-subtle", children: "Initial Balance" }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            weight: "plus",
+            size: "xlarge",
+            className: "tabular-nums text-ui-fg-base",
+            children: formatAmount(giftCard.value, giftCard.currency_code)
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  GiftCardBalanceSection as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/gift-card-general-section.js

@@ -0,0 +1,177 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Gift, Calendar, Trash } from "@medusajs/icons";
+import { usePrompt, Container, Heading, Copy, Text, StatusBadge, Badge, toast } from "@medusajs/ui";
+import { useNavigate, Link } from "react-router-dom";
+import { ActionMenu } from "../../../../components/action-menu.js";
+import { SectionRow } from "../../../../components/section-row.js";
+import { Thumbnail } from "../../../../components/thumbnail.js";
+import { useRedeemGiftCard, useDeleteGiftCard } from "../../../../hooks/api/gift-cards.js";
+import { getFullDate } from "../../../../utils/date-utils.js";
+import { formatAmount } from "../../../../utils/format-amount.js";
+import { formatDate, getRelativeDate } from "../../../../utils/format-date.js";
+import { getGiftCardStatus, getGiftCardStatusColor } from "../../../../utils/statuses.js";
+const GiftCardGeneralSection = ({ giftCard }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const { mutateAsync: redeemGiftCard, isPending } = useRedeemGiftCard(
+    giftCard.id
+  );
+  const { mutateAsync: deleteGiftCard, isPending: isDeleting } = useDeleteGiftCard(giftCard.id);
+  const handleRedeem = async () => {
+    const res = await prompt({
+      title: "Redeem gift card",
+      description: `Are you sure? This cannot be undone. Once you confirm the gift card value will be added to the customers store credit account.`,
+      confirmText: "Redeem",
+      cancelText: "Cancel"
+    });
+    if (!res) {
+      return;
+    }
+    await redeemGiftCard(
+      { customer_id: giftCard == null ? void 0 : giftCard.customer_id },
+      {
+        onSuccess: () => {
+          toast.success("Successfully redeemed gift card");
+          navigate("..", { replace: true });
+        },
+        onError: (err) => {
+          toast.error(err.message);
+        }
+      }
+    );
+  };
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: "Delete gift card",
+      description: "Are you sure? This cannot be undone.",
+      verificationText: giftCard.value.toString(),
+      verificationInstruction: "Confirmation",
+      confirmText: "Delete",
+      cancelText: "Cancel"
+    });
+    if (!res) {
+      return;
+    }
+    await deleteGiftCard(void 0, {
+      onSuccess: () => toast.success("Gift card deleted successfully"),
+      onError: (error) => toast.error(error.message)
+    });
+  };
+  const status = getGiftCardStatus(giftCard);
+  const statusColor = getGiftCardStatusColor(status);
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ jsxs(Heading, { children: [
+            "#",
+            giftCard.code
+          ] }),
+          /* @__PURE__ */ jsx(Copy, { content: `${giftCard.code}`, className: "text-ui-fg-muted" })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: getFullDate({
+          date: giftCard.created_at,
+          includeTime: true
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx(StatusBadge, { color: statusColor, children: status }),
+        /* @__PURE__ */ jsx(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    icon: /* @__PURE__ */ jsx(Gift, {}),
+                    label: "Redeem gift card",
+                    onClick: () => handleRedeem(),
+                    disabled: isPending
+                  },
+                  {
+                    icon: /* @__PURE__ */ jsx(Calendar, {}),
+                    label: "Edit expiration date",
+                    to: "expiration",
+                    disabled: isPending
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    icon: /* @__PURE__ */ jsx(Trash, {}),
+                    label: "Delete",
+                    onClick: handleDelete,
+                    disabled: isDeleting || true
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    ((_a = giftCard.line_item) == null ? void 0 : _a.product) && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: "Gift card product",
+        value: /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: `/products/${(_c = (_b = giftCard.line_item) == null ? void 0 : _b.product) == null ? void 0 : _c.id}`,
+            className: "text-ui-fg-base text-sm",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full max-w-[250px] items-center gap-x-3 overflow-hidden", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx(
+                Thumbnail,
+                {
+                  size: "small",
+                  src: (_e = (_d = giftCard.line_item) == null ? void 0 : _d.product) == null ? void 0 : _e.thumbnail
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  title: (_g = (_f = giftCard.line_item) == null ? void 0 : _f.product) == null ? void 0 : _g.title,
+                  className: "truncate",
+                  children: (_i = (_h = giftCard.line_item) == null ? void 0 : _h.product) == null ? void 0 : _i.title
+                }
+              )
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: "Currency",
+        value: /* @__PURE__ */ jsx(Badge, { size: "xsmall", className: "text-ui-fg-base rounded-xl px-2", children: giftCard.currency_code.toUpperCase() })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: "Value",
+        value: formatAmount(giftCard.value, giftCard.currency_code)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: "Expiration Date",
+        value: formatDate(giftCard.expires_at)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: "Creation Date",
+        value: getRelativeDate(giftCard.created_at)
+      }
+    )
+  ] });
+};
+export {
+  GiftCardGeneralSection as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/gift-card-note-section.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Container, Text } from "@medusajs/ui";
+import { Link } from "react-router-dom";
+import { Header } from "../../../../components/header.js";
+const GiftCardNoteSection = ({ giftCard }) => {
+  if (!giftCard) {
+    return;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Header, { title: "Note" }),
+      /* @__PURE__ */ jsx(Link, { to: "note", className: "text-ui-fg-muted text-sm px-6", children: "Edit note" })
+    ] }),
+    giftCard.note && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "small",
+        leading: "compact",
+        className: "text-ui-fg-subtle",
+        children: giftCard.note ?? ""
+      }
+    ) }) }) }) })
+  ] });
+};
+export {
+  GiftCardNoteSection as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/gift-card-order-section.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ShoppingCart } from "@medusajs/icons";
+import { Container } from "@medusajs/ui";
+import { Header } from "../../../../components/header.js";
+import { SidebarLink } from "../../../../components/sidebar-link.js";
+import { useOrder } from "../../../../hooks/api/order.js";
+const GiftCardOrderSection = ({ giftCard }) => {
+  if (!giftCard || giftCard.reference !== "order") {
+    return;
+  }
+  const { order, isLoading, isError, error } = useOrder(giftCard.reference_id);
+  if (isError) {
+    throw error;
+  }
+  if (isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Order" }),
+    /* @__PURE__ */ jsx(
+      SidebarLink,
+      {
+        to: `/orders/${order.id}`,
+        labelKey: `#${order.display_id}`,
+        icon: /* @__PURE__ */ jsx(ShoppingCart, {}),
+        descriptionKey: `Order #${order.display_id}`
+      }
+    )
+  ] });
+};
+export {
+  GiftCardOrderSection as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/gift-card-owner-section.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { UserMini } from "@medusajs/icons";
+import { Container } from "@medusajs/ui";
+import { Link } from "react-router-dom";
+import { GiftCardStatus } from "../../../../../../types/loyalty/module.js";
+import { Header } from "../../../../components/header.js";
+import { SidebarLink } from "../../../../components/sidebar-link.js";
+const GiftCardOwnerSection = ({ giftCard }) => {
+  if (!giftCard) {
+    return;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Header, { title: "Owner" }),
+      giftCard.status !== GiftCardStatus.REDEEMED && /* @__PURE__ */ jsx(Link, { to: `owner`, className: "text-ui-fg-muted text-sm px-6", children: "Transfer ownership" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SidebarLink,
+      {
+        to: `/customers/${giftCard.customer.id}`,
+        labelKey: `${[
+          giftCard.customer.first_name,
+          giftCard.customer.last_name
+        ].join(" ")}`,
+        descriptionKey: giftCard.customer.email,
+        icon: /* @__PURE__ */ jsx(UserMini, {})
+      }
+    )
+  ] });
+};
+export {
+  GiftCardOwnerSection as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/gift-card-transactions-section.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Container } from "@medusajs/ui";
+import { TransactionsTable } from "../../../store-credit-accounts/_id_/components/transactions-table/table.js";
+const GiftCardTransactionsSection = ({
+  storeCreditAccount,
+  transactionGroup
+}) => {
+  return /* @__PURE__ */ jsx(Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsx(
+    TransactionsTable,
+    {
+      id: storeCreditAccount.id,
+      transactionGroup
+    }
+  ) }, storeCreditAccount.id);
+};
+export {
+  GiftCardTransactionsSection as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/transactions-table/columns.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { createDataTableColumnHelper, Badge } from "@medusajs/ui";
+import { useMemo } from "react";
+import { getRelativeDate } from "../../../../../utils/date-utils.js";
+import { formatAmount } from "../../../../../utils/format-amount.js";
+const columnHelper = createDataTableColumnHelper();
+const useTransactionColumns = () => {
+  return useMemo(() => {
+    return [
+      columnHelper.accessor("type", {
+        header: "Type",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "2xsmall",
+              color: row.original.type === "debit" ? "orange" : "green",
+              children: row.original.type
+            }
+          );
+        }
+      }),
+      columnHelper.accessor("amount", {
+        header: "Amount",
+        cell: ({ row }) => {
+          return row.original.account.currency_code && formatAmount(
+            row.original.amount,
+            row.original.account.currency_code
+          );
+        }
+      }),
+      columnHelper.accessor("reference", {
+        header: "Reference",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: row.original.reference });
+        }
+      }),
+      columnHelper.accessor("reference_id", {
+        header: "Reference ID"
+      }),
+      columnHelper.accessor("created_at", {
+        header: "Created At",
+        cell: ({ row }) => getRelativeDate(row.original.created_at)
+      })
+    ];
+  }, []);
+};
+export {
+  useTransactionColumns
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/components/transactions-table/query.js

@@ -0,0 +1,23 @@
+import { useQueryParams } from "../../../../../hooks/common/use-query-params.js";
+const useTransactionTableQuery = ({
+  prefix,
+  pageSize = 10
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "transaction_group_id", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, created_at, updated_at, transaction_group_id, ...rest } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    transaction_group_id: transaction_group_id ? JSON.parse(transaction_group_id) : void 0,
+    ...rest
+  };
+  return searchParams;
+};
+export {
+  useTransactionTableQuery
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/page.js

@@ -0,0 +1,78 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useParams, Outlet } from "react-router-dom";
+import { JsonViewSection } from "../../../components/json-view-section.js";
+import { TwoColumnLayout } from "../../../components/layouts/two-column.js";
+import { useGiftCard } from "../../../hooks/api/gift-cards.js";
+import { useStoreCreditAccounts, useStoreCreditAccount } from "../../../hooks/api/store-credit-accounts.js";
+import { useTransactionGroups } from "../../../hooks/api/transaction-groups.js";
+import GiftCardBalanceSection from "./components/gift-card-balance-section.js";
+import GiftCardGeneralSection from "./components/gift-card-general-section.js";
+import GiftCardNoteSection from "./components/gift-card-note-section.js";
+import GiftCardOrderSection from "./components/gift-card-order-section.js";
+import GiftCardOwnerSection from "./components/gift-card-owner-section.js";
+import GiftCardTransactionsSection from "./components/gift-card-transactions-section.js";
+const GiftCardDetailsPage = () => {
+  var _a;
+  const { id } = useParams();
+  const { gift_card: giftCard, isLoading } = useGiftCard(id, {
+    fields: "*line_item.product"
+  });
+  const { store_credit_accounts: storeCreditAccounts } = useStoreCreditAccounts(
+    {
+      customer_id: giftCard == null ? void 0 : giftCard.customer_id,
+      currency_code: giftCard == null ? void 0 : giftCard.currency_code
+    },
+    { enabled: !isLoading && !!(giftCard == null ? void 0 : giftCard.customer_id) }
+  );
+  const { transaction_groups: transactionGroups } = useTransactionGroups(
+    { code: giftCard == null ? void 0 : giftCard.code },
+    { enabled: !isLoading && !!(giftCard == null ? void 0 : giftCard.code) }
+  );
+  const transactionGroup = transactionGroups == null ? void 0 : transactionGroups[0];
+  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
+    (_a = storeCreditAccounts == null ? void 0 : storeCreditAccounts[0]) == null ? void 0 : _a.id,
+    {
+      transaction_group_id: transactionGroup == null ? void 0 : transactionGroup.id
+    },
+    {
+      enabled: !isLoading && !!(giftCard == null ? void 0 : giftCard.customer_id) && !!(transactionGroup == null ? void 0 : transactionGroup.id) && !!(storeCreditAccounts == null ? void 0 : storeCreditAccounts.length)
+    }
+  );
+  if (!giftCard) {
+    return /* @__PURE__ */ jsx(Fragment, { children: "Loading" });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TwoColumnLayout,
+      {
+        firstCol: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(GiftCardGeneralSection, { giftCard }),
+          storeCreditAccount && transactionGroup && /* @__PURE__ */ jsx(
+            GiftCardTransactionsSection,
+            {
+              storeCreditAccount,
+              transactionGroup
+            }
+          ),
+          /* @__PURE__ */ jsx(JsonViewSection, { data: giftCard })
+        ] }),
+        secondCol: /* @__PURE__ */ jsxs(Fragment, { children: [
+          storeCreditAccount && /* @__PURE__ */ jsx(
+            GiftCardBalanceSection,
+            {
+              storeCreditAccount,
+              giftCard
+            }
+          ),
+          /* @__PURE__ */ jsx(GiftCardOwnerSection, { giftCard }),
+          /* @__PURE__ */ jsx(GiftCardNoteSection, { giftCard }),
+          /* @__PURE__ */ jsx(GiftCardOrderSection, { giftCard })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Outlet, {})
+  ] });
+};
+export {
+  GiftCardDetailsPage as default
+};

package/.medusa/server/src/admin/routes/gift-cards/components/gift-card-products-section.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Tag } from "@medusajs/icons";
+import { Container } from "@medusajs/ui";
+import { Link } from "react-router-dom";
+import { Header } from "../../../components/header.js";
+import { SidebarLink } from "../../../components/sidebar-link.js";
+import { useProducts } from "../../../hooks/api/products.js";
+const GiftCardProductsSection = () => {
+  const { products: giftCardProducts } = useProducts({
+    is_giftcard: true
+  });
+  if (!(giftCardProducts == null ? void 0 : giftCardProducts.length)) {
+    return;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Header, { title: "Gift Card Products" }),
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: `/gift-card-products/create`,
+          className: "text-ui-fg-muted text-sm px-6",
+          children: "Create gift card product"
+        }
+      )
+    ] }),
+    giftCardProducts.map((giftCardProduct) => /* @__PURE__ */ jsx(
+      SidebarLink,
+      {
+        to: `/gift-card-products/${giftCardProduct.id}`,
+        labelKey: giftCardProduct.title,
+        descriptionKey: giftCardProduct.title,
+        icon: /* @__PURE__ */ jsx(Tag, {})
+      }
+    ))
+  ] });
+};
+export {
+  GiftCardProductsSection as default
+};