@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/lib/query-key.js

@@ -0,0 +1,17 @@
+const queryKeysFactory = (globalKey) => {
+  const queryKeyFactory = {
+    all: [globalKey],
+    lists: () => [...queryKeyFactory.all, "list"],
+    list: (query) => [...queryKeyFactory.lists(), { query }],
+    details: () => [...queryKeyFactory.all, "detail"],
+    detail: (id, query) => [
+      ...queryKeyFactory.details(),
+      id,
+      { query }
+    ]
+  };
+  return queryKeyFactory;
+};
+export {
+  queryKeysFactory
+};

package/.medusa/server/src/admin/lib/sdk.js

@@ -0,0 +1,10 @@
+import Medusa from "@medusajs/js-sdk";
+const sdk = new Medusa({
+  baseUrl: "/",
+  auth: {
+    type: "session"
+  }
+});
+export {
+  sdk
+};

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

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../../../components/modals/route-drawer/route-drawer.js";
+import { RouteFocusModal } from "../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "react";
+import "react-router-dom";
+import "../../../components/modals/route-modal-provider/route-modal-context.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 { usePricePreferences } from "../../../hooks/api/price-preferences.js";
+import { useRegions } from "../../../hooks/api/regions.js";
+import { useSalesChannel } from "../../../hooks/api/sales-channels.js";
+import { useStore } from "../../../hooks/api/store.js";
+import { GiftCardProductCreateForm } from "../components/gift-card-product-create-form/gift-card-product-create-form.js";
+const GiftCardProductCreate = () => {
+  const {
+    store,
+    isPending: isStorePending,
+    isError: isStoreError,
+    error: storeError
+  } = useStore({
+    fields: "+default_sales_channel"
+  });
+  const {
+    sales_channel,
+    isPending: isSalesChannelPending,
+    isError: isSalesChannelError,
+    error: salesChannelError
+  } = useSalesChannel(store == null ? void 0 : store.default_sales_channel_id, {
+    enabled: !!(store == null ? void 0 : store.default_sales_channel_id)
+  });
+  const {
+    regions,
+    isPending: isRegionsPending,
+    isError: isRegionsError,
+    error: regionsError
+  } = useRegions({ limit: 9999 });
+  const {
+    price_preferences,
+    isPending: isPricePreferencesPending,
+    isError: isPricePreferencesError,
+    error: pricePreferencesError
+  } = usePricePreferences({
+    limit: 9999
+  });
+  const ready = !!store && !isStorePending && !!regions && !isRegionsPending && !!sales_channel && !isSalesChannelPending && !!price_preferences && !isPricePreferencesPending;
+  if (isStoreError) {
+    throw storeError;
+  }
+  if (isRegionsError) {
+    throw regionsError;
+  }
+  if (isSalesChannelError) {
+    throw salesChannelError;
+  }
+  if (isPricePreferencesError) {
+    throw pricePreferencesError;
+  }
+  return /* @__PURE__ */ jsxs(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Create Gift Card Product" }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Create a new gift card product" }) }),
+    ready && /* @__PURE__ */ jsx(
+      GiftCardProductCreateForm,
+      {
+        defaultChannel: sales_channel,
+        store,
+        pricePreferences: price_preferences,
+        regions
+      }
+    )
+  ] });
+};
+export {
+  GiftCardProductCreate as default
+};

package/.medusa/server/src/admin/routes/gift-card-products/_id_/@denominations/components/gift-card-product-edit-denominations-form.js

@@ -0,0 +1,172 @@
+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 { MinusMini } from "@medusajs/icons";
+import { toast, Input, Button, Alert } from "@medusajs/ui";
+import { useForm, useFieldArray } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+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 "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 { useUpdateProduct } from "../../../../../hooks/api/products.js";
+import { optionalFloat } from "../../../../../utils/validations.js";
+const EditProductSchema = z.object({
+  denominations: z.array(
+    z.object({
+      id: z.string().optional(),
+      value: z.string().min(1),
+      sku: z.string().optional(),
+      prices: z.record(z.string(), optionalFloat).optional()
+    })
+  ).min(1)
+});
+const GiftCardProductEditDenominationsForm = ({
+  product
+}) => {
+  var _a;
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      denominations: (_a = product.variants) == null ? void 0 : _a.map((variant) => {
+        var _a2;
+        return {
+          id: variant.id,
+          value: variant.title,
+          sku: ((_a2 = variant.sku) == null ? void 0 : _a2.length) ? variant.sku : void 0
+        };
+      })
+    },
+    resolver: zodResolver(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) => {
+          var _a2;
+          return {
+            id: denomination.id,
+            title: denomination.value,
+            sku: ((_a2 = denomination.sku) == null ? void 0 : _a2.length) ? denomination.sku : void 0,
+            options: {
+              denomination: denomination.value
+            }
+          };
+        })
+      },
+      {
+        onSuccess: () => {
+          toast.success(`Denominations updated successfully`);
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  const {
+    fields: denominationsFields,
+    append: addDenomination,
+    remove: removeDenomination
+  } = useFieldArray({
+    name: "denominations",
+    control: form.control
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          denominationsFields.map((denominationField, index) => {
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-4 py-2",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Form.Field,
+                    {
+                      control: form.control,
+                      name: `denominations.${index}.value`,
+                      render: ({ field }) => {
+                        return /* @__PURE__ */ jsxs(Form.Item, { className: "w-full", children: [
+                          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              ...field,
+                              placeholder: "100",
+                              required: true,
+                              type: "number",
+                              min: 0
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                        ] });
+                      }
+                    },
+                    denominationField.id
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center rounded-xl", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      type: "button",
+                      className: "rounded-full bg-red-500 text-white p-0 ml-4 hover:bg-red-600",
+                      onClick: () => {
+                        removeDenomination(index);
+                      },
+                      children: /* @__PURE__ */ jsx(MinusMini, { className: "rounded-full" })
+                    }
+                  ) })
+                ]
+              },
+              denominationField.id
+            );
+          }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              className: "w-full",
+              onClick: () => {
+                addDenomination({ value: "", sku: "", prices: {} });
+              },
+              children: "Add denomination"
+            }
+          ),
+          form.formState.errors.denominations && /* @__PURE__ */ jsx(Alert, { variant: "error", children: "Please add at least one denomination." })
+        ] }) }) }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-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" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+export {
+  GiftCardProductEditDenominationsForm
+};

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

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Heading } from "@medusajs/ui";
+import { useParams } from "react-router-dom";
+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 "../../../../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 { useProduct } from "../../../../hooks/api/products.js";
+import { GiftCardProductEditDenominationsForm } from "./components/gift-card-product-edit-denominations-form.js";
+const GiftCardProductEdit = () => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(id, {});
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit gift card product" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card product" })
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsx(GiftCardProductEditDenominationsForm, { product })
+  ] });
+};
+export {
+  GiftCardProductEdit,
+  GiftCardProductEdit as default
+};

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

