@medusajs/loyalty-plugin 0.0.1

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

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { createDataTableColumnHelper, StatusBadge } from "@medusajs/ui";
+import { useMemo } from "react";
+import { formatAmount } from "../../../../utils/format-amount.js";
+import { getRelativeDate } from "../../../../utils/format-date.js";
+import { getGiftCardStatus, getGiftCardStatusColor } from "../../../../utils/statuses.js";
+const columnHelper = createDataTableColumnHelper();
+const useGiftCardTableColumns = () => {
+  return useMemo(() => {
+    return [
+      columnHelper.accessor("line_item.product.title", {
+        header: "Product",
+        cell: ({ row }) => {
+          var _a, _b;
+          return ((_b = (_a = row.original.line_item) == null ? void 0 : _a.product) == null ? void 0 : _b.title) || "Custom Gift Card";
+        }
+      }),
+      columnHelper.accessor("customer.first_name", {
+        header: "Owner",
+        cell: ({ row }) => {
+          if (!row.original.customer) {
+            return "N/A";
+          }
+          const fullName = [
+            row.original.customer.first_name,
+            row.original.customer.last_name
+          ];
+          if (fullName.join("").length > 0) {
+            return fullName.join(" ");
+          }
+          return row.original.customer.email;
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: "Date issued",
+        cell: ({ row }) => getRelativeDate(row.original.created_at)
+      }),
+      columnHelper.accessor("status", {
+        header: "Status",
+        cell: ({ row }) => {
+          const status = getGiftCardStatus(row.original);
+          const color = getGiftCardStatusColor(status);
+          return /* @__PURE__ */ jsx(StatusBadge, { color, children: status });
+        }
+      }),
+      columnHelper.accessor("value", {
+        header: "Value",
+        cell: ({ row }) => {
+          return formatAmount(row.original.value, row.original.currency_code);
+        }
+      })
+    ];
+  }, []);
+};
+export {
+  useGiftCardTableColumns
+};

package/.medusa/server/src/admin/routes/gift-cards/components/gift-cards-table/filters.js

@@ -0,0 +1,13 @@
+import { useMemo } from "react";
+import { useDataTableDateFilters } from "../../../../hooks/common/use-data-table-date-filters.js";
+import { useCustomerFilters } from "../../../../hooks/query/use-customers-filters.js";
+const useGiftCardFilters = () => {
+  const dateFilterOptions = useDataTableDateFilters();
+  const customerFilterOptions = useCustomerFilters();
+  return useMemo(() => {
+    return [...dateFilterOptions, ...customerFilterOptions];
+  }, [dateFilterOptions, customerFilterOptions]);
+};
+export {
+  useGiftCardFilters
+};

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

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Container } from "@medusajs/ui";
+import { Fragment } from "react";
+import { Outlet } from "react-router-dom";
+import { DataTable } from "../../../../components/data-table.js";
+import { useGiftCards } from "../../../../hooks/api/gift-cards.js";
+import { useGiftCardTableColumns } from "./columns.js";
+import { useGiftCardFilters } from "./filters.js";
+import { useGiftCardTableQuery } from "./query.js";
+const PAGE_SIZE = 10;
+function GiftCardsTable() {
+  const queryParams = useGiftCardTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const {
+    gift_cards: giftCards,
+    isPending,
+    count
+  } = useGiftCards({
+    ...queryParams,
+    order: queryParams.order ?? "-created_at",
+    fields: "+line_item.product.title"
+  });
+  const columns = useGiftCardTableColumns();
+  const filters = useGiftCardFilters();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: giftCards,
+        getRowId: (row) => row.id,
+        columns,
+        filters,
+        isLoading: isPending,
+        pageSize: PAGE_SIZE,
+        rowCount: count,
+        enableSearch: false,
+        heading: "Gift Cards",
+        action: {
+          label: "Create gift card",
+          to: "create"
+        },
+        rowHref: (row) => `${row.id}`,
+        emptyState: {
+          empty: {
+            heading: "No gift cards found",
+            description: "Create a new gift card to get started."
+          },
+          filtered: {
+            heading: "No results found",
+            description: "No gift cards match your filter criteria."
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Outlet, {})
+  ] });
+}
+export {
+  GiftCardsTable
+};

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

