@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/routes/gift-card-products/components/gift-card-product-create-form/gift-card-product-create-form.js

@@ -0,0 +1,285 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { toast, ProgressTabs, Button } from "@medusajs/ui";
+import { useState, useMemo, useEffect } from "react";
+import { useForm } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { KeyboundForm } from "../../../../components/keybound-form.js";
+import "../../../../components/modals/route-drawer/route-drawer.js";
+import { RouteFocusModal } from "../../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "react-router-dom";
+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 { useCreateProduct } from "../../../../hooks/api/products.js";
+import { sdk } from "../../../../lib/sdk.js";
+import { normalizeProductFormValues } from "../../../../utils/variants.js";
+import { GiftCardProductCreateDenominationsForm } from "./gift-card-product-create-denominations-form.js";
+import { GiftCardProductCreateDetailsForm } from "./gift-card-product-create-details-form.js";
+import { PRODUCT_CREATE_FORM_DEFAULTS, ProductCreateSchema } from "./schema.js";
+const SAVE_DRAFT_BUTTON = "save-draft-button";
+const GiftCardProductCreateForm = ({
+  defaultChannel,
+  regions,
+  store,
+  pricePreferences
+}) => {
+  const [tab, setTab] = useState(
+    "details"
+    /* DETAILS */
+  );
+  const [tabState, setTabState] = useState({
+    [
+      "details"
+      /* DETAILS */
+    ]: "in-progress",
+    [
+      "prices"
+      /* PRICES */
+    ]: "not-started"
+  });
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      ...PRODUCT_CREATE_FORM_DEFAULTS,
+      sales_channels: defaultChannel ? [{ id: defaultChannel.id, name: defaultChannel.name }] : []
+    },
+    resolver: zodResolver(ProductCreateSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProduct();
+  const regionsCurrencyMap = useMemo(() => {
+    if (!(regions == null ? void 0 : regions.length)) {
+      return {};
+    }
+    return regions.reduce((acc, reg) => {
+      acc[reg.id] = reg.currency_code;
+      return acc;
+    }, {});
+  }, [regions]);
+  const handleSubmit = form.handleSubmit(async (values, e) => {
+    var _a;
+    let isDraftSubmission = false;
+    if ((e == null ? void 0 : e.nativeEvent) instanceof SubmitEvent) {
+      const submitter = (_a = e == null ? void 0 : e.nativeEvent) == null ? void 0 : _a.submitter;
+      isDraftSubmission = submitter.dataset.name === SAVE_DRAFT_BUTTON;
+    }
+    const media = values.media || [];
+    const payload = { ...values, media: void 0 };
+    let uploadedMedia = [];
+    try {
+      if (media.length) {
+        const thumbnailReq = media.find((m) => m.isThumbnail);
+        const otherMediaReq = media.filter((m) => !m.isThumbnail);
+        const fileReqs = [];
+        if (thumbnailReq) {
+          fileReqs.push(
+            sdk.admin.upload.create({ files: [thumbnailReq.file] }).then((r) => r.files.map((f) => ({ ...f, isThumbnail: true })))
+          );
+        }
+        if (otherMediaReq == null ? void 0 : otherMediaReq.length) {
+          fileReqs.push(
+            sdk.admin.upload.create({
+              files: otherMediaReq.map((m) => m.file)
+            }).then((r) => r.files.map((f) => ({ ...f, isThumbnail: false })))
+          );
+        }
+        uploadedMedia = (await Promise.all(fileReqs)).flat();
+      }
+    } catch (error) {
+      if (error instanceof Error) {
+        toast.error(error.message);
+      }
+    }
+    await mutateAsync(
+      normalizeProductFormValues({
+        ...payload,
+        media: uploadedMedia,
+        status: isDraftSubmission ? "draft" : "published",
+        regionsCurrencyMap
+      }),
+      {
+        onSuccess: (data) => {
+          toast.success(
+            `Product ${data.product.title} was successfully created.`
+          );
+          handleSuccess(`../${data.product.id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const onNext = async (currentTab) => {
+    const valid = await form.trigger();
+    if (!valid) {
+      return;
+    }
+    if (currentTab === "details") {
+      setTab(
+        "prices"
+        /* PRICES */
+      );
+    }
+  };
+  useEffect(() => {
+    const currentState = { ...tabState };
+    if (tab === "details") {
+      currentState[
+        "details"
+        /* DETAILS */
+      ] = "in-progress";
+    }
+    if (tab === "prices") {
+      currentState[
+        "details"
+        /* DETAILS */
+      ] = "completed";
+      currentState[
+        "prices"
+        /* PRICES */
+      ] = "in-progress";
+    }
+    setTabState({ ...currentState });
+  }, [tab]);
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          if (e.target instanceof HTMLTextAreaElement && !(e.metaKey || e.ctrlKey)) {
+            return;
+          }
+          e.preventDefault();
+          if (e.metaKey || e.ctrlKey) {
+            if (tab !== "prices") {
+              e.preventDefault();
+              e.stopPropagation();
+              onNext(tab);
+              return;
+            }
+            handleSubmit();
+          }
+        }
+      },
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col",
+      children: [
+        /* @__PURE__ */ jsxs(
+          ProgressTabs,
+          {
+            value: tab,
+            onValueChange: async (tab2) => {
+              const valid = await form.trigger();
+              if (!valid) {
+                return;
+              }
+              setTab(tab2);
+            },
+            className: "flex h-full flex-col overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsxs(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: [
+                /* @__PURE__ */ jsx(
+                  ProgressTabs.Trigger,
+                  {
+                    status: tabState[
+                      "details"
+                      /* DETAILS */
+                    ],
+                    value: "details",
+                    className: "max-w-[200px] truncate",
+                    children: "Details"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  ProgressTabs.Trigger,
+                  {
+                    status: tabState[
+                      "prices"
+                      /* PRICES */
+                    ],
+                    value: "prices",
+                    className: "max-w-[200px] truncate",
+                    children: "Prices"
+                  }
+                )
+              ] }) }) }),
+              /* @__PURE__ */ jsxs(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: [
+                /* @__PURE__ */ jsx(
+                  ProgressTabs.Content,
+                  {
+                    className: "size-full overflow-y-auto",
+                    value: "details",
+                    children: /* @__PURE__ */ jsx(GiftCardProductCreateDetailsForm, { form })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  ProgressTabs.Content,
+                  {
+                    className: "size-full overflow-y-auto",
+                    value: "prices",
+                    children: /* @__PURE__ */ jsx(
+                      GiftCardProductCreateDenominationsForm,
+                      {
+                        form,
+                        store,
+                        regions,
+                        pricePreferences
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              "data-name": SAVE_DRAFT_BUTTON,
+              size: "small",
+              type: "submit",
+              isLoading: isPending,
+              className: "whitespace-nowrap",
+              children: "Save as draft"
+            }
+          ),
+          /* @__PURE__ */ jsx(PrimaryButton, { tab, next: onNext, isLoading: isPending })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const PrimaryButton = ({ tab, next, isLoading }) => {
+  if (tab === "prices") {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-name": "publish-button",
+        type: "submit",
+        variant: "primary",
+        size: "small",
+        isLoading,
+        children: "Publish"
+      },
+      "submit-button"
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "primary",
+      size: "small",
+      onClick: () => next(tab),
+      children: "Continue"
+    },
+    "next-button"
+  );
+};
+export {
+  GiftCardProductCreateForm
+};

package/.medusa/server/src/admin/routes/gift-card-products/components/gift-card-product-create-form/gift-card-product-sales-channel-stacked-modal.js

@@ -0,0 +1,124 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { createDataTableColumnHelper, Button } from "@medusajs/ui";
+import { useState, useEffect, useMemo } from "react";
+import { keepPreviousData } from "@tanstack/react-query";
+import { DataTable } from "../../../../components/data-table.js";
+import { useSalesChannelTableColumns } from "../../../../components/data-table/helpers/sales-channels/use-sales-channel-table-columns.js";
+import { useSalesChannelTableEmptyState } from "../../../../components/data-table/helpers/sales-channels/use-sales-channel-table-empty-state.js";
+import { useSalesChannelTableFilters } from "../../../../components/data-table/helpers/sales-channels/use-sales-channel-table-filters.js";
+import { useSalesChannelTableQuery } from "../../../../components/data-table/helpers/sales-channels/use-sales-channel-table-query.js";
+import "../../../../components/modals/route-drawer/route-drawer.js";
+import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "react-router-dom";
+import "../../../../components/modals/route-modal-provider/route-modal-context.js";
+import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
+import { StackedFocusModal } from "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
+import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
+import { useStackedModal } from "../../../../components/modals/stacked-modal-provider/use-stacked-modal.js";
+import { useSalesChannels } from "../../../../hooks/api/sales-channels.js";
+import { SC_STACKED_MODAL_ID } from "./schema.js";
+const PAGE_SIZE = 50;
+const GiftCardProductSalesChannelStackedModal = ({
+  form
+}) => {
+  const { getValues, setValue } = form;
+  const { setIsOpen, getIsOpen } = useStackedModal();
+  const [rowSelection, setRowSelection] = useState(
+    {}
+  );
+  const [state, setState] = useState([]);
+  const searchParams = useSalesChannelTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: SC_STACKED_MODAL_ID
+  });
+  const { sales_channels, count, isLoading, isError, error } = useSalesChannels(
+    searchParams,
+    { placeholderData: keepPreviousData }
+  );
+  const open = getIsOpen(SC_STACKED_MODAL_ID);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const salesChannels = getValues("sales_channels");
+    if (salesChannels) {
+      setState(
+        salesChannels.map((channel) => ({
+          id: channel.id,
+          name: channel.name
+        }))
+      );
+      setRowSelection(
+        salesChannels.reduce(
+          (acc, channel) => ({
+            ...acc,
+            [channel.id]: true
+          }),
+          {}
+        )
+      );
+    }
+  }, [open, getValues]);
+  const onRowSelectionChange = (state2) => {
+    const ids = Object.keys(state2);
+    const addedIdsSet = new Set(
+      ids.filter((id) => state2[id] && !rowSelection[id])
+    );
+    let addedSalesChannels = [];
+    if (addedIdsSet.size > 0) {
+      addedSalesChannels = (sales_channels == null ? void 0 : sales_channels.filter((channel) => addedIdsSet.has(channel.id))) ?? [];
+    }
+    setState((prev) => {
+      const filteredPrev = prev.filter((channel) => state2[channel.id]);
+      return Array.from(/* @__PURE__ */ new Set([...filteredPrev, ...addedSalesChannels]));
+    });
+    setRowSelection(state2);
+  };
+  const handleAdd = () => {
+    setValue("sales_channels", state, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setIsOpen(SC_STACKED_MODAL_ID, false);
+  };
+  const filters = useSalesChannelTableFilters();
+  const columns = useColumns();
+  const emptyState = useSalesChannelTableEmptyState();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(StackedFocusModal.Header, {}),
+    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: sales_channels,
+        columns,
+        filters,
+        emptyState,
+        rowCount: count,
+        pageSize: PAGE_SIZE,
+        getRowId: (row) => row.id,
+        rowSelection: {
+          state: rowSelection,
+          onRowSelectionChange
+        },
+        isLoading,
+        layout: "fill",
+        prefix: SC_STACKED_MODAL_ID
+      }
+    ) }),
+    /* @__PURE__ */ jsx(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(StackedFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", onClick: handleAdd, type: "button", children: "Save" })
+    ] }) })
+  ] });
+};
+const columnHelper = createDataTableColumnHelper();
+const useColumns = () => {
+  const base = useSalesChannelTableColumns();
+  return useMemo(() => [columnHelper.select(), ...base], [base]);
+};
+export {
+  GiftCardProductSalesChannelStackedModal
+};

package/.medusa/server/src/admin/routes/gift-card-products/components/gift-card-product-create-form/index.js

@@ -0,0 +1,4 @@
+import { GiftCardProductCreateForm } from "./gift-card-product-create-form.js";
+export {
+  GiftCardProductCreateForm
+};

package/.medusa/server/src/admin/routes/gift-card-products/components/gift-card-product-create-form/schema.js

@@ -0,0 +1,112 @@
+import { z } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/zod/lib/index.mjs";
+import { optionalInt, optionalFloat } from "../../../../utils/validations.js";
+const SC_STACKED_MODAL_ID = "sc";
+const MediaSchema = z.object({
+  id: z.string().optional(),
+  url: z.string(),
+  isThumbnail: z.boolean(),
+  file: z.any().nullable()
+  // File
+});
+z.object({
+  should_create: z.boolean(),
+  is_default: z.boolean().optional(),
+  title: z.string(),
+  upc: z.string().optional(),
+  ean: z.string().optional(),
+  barcode: z.string().optional(),
+  mid_code: z.string().optional(),
+  hs_code: z.string().optional(),
+  width: optionalInt,
+  height: optionalInt,
+  length: optionalInt,
+  weight: optionalInt,
+  material: z.string().optional(),
+  origin_country: z.string().optional(),
+  sku: z.string().optional(),
+  manage_inventory: z.boolean().optional(),
+  allow_backorder: z.boolean().optional(),
+  inventory_kit: z.boolean().optional(),
+  options: z.record(z.string(), z.string()),
+  variant_rank: z.number(),
+  prices: z.record(z.string(), optionalFloat).optional(),
+  inventory: z.array(
+    z.object({
+      inventory_item_id: z.string(),
+      required_quantity: optionalInt
+    })
+  ).optional()
+});
+z.object({
+  title: z.string(),
+  values: z.array(z.string()).min(1)
+});
+const ProductCreateSchema = z.object({
+  title: z.string().min(1),
+  subtitle: z.string().optional(),
+  handle: z.string().optional(),
+  description: z.string().optional(),
+  discountable: z.boolean(),
+  type_id: z.string().optional(),
+  collection_id: z.string().optional(),
+  shipping_profile_id: z.string().optional(),
+  categories: z.array(z.string()),
+  tags: z.array(z.string()).optional(),
+  sales_channels: z.array(
+    z.object({
+      id: z.string(),
+      name: z.string()
+    })
+  ).optional(),
+  origin_country: z.string().optional(),
+  material: z.string().optional(),
+  width: z.string().optional(),
+  length: z.string().optional(),
+  height: z.string().optional(),
+  weight: z.string().optional(),
+  mid_code: z.string().optional(),
+  hs_code: z.string().optional(),
+  denominations: z.array(
+    z.object({
+      value: z.string().min(1),
+      sku: z.string().optional(),
+      prices: z.record(z.string(), optionalFloat).optional()
+    })
+  ).min(1),
+  enable_variants: z.boolean(),
+  media: z.array(MediaSchema).optional()
+});
+const EditProductMediaSchema = z.object({
+  media: z.array(MediaSchema)
+});
+const PRODUCT_CREATE_FORM_DEFAULTS = {
+  discountable: true,
+  tags: [],
+  sales_channels: [],
+  denominations: [],
+  enable_variants: true,
+  media: [],
+  categories: [],
+  collection_id: "",
+  shipping_profile_id: "",
+  description: "",
+  handle: "",
+  height: "",
+  hs_code: "",
+  length: "",
+  material: "",
+  mid_code: "",
+  origin_country: "",
+  subtitle: "",
+  title: "",
+  type_id: "",
+  weight: "",
+  width: ""
+};
+export {
+  EditProductMediaSchema,
+  MediaSchema,
+  PRODUCT_CREATE_FORM_DEFAULTS,
+  ProductCreateSchema,
+  SC_STACKED_MODAL_ID
+};

package/.medusa/server/src/admin/routes/gift-card-products/components/gift-card-product-create-form/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { createColumnHelper } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@tanstack/react-table/build/lib/index.mjs";
+import { useMemo } from "react";
+import { ProductCell, ProductHeader } from "../../../../components/product/product-cell/product-cell.js";
+import { ProductStatusCell, ProductStatusHeader } from "../../../../components/product/product-status-cell/product-status-cell.js";
+import { SalesChannelsCell, SalesChannelHeader } from "../../../../components/product/sales-channels-cell/sales-channels-cell.js";
+import { VariantCell, VariantHeader } from "../../../../components/product/variant-cell/variant-cell.js";
+const columnHelper = createColumnHelper();
+const useGiftCardProductsTableColumns = () => {
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "product",
+        header: () => /* @__PURE__ */ jsx(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx(ProductCell, { product: row.original })
+      }),
+      columnHelper.accessor("sales_channels", {
+        header: () => /* @__PURE__ */ jsx(SalesChannelHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx(SalesChannelsCell, { salesChannels: row.original.sales_channels })
+      }),
+      columnHelper.accessor("variants", {
+        header: () => /* @__PURE__ */ jsx(VariantHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx(VariantCell, { variants: row.original.variants })
+      }),
+      columnHelper.accessor("status", {
+        header: () => /* @__PURE__ */ jsx(ProductStatusHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx(ProductStatusCell, { status: row.original.status })
+      })
+    ],
+    []
+  );
+};
+export {
+  useGiftCardProductsTableColumns
+};

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

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

package/.medusa/server/src/admin/routes/gift-card-products/components/gift-card-products-table/gift-card-products-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 { useProducts } from "../../../../hooks/api/products.js";
+import { useGiftCardProductsTableColumns } from "./columns.js";
+import { useGiftCardProductsFilters } from "./filters.js";
+import { useGiftCardProductsTableQuery } from "./query.js";
+const PAGE_SIZE = 10;
+function GiftCardProductsTable() {
+  const queryParams = useGiftCardProductsTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const {
+    products: giftCardProducts,
+    isPending,
+    count
+  } = useProducts({
+    ...queryParams,
+    is_giftcard: true,
+    order: queryParams.order ?? "-created_at"
+  });
+  const columns = useGiftCardProductsTableColumns();
+  const filters = useGiftCardProductsFilters();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: giftCardProducts,
+        getRowId: (row) => row.id,
+        columns,
+        filters,
+        isLoading: isPending,
+        pageSize: PAGE_SIZE,
+        rowCount: count,
+        enableSearch: false,
+        heading: "Gift Card Products",
+        action: {
+          label: "Create gift card product",
+          to: "create"
+        },
+        rowHref: (row) => `${row.id}`,
+        emptyState: {
+          empty: {
+            heading: "No gift card products found",
+            description: "Create a new gift card product to get started."
+          },
+          filtered: {
+            heading: "No results found",
+            description: "No gift card products match your filter criteria."
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Outlet, {})
+  ] });
+}
+export {
+  GiftCardProductsTable
+};

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

@@ -0,0 +1,23 @@
+import { useQueryParams } from "../../../../hooks/common/use-query-params.js";
+const useGiftCardProductsTableQuery = ({
+  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 {
+  useGiftCardProductsTableQuery
+};

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

@@ -0,0 +1,18 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { Toaster } from "@medusajs/ui";
+import { GiftCardProductsTable } from "./components/gift-card-products-table/gift-card-products-table.js";
+const GiftCardProductsPage = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GiftCardProductsTable, {}),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
+};
+const config = defineRouteConfig({
+  label: "Gift Cards",
+  nested: "/products"
+});
+export {
+  config,
+  GiftCardProductsPage as default
+};