@@ -0,0 +1,180 @@
+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, Select, Input, Text, Textarea, Button } from "@medusajs/ui";
+import { useForm } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+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 "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 { useUpdateProduct } from "../../../../../hooks/api/products.js";
+const EditProductSchema = z.object({
+  status: z.enum(["draft", "published", "proposed", "rejected"]),
+  title: z.string().min(1),
+  subtitle: z.string().optional(),
+  handle: z.string().min(1),
+  description: z.string().optional()
+});
+const GiftCardProductEditForm = ({
+  product
+}) => {
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      status: product.status,
+      title: product.title,
+      subtitle: product.subtitle || "",
+      handle: product.handle || "",
+      description: product.description || ""
+    },
+    resolver: zodResolver(EditProductSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { title, handle, status, ...optional } = data;
+    await mutateAsync(
+      {
+        ...optional,
+        title,
+        handle,
+        status
+      },
+      {
+        onSuccess: ({ product: product2 }) => {
+          toast.success(
+            `Gift card product ${product2.title} updated successfully`
+          );
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "status",
+              render: ({ field: { onChange, ref, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: "Status" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...field, onValueChange: onChange, children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, className: "capitalize", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: [
+                      "draft",
+                      "published",
+                      "proposed",
+                      "rejected"
+                    ].map((status) => {
+                      return /* @__PURE__ */ jsx(
+                        Select.Item,
+                        {
+                          value: status,
+                          className: "capitalize",
+                          children: status
+                        },
+                        status
+                      );
+                    }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "title",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: "Title" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "subtitle",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Subtitle" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "handle",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: "Handle" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r", children: /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        className: "text-ui-fg-muted",
+                        size: "small",
+                        leading: "compact",
+                        weight: "plus",
+                        children: "/"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Input, { ...field, className: "pl-10" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "description",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Description" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }) }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-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" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+export {
+  GiftCardProductEditForm
+};

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

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Heading } from "@medusajs/ui";
+import { useParams } from "react-router-dom";
+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 "../../../../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 { useProduct } from "../../../../hooks/api/products.js";
+import { GiftCardProductEditForm } from "./components/gift-card-product-edit-form.js";
+const GiftCardProductEdit = () => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(id, {});
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit gift card product" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit the gift card product" })
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsx(GiftCardProductEditForm, { product })
+  ] });
+};
+export {
+  GiftCardProductEdit,
+  GiftCardProductEdit as default
+};

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

@@ -0,0 +1,97 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { usePrompt, Container, Heading, StatusBadge } from "@medusajs/ui";
+import { useNavigate } from "react-router-dom";
+import { ActionMenu } from "../../../../components/action-menu.js";
+import { SectionRow } from "../../../../components/section-row.js";
+import { useDeleteProduct } from "../../../../hooks/api/products.js";
+const productStatusColor = (status) => {
+  switch (status) {
+    case "draft":
+      return "grey";
+    case "proposed":
+      return "orange";
+    case "published":
+      return "green";
+    case "rejected":
+      return "red";
+    default:
+      return "grey";
+  }
+};
+const ProductGeneralSection = ({
+  product
+}) => {
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteProduct(product.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: "Are you sure?",
+      description: `Are you sure you want to delete gift card product ${product.title}?`,
+      confirmText: "Delete",
+      cancelText: "Cancel"
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        navigate("..");
+      }
+    });
+  };
+  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__ */ jsx(Heading, { children: product.title }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx(
+          StatusBadge,
+          {
+            color: productStatusColor(product.status),
+            className: "capitalize",
+            children: product.status
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: "Edit",
+                    to: "edit",
+                    icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: "Delete",
+                    onClick: handleDelete,
+                    icon: /* @__PURE__ */ jsx(Trash, {})
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(SectionRow, { title: "Description", value: product.description }),
+    /* @__PURE__ */ jsx(SectionRow, { title: "Subtitle", value: product.subtitle }),
+    /* @__PURE__ */ jsx(SectionRow, { title: "Handle", value: `/${product.handle}` }),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: "Discountable",
+        value: product.discountable.toString()
+      }
+    )
+  ] });
+};
+export {
+  ProductGeneralSection
+};