@@ -0,0 +1,23 @@
+import { useQueryParams } from "../../../../hooks/common/use-query-params.js";
+const useGiftCardTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "customer_id", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, created_at, updated_at, customer_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,
+    customer_id: customer_id ? JSON.parse(customer_id) : void 0,
+    ...rest
+  };
+  return searchParams;
+};
+export {
+  useGiftCardTableQuery
+};

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

@@ -0,0 +1,27 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { Gift } from "@medusajs/icons";
+import { Toaster } from "@medusajs/ui";
+import { TwoColumnLayout } from "../../components/layouts/two-column.js";
+import GiftCardProductsSection from "./components/gift-card-products-section.js";
+import { GiftCardsTable } from "./components/gift-cards-table/gift-cards-table.js";
+const GiftCardsPage = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TwoColumnLayout,
+      {
+        firstCol: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(GiftCardsTable, {}) }),
+        secondCol: /* @__PURE__ */ jsx(GiftCardProductsSection, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
+};
+const config = defineRouteConfig({
+  label: "Gift Cards",
+  icon: Gift
+});
+export {
+  config,
+  GiftCardsPage as default
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/credit-card-icon.js

@@ -0,0 +1,126 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const CreditCardIcon = ({ className }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className,
+      width: "40",
+      height: "30",
+      viewBox: "0 0 40 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "40", height: "30", rx: "6", fill: "#A1A1AA" }),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "40",
+            height: "30",
+            rx: "6",
+            fill: "url(#paint0_linear_28831_48895)",
+            fillOpacity: "0.2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "0.25",
+            y: "0.25",
+            width: "39.5",
+            height: "29.5",
+            rx: "5.75",
+            stroke: "#18181B",
+            strokeOpacity: "0.1",
+            strokeWidth: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "5",
+            y: "21.5",
+            width: "8",
+            height: "2",
+            rx: "1",
+            fill: "#18181B",
+            fillOpacity: "0.24"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "15",
+            y: "21.5",
+            width: "5",
+            height: "2",
+            rx: "1",
+            fill: "#18181B",
+            fillOpacity: "0.24"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "5",
+            y: "10",
+            width: "6",
+            height: "4",
+            rx: "1",
+            fill: "#18181B",
+            fillOpacity: "0.24"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "5.25",
+            y: "10.25",
+            width: "5.5",
+            height: "3.5",
+            rx: "0.75",
+            stroke: "#18181B",
+            strokeOpacity: "0.1",
+            strokeWidth: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_28831_48895)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M34.0612 20.9805L33.0423 20.3942C32.7089 20.2019 32.3003 20.2019 31.9669 20.3942L30.9433 20.9805C30.6146 21.1727 30.408 21.5292 30.408 21.9091V23.0862C30.408 23.4708 30.6146 23.8226 30.9433 24.0149L31.9622 24.6058C32.2956 24.7981 32.7042 24.7981 33.0376 24.6058L34.0565 24.0149C34.3899 23.8226 34.5919 23.4708 34.5919 23.0862V21.9091C34.6013 21.5292 34.3946 21.1727 34.0612 20.9805ZM32.5023 23.5459C31.9247 23.5459 31.4551 23.0769 31.4551 22.5C31.4551 21.9231 31.9247 21.4541 32.5023 21.4541C33.0798 21.4541 33.5541 21.9231 33.5541 22.5C33.5541 23.0769 33.0845 23.5459 32.5023 23.5459Z",
+            fill: "#18181B",
+            fillOpacity: "0.24"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_28831_48895",
+              x1: "20",
+              y1: "0",
+              x2: "20",
+              y2: "30",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("clipPath", { id: "clip0_28831_48895", children: /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "5",
+              height: "5",
+              fill: "white",
+              transform: "translate(30 20)"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  CreditCardIcon as default
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/store-credit-account-balance-section.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container, Text } from "@medusajs/ui";
+import { formatAmount } from "../../../../utils/format-amount.js";
+const StoreCreditAccountBalanceSection = ({
+  storeCreditAccount
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsx(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,
+            storeCreditAccount.currency_code
+          )
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  StoreCreditAccountBalanceSection as default
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/store-credit-account-details-section.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container, Text } from "@medusajs/ui";
+import DisplayId from "../../../../components/display-id.js";
+import CreditCardIcon from "./credit-card-icon.js";
+const StoreCreditAccountDetailsSection = ({
+  storeCreditAccount
+}) => {
+  if (!storeCreditAccount || typeof storeCreditAccount.balance === "undefined") {
+    return;
+  }
+  return /* @__PURE__ */ jsx(Container, { className: "grid grid-cols-2 gap-x-2 px-6 py-6", children: /* @__PURE__ */ jsxs(
+    Text,
+    {
+      weight: "plus",
+      size: "xlarge",
+      className: "text-ui-fg-base flex gap-x-4",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx(CreditCardIcon, { className: "inline" }),
+          " "
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle", children: [
+            storeCreditAccount.currency_code.toUpperCase(),
+            " Account"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-ui-fg-base", children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              weight: "regular",
+              size: "small",
+              className: "text-ui-fg-base flex gap-x-4",
+              children: /* @__PURE__ */ jsx(DisplayId, { id: storeCreditAccount.id })
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  StoreCreditAccountDetailsSection as default
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/transactions-table/columns.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { createDataTableColumnHelper } from "@medusajs/ui";
+import { useMemo } from "react";
+import DisplayId from "../../../../../components/display-id.js";
+import { formatAmount } from "../../../../../utils/format-amount.js";
+import { formatDate } from "../../../../../utils/format-date.js";
+const columnHelper = createDataTableColumnHelper();
+const useTransactionsTableColumns = () => {
+  return useMemo(() => {
+    return [
+      columnHelper.accessor("id", {
+        header: "ID",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(DisplayId, { id: row.original.id });
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: "Created At",
+        cell: ({ row }) => formatDate(row.original.created_at, false)
+      }),
+      columnHelper.accessor("reference", {
+        header: "Reference",
+        cell: ({ row }) => {
+          return row.original.reference;
+        }
+      }),
+      columnHelper.accessor("reference_id", {
+        header: "Reference ID"
+      }),
+      columnHelper.accessor("amount", {
+        header: "Amount",
+        cell: ({ row }) => {
+          return row.original.account.currency_code && formatAmount(
+            row.original.amount,
+            row.original.account.currency_code
+          );
+        }
+      })
+    ];
+  }, []);
+};
+export {
+  useTransactionsTableColumns
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/transactions-table/filters.js

@@ -0,0 +1,18 @@
+import { useMemo } from "react";
+import { useDataTableDateFilters } from "../../../../../hooks/common/use-data-table-date-filters.js";
+import { useTransactionGroupFilters } from "../../../../../hooks/query/use-transaction-groups-filters.js";
+const useTransactionsTableFilters = ({
+  transactionGroup
+}) => {
+  const dateFilterOptions = useDataTableDateFilters();
+  const transactionGroupFilters = useTransactionGroupFilters();
+  return useMemo(() => {
+    if (transactionGroup) {
+      return [...dateFilterOptions];
+    }
+    return [...dateFilterOptions, ...transactionGroupFilters];
+  }, [dateFilterOptions, transactionGroupFilters, transactionGroup]);
+};
+export {
+  useTransactionsTableFilters
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/transactions-table/query.js

@@ -0,0 +1,37 @@
+import { useQueryParams } from "../../../../../hooks/common/use-query-params.js";
+const useTransactionsTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "limit",
+      "transaction_group_id",
+      "currency_code",
+      "created_at",
+      "updated_at"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    limit,
+    created_at,
+    updated_at,
+    transaction_group_id,
+    ...rest
+  } = queryObject;
+  const searchParams = {
+    limit: limit ? Number(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 {
+  useTransactionsTableQuery
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/components/transactions-table/table.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Container } from "@medusajs/ui";
+import { Fragment } from "react";
+import { Outlet } from "react-router-dom";
+import { DataTable } from "../../../../../components/data-table.js";
+import { useStoreCreditAccountTransactions } from "../../../../../hooks/api/transactions.js";
+import { useTransactionsTableColumns } from "./columns.js";
+import { useTransactionsTableFilters } from "./filters.js";
+import { useTransactionsTableQuery } from "./query.js";
+const PAGE_SIZE = 10;
+function TransactionsTable({
+  id,
+  transactionGroup
+}) {
+  const queryParams = useTransactionsTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { transactions, isLoading, count } = useStoreCreditAccountTransactions(
+    id,
+    {
+      ...queryParams,
+      transaction_group_id: transactionGroup == null ? void 0 : transactionGroup.id,
+      order: queryParams.order ?? "-created_at",
+      fields: "*account,*transaction_group"
+    }
+  );
+  const columns = useTransactionsTableColumns();
+  const filters = useTransactionsTableFilters({ transactionGroup });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: transactions ?? [],
+        getRowId: (row) => row.id,
+        columns,
+        filters,
+        isLoading,
+        pageSize: PAGE_SIZE,
+        rowCount: count,
+        enableSearch: false,
+        heading: "Transactions",
+        emptyState: {
+          empty: {
+            heading: "No transactions found"
+          },
+          filtered: {
+            heading: "No results found",
+            description: "No transactions match your filter criteria."
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Outlet, {})
+  ] });
+}
+export {
+  TransactionsTable
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/_id_/page.js

@@ -0,0 +1,39 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { TwoColumnLayout } from "../../../components/layouts/two-column.js";
+import { useStoreCreditAccount } from "../../../hooks/api/store-credit-accounts.js";
+import StoreCreditAccountBalanceSection from "./components/store-credit-account-balance-section.js";
+import StoreCreditAccountDetailsSection from "./components/store-credit-account-details-section.js";
+import { TransactionsTable } from "./components/transactions-table/table.js";
+const StoreCreditAccountPage = () => {
+  const { id } = useParams();
+  const { store_credit_account: storeCreditAccount } = useStoreCreditAccount(
+    id
+  );
+  if (!storeCreditAccount) {
+    return;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    TwoColumnLayout,
+    {
+      firstCol: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          StoreCreditAccountDetailsSection,
+          {
+            storeCreditAccount
+          }
+        ),
+        /* @__PURE__ */ jsx(TransactionsTable, { id: storeCreditAccount.id })
+      ] }),
+      secondCol: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        StoreCreditAccountBalanceSection,
+        {
+          storeCreditAccount
+        }
+      ) })
+    }
+  ) });
+};
+export {
+  StoreCreditAccountPage as default
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/components/store-credit-accounts-table/columns.js

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { createDataTableColumnHelper, Badge } from "@medusajs/ui";
+import { useMemo } from "react";
+import { formatAmount } from "../../../../utils/format-amount.js";
+import { getRelativeDate } from "../../../../utils/format-date.js";
+const columnHelper = createDataTableColumnHelper();
+const useStoreCreditAccountTableColumns = () => {
+  return useMemo(() => {
+    return [
+      columnHelper.accessor("currency_code", {
+        header: "Currency",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: row.original.currency_code.toUpperCase() });
+        }
+      }),
+      columnHelper.accessor("customer.email", {
+        header: "Customer",
+        cell: ({ row }) => {
+          return row.original.customer.email;
+        }
+      }),
+      columnHelper.accessor("balance", {
+        header: "Balance",
+        cell: ({ row }) => {
+          return formatAmount(
+            row.original.balance,
+            row.original.currency_code
+          );
+        }
+      }),
+      columnHelper.accessor("credits", {
+        header: "Credits",
+        cell: ({ row }) => {
+          return formatAmount(
+            row.original.credits,
+            row.original.currency_code
+          );
+        }
+      }),
+      columnHelper.accessor("debits", {
+        header: "Debits",
+        cell: ({ row }) => {
+          return formatAmount(
+            row.original.debits,
+            row.original.currency_code
+          );
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: "Created at",
+        cell: ({ row }) => getRelativeDate(row.original.created_at)
+      })
+    ];
+  }, []);
+};
+export {
+  useStoreCreditAccountTableColumns
+};

package/.medusa/server/src/admin/routes/store-credit-accounts/components/store-credit-accounts-table/filters.js

@@ -0,0 +1,13 @@
+import { useMemo } from "react";
+import { useDataTableDateFilters } from "../../../../hooks/common/use-data-table-date-filters.js";
+import { useCustomerFilters } from "../../../../hooks/query/use-customers-filters.js";
+const useStoreCreditAccountFilters = () => {
+  const dateFilterOptions = useDataTableDateFilters();
+  const customerFilterOptions = useCustomerFilters();
+  return useMemo(() => {
+    return [...dateFilterOptions, ...customerFilterOptions];
+  }, [dateFilterOptions, customerFilterOptions]);
+};
+export {
+  useStoreCreditAccountFilters
+};