@lodashventure/medusa-membership 0.4.13 → 0.4.15

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

@@ -0,0 +1,1102 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
+import { toast, Container, Heading, Switch, Label, Text, Input, Button, createDataTableColumnHelper, usePrompt, useDataTable, DataTable, Drawer, Textarea } from "@medusajs/ui";
+import axios from "axios";
+import { useState, useEffect } from "react";
+import Medusa from "@medusajs/js-sdk";
+import { Users } from "@medusajs/icons";
+import "@medusajs/admin-shared";
+const useMembershipConfig = (storeId, options) => {
+  const [data, setData] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchConfig = async () => {
+    if (!storeId) {
+      setError(new Error("No store id found"));
+      setIsLoading(false);
+      return;
+    }
+    try {
+      setIsLoading(true);
+      setError(null);
+      const { data: config2 } = await axios.get(
+        `/admin/membership/config/${storeId}`
+      );
+      setData(config2);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch config")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchConfig();
+  }, [storeId, options == null ? void 0 : options.enabled]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchConfig
+  };
+};
+const sdk = new Medusa({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const useStore = () => {
+  const [data, setData] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchStore = async () => {
+    var _a;
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await sdk.admin.store.list();
+      const activeStore = (_a = response.stores) == null ? void 0 : _a[0];
+      if (!activeStore) {
+        throw new Error("No active store found");
+      }
+      setData(activeStore);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to fetch store"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchStore();
+  }, []);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchStore
+  };
+};
+const usePromotionCollectable = (id) => {
+  const [data, setData] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchCollectable = async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await axios.get(
+        `/admin/promotions/${id}/update-collectable`
+      );
+      setData(response);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch collectable")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchCollectable();
+  }, [id]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchCollectable
+  };
+};
+const useUpdatePromotionCollectable = (id) => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (data, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      const response = await axios.patch(
+        `/admin/promotions/${id}/update-collectable`,
+        data
+      );
+      toast.success("Coupon collection updated successfully", {
+        dismissable: true,
+        duration: 2500
+      });
+      if (onSuccess) {
+        onSuccess();
+      }
+      return response.data;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to update coupon collection");
+      setError(error2);
+      toast.error("Failed to update coupon collection", {
+        dismissable: true,
+        duration: 2500
+      });
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const PromotionWidget = ({ data }) => {
+  const { id } = data;
+  const { data: collectable } = usePromotionCollectable(id);
+  const { data: store } = useStore();
+  const { data: config2 } = useMembershipConfig(store == null ? void 0 : store.id);
+  const { mutate: updateCollectable } = useUpdatePromotionCollectable(id);
+  const handleToggleCollectable = async (checked) => {
+    try {
+      updateCollectable({
+        enabled: checked
+      });
+      toast.success("Coupon collection updated successfully", {
+        dismissable: true,
+        duration: 2500
+      });
+    } catch (error) {
+      toast.error("Failed to update coupon collection", {
+        dismissable: true,
+        duration: 2500
+      });
+    }
+  };
+  if (!(config2 == null ? void 0 : config2.enable_promotion_collection)) {
+    return null;
+  }
+  if (data.is_automatic) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-6 gap-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Coupon Collection" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-2", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: collectable == null ? void 0 : collectable.data.enabled,
+          onCheckedChange: handleToggleCollectable
+        }
+      ),
+      /* @__PURE__ */ jsx(Label, { children: "Can be collected by customer" })
+    ] })
+  ] });
+};
+defineWidgetConfig({
+  zone: "promotion.details.side.after"
+});
+const useUpdateMembershipConfig = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async ({ storeId, config: config2 }, {
+    onSuccess
+  } = {}) => {
+    if (!storeId) {
+      throw new Error("No store id found");
+    }
+    try {
+      setIsPending(true);
+      setError(null);
+      const response = await axios.patch(
+        `/admin/membership/config/${storeId}`,
+        config2
+      );
+      if (onSuccess) {
+        onSuccess(response.data);
+      }
+      return response.data;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to update config");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const MembershipPage = () => {
+  const { data: store } = useStore();
+  const [config2, setConfig] = useState({
+    enable_membership: false,
+    membership_points_multiplier: 1,
+    enable_membership_notification: false,
+    enable_wishlist: true,
+    enable_promotion_collection: true
+  });
+  const { data: curConfig, error, refetch } = useMembershipConfig(store == null ? void 0 : store.id);
+  const { mutate: saveConfig, isPending } = useUpdateMembershipConfig();
+  const [spendingAmount, setSpendingAmount] = useState(
+    1 / config2.membership_points_multiplier
+  );
+  useEffect(() => {
+    if (curConfig) {
+      setConfig(curConfig);
+      setSpendingAmount(1 / curConfig.membership_points_multiplier);
+    }
+  }, [curConfig]);
+  const handleSave = async () => {
+    var _a, _b;
+    try {
+      await saveConfig({
+        storeId: store == null ? void 0 : store.id,
+        config: config2
+      });
+      toast.success("Settings saved successfully", {
+        dismissable: true,
+        duration: 2500
+      });
+      await refetch();
+    } catch (error2) {
+      if (axios.isAxiosError(error2)) {
+        toast.error("Error saving settings", {
+          description: (_b = (_a = error2.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message,
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        toast.error("Error saving settings", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+    }
+  };
+  if (error || !config2) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      "Error: ",
+      error == null ? void 0 : error.message
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "p-8 rounded-lg", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold mb-4", children: "Membership Settings" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: config2.enable_membership,
+          onCheckedChange: (checked) => setConfig((prev) => ({ ...prev, enable_membership: checked }))
+        }
+      ),
+      "Enable Membership points"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mt-4", children: [
+      /* @__PURE__ */ jsx(Text, { children: "Spending" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "w-32",
+          type: "number",
+          value: spendingAmount,
+          onChange: (e) => {
+            const value = Number(e.target.value) || 0;
+            const ratio = 1 / value;
+            setConfig((prev) => ({
+              ...prev,
+              membership_points_multiplier: ratio
+            }));
+            setSpendingAmount(value);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { children: "To get 1 point" })
+    ] }),
+    /* @__PURE__ */ jsx("hr", { className: "my-4" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 my-2", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: config2.enable_membership_notification,
+          onCheckedChange: (checked) => setConfig((prev) => ({
+            ...prev,
+            enable_membership_notification: checked
+          }))
+        }
+      ),
+      "Enable Membership Notification"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 my-2", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: config2.enable_wishlist,
+          onCheckedChange: (checked) => setConfig((prev) => ({
+            ...prev,
+            enable_wishlist: checked
+          }))
+        }
+      ),
+      "Enable Membership Wishlist"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 my-2", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: config2.enable_promotion_collection,
+          onCheckedChange: (checked) => setConfig((prev) => ({
+            ...prev,
+            enable_promotion_collection: checked
+          }))
+        }
+      ),
+      "Enable Promotion Collection"
+    ] }),
+    /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: isPending, className: "mt-5", children: isPending ? "Saving..." : "Save Settings" })
+  ] });
+};
+const BannerUpload = () => {
+  return /* @__PURE__ */ jsx(MembershipPage, {});
+};
+const config$2 = defineRouteConfig({
+  label: "Membership",
+  icon: Users
+});
+const useCreateMembershipConsent = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (data, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      const response = await axios.post("/admin/membership-consents", data);
+      if (onSuccess) {
+        onSuccess();
+      }
+      return response.data;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to create consent");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const useDeleteMembershipConsent = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (id, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      await axios.delete(`/admin/membership-consents/${id}`);
+      if (onSuccess) {
+        onSuccess();
+      }
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to delete consent");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const useMembershipConsents = () => {
+  const [data, setData] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchConsents = async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await axios.get("/admin/membership-consents");
+      setData(
+        response.data
+      );
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch consents")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchConsents();
+  }, []);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchConsents
+  };
+};
+const useUpdateMembershipConsent = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (consentKey, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      const response = await axios.patch(
+        `/admin/membership-consents/${consentKey.id}`,
+        {
+          name: consentKey.name,
+          description: consentKey.description
+        }
+      );
+      if (onSuccess) {
+        onSuccess();
+      }
+      return response.data;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to update consent");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const columnHelper$1 = createDataTableColumnHelper();
+const columns$1 = [
+  columnHelper$1.accessor("name", {
+    header: "Name"
+  }),
+  columnHelper$1.accessor("description", {
+    header: "Description",
+    maxSize: 250
+  })
+];
+const MembershipConsentsRenderer = () => {
+  const dialog = usePrompt();
+  const [pagination, setPagination] = useState({
+    pageSize: 1e3,
+    pageIndex: 0
+  });
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [editingConsent, setEditingConsent] = useState(null);
+  const [formData, setFormData] = useState({
+    name: "",
+    description: ""
+  });
+  const { data, isLoading, refetch } = useMembershipConsents();
+  const createConsent = useCreateMembershipConsent();
+  const updateConsent = useUpdateMembershipConsent();
+  const deleteConsent = useDeleteMembershipConsent();
+  const table = useDataTable({
+    columns: columns$1,
+    data: (data == null ? void 0 : data.consent_keys) || [],
+    getRowId: (consent) => consent.id,
+    rowCount: (data == null ? void 0 : data.count) || 0,
+    isLoading,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    onRowClick: (_, row) => {
+      openDrawer(row.original);
+    }
+  });
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: name === "min_points" ? Number(value) : value
+    }));
+  };
+  const handleTextAreaChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+  const handleReset = () => {
+    setFormData({
+      name: "",
+      description: ""
+    });
+  };
+  const openDrawer = (consentKey) => {
+    if (consentKey) {
+      setEditingConsent(consentKey);
+      setFormData({
+        name: consentKey.name,
+        description: consentKey.description
+      });
+    } else {
+      setEditingConsent(null);
+      handleReset();
+    }
+    setIsDrawerOpen(true);
+  };
+  const closeDrawer = () => {
+    setIsDrawerOpen(false);
+    setEditingConsent(null);
+    handleReset();
+    refetch();
+  };
+  const handleSubmit = async () => {
+    var _a, _b;
+    try {
+      if (!formData.name) {
+        toast.error("Name is required", { dismissable: true, duration: 2500 });
+        return;
+      }
+      if (editingConsent) {
+        await updateConsent.mutateAsync({ id: editingConsent.id, ...formData });
+        toast.success("Consent updated successfully", {
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        await createConsent.mutateAsync(formData);
+        toast.success("Consent created successfully", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+      closeDrawer();
+    } catch (error) {
+      if (axios.isAxiosError(error)) {
+        toast.error("Error saving consent", {
+          description: (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message,
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        toast.error("Error saving consent", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+    }
+  };
+  const handleDelete = async (id) => {
+    var _a, _b;
+    try {
+      const confirmed = await dialog({
+        title: "Delete Membership Consent",
+        description: `Are you sure you want to delete the \`${editingConsent == null ? void 0 : editingConsent.name}\` consent?`
+      });
+      if (!confirmed) {
+        return;
+      }
+      await deleteConsent.mutateAsync(id);
+      toast.success("Consent deleted successfully", {
+        dismissable: true,
+        duration: 2500
+      });
+      closeDrawer();
+    } catch (error) {
+      if (axios.isAxiosError(error)) {
+        toast.error("Error deleting consent", {
+          description: (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message,
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        toast.error("Error deleting consent", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Container, { className: "flex flex-col p-0 overflow-hidden", children: /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxs(DataTable.Toolbar, { className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center", children: [
+        /* @__PURE__ */ jsx(Heading, { children: "Membership Consents" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => openDrawer(), children: "Add Consent" })
+      ] }),
+      /* @__PURE__ */ jsx(DataTable.Table, {})
+    ] }) }),
+    /* @__PURE__ */ jsx(Drawer, { open: isDrawerOpen, onOpenChange: setIsDrawerOpen, children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+      /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: editingConsent ? "Edit Consent" : "Add Consent" }) }),
+      /* @__PURE__ */ jsxs(Drawer.Body, { "aria-description": "Membership Consent Form", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "space-y-4",
+            "aria-description": "Membership Consent Form",
+            children: [
+              /* @__PURE__ */ jsx(Text, { children: "Name" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  name: "name",
+                  value: formData.name,
+                  onChange: handleInputChange
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { children: "Description" }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  className: "truncate",
+                  name: "description",
+                  value: formData.description,
+                  onChange: handleTextAreaChange
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-6", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: closeDrawer, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, children: editingConsent ? "Update" : "Create" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Drawer.Footer, { className: "flex justify-start", children: editingConsent && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "danger",
+          onClick: () => {
+            handleDelete(editingConsent.id);
+          },
+          children: "Delete"
+        }
+      ) })
+    ] }) })
+  ] });
+};
+const MembershipConsentPage = () => {
+  return /* @__PURE__ */ jsx(MembershipConsentsRenderer, {});
+};
+const config$1 = defineRouteConfig({
+  label: "Membership Consents"
+});
+const useCreateMembershipTier = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (data, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      const response = await axios.post("/admin/member-tiers", data);
+      if (onSuccess) {
+        onSuccess();
+      }
+      return response.data;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to create tier");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const useDeleteMembershipTier = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (id, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      await axios.delete(`/admin/member-tiers/${id}`);
+      if (onSuccess) {
+        onSuccess();
+      }
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to delete tier");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const useMembershipTiers = (params = {
+  limit: 15,
+  offset: 0,
+  order: {
+    min_points: "ASC"
+  }
+}) => {
+  var _a;
+  const [data, setData] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchTiers = async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await axios.get("/admin/member-tiers", {
+        params
+      });
+      setData(
+        response.data
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to fetch tiers"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchTiers();
+  }, [params.limit, params.offset, (_a = params.order) == null ? void 0 : _a.min_points]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchTiers
+  };
+};
+const useUpdateMembershipTier = () => {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const mutate = async (tier, { onSuccess } = {}) => {
+    try {
+      setIsPending(true);
+      setError(null);
+      const response = await axios.patch(`/admin/member-tiers/${tier.id}`, {
+        name: tier.name,
+        description: tier.description,
+        privilege_description: tier.privilege_description,
+        min_points: tier.min_points
+      });
+      if (onSuccess) {
+        onSuccess();
+      }
+      return response.data;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to update tier");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return {
+    mutate,
+    isPending,
+    error
+  };
+};
+const columnHelper = createDataTableColumnHelper();
+const columns = [
+  columnHelper.accessor("min_points", {
+    header: "Min Points"
+  }),
+  columnHelper.accessor("name", {
+    header: "Name"
+  }),
+  columnHelper.accessor("description", {
+    header: "Description",
+    maxSize: 250
+  }),
+  columnHelper.accessor("privilege_description", {
+    header: "Privilege Description",
+    maxSize: 250
+  })
+];
+const MembershipTierRenderer = () => {
+  const dialog = usePrompt();
+  const [pagination, setPagination] = useState({
+    pageSize: 1e3,
+    pageIndex: 0
+  });
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [editingTier, setEditingTier] = useState(null);
+  const [formData, setFormData] = useState({
+    name: "",
+    description: "",
+    privilege_description: "",
+    min_points: 0
+  });
+  const { data, isLoading, refetch } = useMembershipTiers({
+    limit: pagination.pageSize,
+    offset: pagination.pageIndex * pagination.pageSize
+  });
+  const createTier = useCreateMembershipTier();
+  const updateTier = useUpdateMembershipTier();
+  const deleteTier = useDeleteMembershipTier();
+  const table = useDataTable({
+    columns,
+    data: (data == null ? void 0 : data.tiers) || [],
+    getRowId: (tier) => tier.id,
+    rowCount: (data == null ? void 0 : data.count) || 0,
+    isLoading,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    onRowClick: (_, row) => {
+      openDrawer(row.original);
+    }
+  });
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: name === "min_points" ? Number(value) : value
+    }));
+  };
+  const handleTextAreaChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+  const handleReset = () => {
+    setFormData({
+      name: "",
+      description: "",
+      privilege_description: "",
+      min_points: 0
+    });
+  };
+  const openDrawer = (tier) => {
+    if (tier) {
+      setEditingTier(tier);
+      setFormData({
+        name: tier.name,
+        description: tier.description,
+        privilege_description: tier.privilege_description,
+        min_points: tier.min_points
+      });
+    } else {
+      setEditingTier(null);
+      handleReset();
+    }
+    setIsDrawerOpen(true);
+  };
+  const closeDrawer = () => {
+    setIsDrawerOpen(false);
+    setEditingTier(null);
+    handleReset();
+    refetch();
+  };
+  const handleSubmit = async () => {
+    var _a, _b;
+    try {
+      if (!formData.name) {
+        toast.error("Name is required", { dismissable: true, duration: 2500 });
+        return;
+      }
+      if (editingTier) {
+        await updateTier.mutateAsync({ id: editingTier.id, ...formData });
+        toast.success("Tier updated successfully", {
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        await createTier.mutateAsync(formData);
+        toast.success("Tier created successfully", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+      closeDrawer();
+    } catch (error) {
+      if (axios.isAxiosError(error)) {
+        toast.error("Error saving tier", {
+          description: (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message,
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        toast.error("Error saving tier", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+    }
+  };
+  const handleDelete = async (id) => {
+    var _a, _b;
+    try {
+      const confirmed = await dialog({
+        title: "Delete Membership Tier",
+        description: `Are you sure you want to delete the \`${editingTier == null ? void 0 : editingTier.name}\` tier?`
+      });
+      if (!confirmed) {
+        return;
+      }
+      await deleteTier.mutateAsync(id);
+      toast.success("Tier deleted successfully", {
+        dismissable: true,
+        duration: 2500
+      });
+      closeDrawer();
+    } catch (error) {
+      if (axios.isAxiosError(error)) {
+        toast.error("Error deleting tier", {
+          description: (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message,
+          dismissable: true,
+          duration: 2500
+        });
+      } else {
+        toast.error("Error deleting tier", {
+          dismissable: true,
+          duration: 2500
+        });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Container, { className: "flex flex-col p-0 overflow-hidden", children: /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxs(DataTable.Toolbar, { className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center", children: [
+        /* @__PURE__ */ jsx(Heading, { children: "Membership Tiers" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => openDrawer(), children: "Add Tier" })
+      ] }),
+      /* @__PURE__ */ jsx(DataTable.Table, {})
+    ] }) }),
+    /* @__PURE__ */ jsx(Drawer, { open: isDrawerOpen, onOpenChange: setIsDrawerOpen, children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+      /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: editingTier ? "Edit Tier" : "Add Tier" }) }),
+      /* @__PURE__ */ jsxs(Drawer.Body, { "aria-description": "Membership Tier Form", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", "aria-description": "Membership Tier Form", children: [
+          /* @__PURE__ */ jsx(Text, { children: "Name" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              name: "name",
+              value: formData.name,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { children: "Description" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              className: "truncate",
+              name: "description",
+              value: formData.description,
+              onChange: handleTextAreaChange
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { children: "Privilege Description" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              className: "truncate",
+              name: "privilege_description",
+              value: formData.privilege_description,
+              onChange: handleTextAreaChange
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { children: "Points" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              name: "min_points",
+              type: "number",
+              value: formData.min_points,
+              onChange: handleInputChange
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-6", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: closeDrawer, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, children: editingTier ? "Update" : "Create" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Drawer.Footer, { className: "flex justify-start", children: editingTier && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "danger",
+          onClick: () => {
+            handleDelete(editingTier.id);
+          },
+          children: "Delete"
+        }
+      ) })
+    ] }) })
+  ] });
+};
+const MembershipTierPage = () => {
+  return /* @__PURE__ */ jsx(MembershipTierRenderer, {});
+};
+const config = defineRouteConfig({
+  label: "Membership Tiers"
+});
+const widgetModule = { widgets: [
+  {
+    Component: PromotionWidget,
+    zone: ["promotion.details.side.after"]
+  }
+] };
+const routeModule = {
+  routes: [
+    {
+      Component: BannerUpload,
+      path: "/membership"
+    },
+    {
+      Component: MembershipConsentPage,
+      path: "/membership/member-consents"
+    },
+    {
+      Component: MembershipTierPage,
+      path: "/membership/membertier"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/membership",
+      nested: void 0
+    },
+    {
+      label: config$1.label,
+      icon: void 0,
+      path: "/membership/member-consents",
+      nested: void 0
+    },
+    {
+      label: config.label,
+      icon: void 0,
+      path: "/membership/membertier",
+      nested: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+export {
+  plugin as default
+};