@hartl-services/medusa-affiliate 0.4.0 → 0.5.0

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

@@ -1375,252 +1375,6 @@ const config$6 = adminSdk.defineRouteConfig({
   label: texts.routes.affiliates,
   rank: 81
 });
-const useAffiliateApplications = (params) => reactQuery.useQuery({
-  queryKey: affiliateKeys.applicationList(params),
-  queryFn: () => listAffiliateApplications({
-    status: params.status || void 0,
-    limit: params.limit,
-    offset: params.offset
-  })
-});
-const useApproveAffiliateApplication = (applicationId) => {
-  const queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation({
-    mutationFn: (payload) => {
-      if (!applicationId) {
-        throw new Error(texts.hooks.noApplicationSelected);
-      }
-      return approveAffiliateApplication(applicationId, payload);
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: affiliateKeys.applications()
-      });
-      await queryClient.invalidateQueries({ queryKey: affiliateKeys.lists() });
-    }
-  });
-};
-const useRejectAffiliateApplication = (applicationId) => {
-  const queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation({
-    mutationFn: (payload) => {
-      if (!applicationId) {
-        throw new Error(texts.hooks.noApplicationSelected);
-      }
-      return rejectAffiliateApplication(applicationId, payload);
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: affiliateKeys.applications()
-      });
-      await queryClient.invalidateQueries({ queryKey: affiliateKeys.lists() });
-    }
-  });
-};
-const PercentRateInput = ({
-  label,
-  value,
-  onChange
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Input,
-    {
-      min: 0,
-      max: 100,
-      step: "0.01",
-      type: "number",
-      value,
-      onChange: (event) => onChange(Number(event.target.value))
-    }
-  )
-] });
-const DEFAULT_COMMISSION_RATE = 10;
-const DEFAULT_OWN_ORDER_DISCOUNT_RATE = 0;
-const APPLICATIONS_PAGE_SIZE = 20;
-const ApplicationsTable = ({
-  applications,
-  onSelect
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-left text-sm", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "border-ui-border-base border-b", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "text-ui-fg-subtle", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.applicant }),
-    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.customer }),
-    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.slug }),
-    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.submitted }),
-    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 text-right font-medium", children: texts.applications.columns.action })
-  ] }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: applications.map((application) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-ui-border-base border-b", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3 font-medium", children: application.display_name }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3 font-mono text-xs", children: application.customer_id }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3", children: application.requested_slug ?? texts.common.dash }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3", children: formatDateTime(application.created_at) }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => onSelect(application), children: texts.applications.review }) })
-  ] }, application.id)) })
-] }) });
-const AffiliateApplicationsPage = () => {
-  const [offset, setOffset] = react.useState(0);
-  const [selected, setSelected] = react.useState(null);
-  const [commissionRate, setCommissionRate] = react.useState(DEFAULT_COMMISSION_RATE);
-  const [ownOrderDiscountRate, setOwnOrderDiscountRate] = react.useState(DEFAULT_OWN_ORDER_DISCOUNT_RATE);
-  const [slug, setSlug] = react.useState("");
-  const [rejectionReason, setRejectionReason] = react.useState("");
-  const applicationsQuery = useAffiliateApplications({
-    status: "pending",
-    limit: APPLICATIONS_PAGE_SIZE,
-    offset
-  });
-  const approveMutation = useApproveAffiliateApplication(selected?.id);
-  const rejectMutation = useRejectAffiliateApplication(selected?.id);
-  const reviewPending = approveMutation.isPending || rejectMutation.isPending;
-  const applications = applicationsQuery.data?.applications ?? [];
-  const count = applicationsQuery.data?.count ?? 0;
-  const showPagination = !applicationsQuery.isLoading && !applicationsQuery.isError && count > 0;
-  const selectApplication = (application) => {
-    setSelected(application);
-    setSlug(application.requested_slug ?? "");
-    setRejectionReason(application.rejection_reason ?? "");
-    setCommissionRate(DEFAULT_COMMISSION_RATE);
-    setOwnOrderDiscountRate(DEFAULT_OWN_ORDER_DISCOUNT_RATE);
-  };
-  const approve = (event) => {
-    event.preventDefault();
-    approveMutation.mutate(
-      {
-        commission_rate: commissionRate,
-        own_order_discount_rate: ownOrderDiscountRate,
-        slug: slug || selected?.requested_slug || null
-      },
-      {
-        onSuccess: () => {
-          ui.toast.success(texts.applications.toasts.approved);
-          setSelected(null);
-        },
-        onError: (error) => ui.toast.error(texts.applications.toasts.approveFailed, {
-          description: getErrorMessage(error)
-        })
-      }
-    );
-  };
-  const reject = (event) => {
-    event.preventDefault();
-    rejectMutation.mutate(
-      { rejection_reason: rejectionReason || null },
-      {
-        onSuccess: () => {
-          ui.toast.success(texts.applications.toasts.rejected);
-          setSelected(null);
-          setRejectionReason("");
-        },
-        onError: (error) => ui.toast.error(texts.applications.toasts.rejectFailed, {
-          description: getErrorMessage(error)
-        })
-      }
-    );
-  };
-  const renderBody = () => {
-    if (applicationsQuery.isLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.loading }) });
-    }
-    if (applicationsQuery.isError) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.loadError(getErrorMessage(applicationsQuery.error)) }) });
-    }
-    if (!applications.length) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.empty }) });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(ApplicationsTable, { applications, onSelect: selectApplication });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between gap-4 px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: texts.applications.heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.description })
-      ] }) }),
-      renderBody(),
-      showPagination ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-sm", children: texts.common.pageRange(offset + 1, offset + applications.length, count) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              variant: "secondary",
-              disabled: offset === 0,
-              onClick: () => setOffset((current) => Math.max(0, current - APPLICATIONS_PAGE_SIZE)),
-              children: texts.common.back
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              variant: "secondary",
-              disabled: offset + applications.length >= count,
-              onClick: () => setOffset((current) => current + APPLICATIONS_PAGE_SIZE),
-              children: texts.common.next
-            }
-          )
-        ] })
-      ] }) : null
-    ] }),
-    selected ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: texts.applications.reviewHeading(selected.display_name) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle", children: [
-          texts.applications.customerLine(selected.customer_id),
-          selected.message ? ` · ${selected.message}` : ""
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-5 px-6 py-5 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: approve, className: "grid gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: texts.applications.approveHeading }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: texts.applications.affiliateSlugLabel }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                value: slug,
-                onChange: (event) => setSlug(event.target.value),
-                placeholder: texts.applications.affiliateSlugPlaceholder
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              PercentRateInput,
-              {
-                label: texts.applications.commissionLabel,
-                value: commissionRate,
-                onChange: setCommissionRate
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              PercentRateInput,
-              {
-                label: texts.applications.ownDiscountLabel,
-                value: ownOrderDiscountRate,
-                onChange: setOwnOrderDiscountRate
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled: reviewPending, children: approveMutation.isPending ? texts.applications.approving : texts.applications.approve }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: reject, className: "grid gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: texts.applications.rejectHeading }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: texts.applications.reasonLabel }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { value: rejectionReason, onChange: (event) => setRejectionReason(event.target.value) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", variant: "danger", disabled: reviewPending, children: rejectMutation.isPending ? texts.applications.rejecting : texts.applications.reject }) })
-        ] })
-      ] })
-    ] }) : null
-  ] });
-};
-const AffiliateApplicationsRoute = () => /* @__PURE__ */ jsxRuntime.jsx(AffiliateApplicationsPage, {});
-const config$5 = adminSdk.defineRouteConfig({
-  label: texts.routes.applications,
-  rank: 80
-});
 const getCustomerLabel = (customer) => {
   const name = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
   return name ? `${name} (${customer.email})` : customer.email;
@@ -2451,6 +2205,24 @@ const AffiliateCouponPanel = ({ affiliateId }) => {
     )
   ] });
 };
+const PercentRateInput = ({
+  label,
+  value,
+  onChange
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Input,
+    {
+      min: 0,
+      max: 100,
+      step: "0.01",
+      type: "number",
+      value,
+      onChange: (event) => onChange(Number(event.target.value))
+    }
+  )
+] });
 const SlugTable = ({
   affiliateId,
   slugs
@@ -2852,6 +2624,234 @@ const AffiliateEditRoute = () => {
   const { id } = reactRouterDom.useParams();
   return /* @__PURE__ */ jsxRuntime.jsx(AffiliateFormPage, { mode: "edit", affiliateId: id });
 };
+const useAffiliateApplications = (params) => reactQuery.useQuery({
+  queryKey: affiliateKeys.applicationList(params),
+  queryFn: () => listAffiliateApplications({
+    status: params.status || void 0,
+    limit: params.limit,
+    offset: params.offset
+  })
+});
+const useApproveAffiliateApplication = (applicationId) => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (payload) => {
+      if (!applicationId) {
+        throw new Error(texts.hooks.noApplicationSelected);
+      }
+      return approveAffiliateApplication(applicationId, payload);
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: affiliateKeys.applications()
+      });
+      await queryClient.invalidateQueries({ queryKey: affiliateKeys.lists() });
+    }
+  });
+};
+const useRejectAffiliateApplication = (applicationId) => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (payload) => {
+      if (!applicationId) {
+        throw new Error(texts.hooks.noApplicationSelected);
+      }
+      return rejectAffiliateApplication(applicationId, payload);
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: affiliateKeys.applications()
+      });
+      await queryClient.invalidateQueries({ queryKey: affiliateKeys.lists() });
+    }
+  });
+};
+const DEFAULT_COMMISSION_RATE = 10;
+const DEFAULT_OWN_ORDER_DISCOUNT_RATE = 0;
+const APPLICATIONS_PAGE_SIZE = 20;
+const ApplicationsTable = ({
+  applications,
+  onSelect
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-left text-sm", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "border-ui-border-base border-b", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "text-ui-fg-subtle", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.applicant }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.customer }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.slug }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 font-medium", children: texts.applications.columns.submitted }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 text-right font-medium", children: texts.applications.columns.action })
+  ] }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: applications.map((application) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-ui-border-base border-b", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3 font-medium", children: application.display_name }),
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3 font-mono text-xs", children: application.customer_id }),
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3", children: application.requested_slug ?? texts.common.dash }),
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3", children: formatDateTime(application.created_at) }),
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => onSelect(application), children: texts.applications.review }) })
+  ] }, application.id)) })
+] }) });
+const AffiliateApplicationsPage = () => {
+  const [offset, setOffset] = react.useState(0);
+  const [selected, setSelected] = react.useState(null);
+  const [commissionRate, setCommissionRate] = react.useState(DEFAULT_COMMISSION_RATE);
+  const [ownOrderDiscountRate, setOwnOrderDiscountRate] = react.useState(DEFAULT_OWN_ORDER_DISCOUNT_RATE);
+  const [slug, setSlug] = react.useState("");
+  const [rejectionReason, setRejectionReason] = react.useState("");
+  const applicationsQuery = useAffiliateApplications({
+    status: "pending",
+    limit: APPLICATIONS_PAGE_SIZE,
+    offset
+  });
+  const approveMutation = useApproveAffiliateApplication(selected?.id);
+  const rejectMutation = useRejectAffiliateApplication(selected?.id);
+  const reviewPending = approveMutation.isPending || rejectMutation.isPending;
+  const applications = applicationsQuery.data?.applications ?? [];
+  const count = applicationsQuery.data?.count ?? 0;
+  const showPagination = !applicationsQuery.isLoading && !applicationsQuery.isError && count > 0;
+  const selectApplication = (application) => {
+    setSelected(application);
+    setSlug(application.requested_slug ?? "");
+    setRejectionReason(application.rejection_reason ?? "");
+    setCommissionRate(DEFAULT_COMMISSION_RATE);
+    setOwnOrderDiscountRate(DEFAULT_OWN_ORDER_DISCOUNT_RATE);
+  };
+  const approve = (event) => {
+    event.preventDefault();
+    approveMutation.mutate(
+      {
+        commission_rate: commissionRate,
+        own_order_discount_rate: ownOrderDiscountRate,
+        slug: slug || selected?.requested_slug || null
+      },
+      {
+        onSuccess: () => {
+          ui.toast.success(texts.applications.toasts.approved);
+          setSelected(null);
+        },
+        onError: (error) => ui.toast.error(texts.applications.toasts.approveFailed, {
+          description: getErrorMessage(error)
+        })
+      }
+    );
+  };
+  const reject = (event) => {
+    event.preventDefault();
+    rejectMutation.mutate(
+      { rejection_reason: rejectionReason || null },
+      {
+        onSuccess: () => {
+          ui.toast.success(texts.applications.toasts.rejected);
+          setSelected(null);
+          setRejectionReason("");
+        },
+        onError: (error) => ui.toast.error(texts.applications.toasts.rejectFailed, {
+          description: getErrorMessage(error)
+        })
+      }
+    );
+  };
+  const renderBody = () => {
+    if (applicationsQuery.isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.loading }) });
+    }
+    if (applicationsQuery.isError) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.loadError(getErrorMessage(applicationsQuery.error)) }) });
+    }
+    if (!applications.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.empty }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(ApplicationsTable, { applications, onSelect: selectApplication });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between gap-4 px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: texts.applications.heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: texts.applications.description })
+      ] }) }),
+      renderBody(),
+      showPagination ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-sm", children: texts.common.pageRange(offset + 1, offset + applications.length, count) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              disabled: offset === 0,
+              onClick: () => setOffset((current) => Math.max(0, current - APPLICATIONS_PAGE_SIZE)),
+              children: texts.common.back
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              disabled: offset + applications.length >= count,
+              onClick: () => setOffset((current) => current + APPLICATIONS_PAGE_SIZE),
+              children: texts.common.next
+            }
+          )
+        ] })
+      ] }) : null
+    ] }),
+    selected ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: texts.applications.reviewHeading(selected.display_name) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle", children: [
+          texts.applications.customerLine(selected.customer_id),
+          selected.message ? ` · ${selected.message}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-5 px-6 py-5 lg:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: approve, className: "grid gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: texts.applications.approveHeading }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: texts.applications.affiliateSlugLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                value: slug,
+                onChange: (event) => setSlug(event.target.value),
+                placeholder: texts.applications.affiliateSlugPlaceholder
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              PercentRateInput,
+              {
+                label: texts.applications.commissionLabel,
+                value: commissionRate,
+                onChange: setCommissionRate
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              PercentRateInput,
+              {
+                label: texts.applications.ownDiscountLabel,
+                value: ownOrderDiscountRate,
+                onChange: setOwnOrderDiscountRate
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled: reviewPending, children: approveMutation.isPending ? texts.applications.approving : texts.applications.approve }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: reject, className: "grid gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: texts.applications.rejectHeading }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: texts.applications.reasonLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { value: rejectionReason, onChange: (event) => setRejectionReason(event.target.value) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", variant: "danger", disabled: reviewPending, children: rejectMutation.isPending ? texts.applications.rejecting : texts.applications.reject }) })
+        ] })
+      ] })
+    ] }) : null
+  ] });
+};
+const AffiliateApplicationsRoute = () => /* @__PURE__ */ jsxRuntime.jsx(AffiliateApplicationsPage, {});
+const config$5 = adminSdk.defineRouteConfig({
+  label: texts.routes.applications,
+  rank: 80
+});
 function ConsignmentReportsPage() {
   const reports = reactQuery.useQuery({
     queryKey: ["affiliate", "consignment-reports"],
@@ -3615,15 +3615,15 @@ const routeModule = {
       path: "/affiliates",
       handle: { label: config$6.label, translationNs: config$6.translationNs }
     },
+    {
+      Component: AffiliateEditRoute,
+      path: "/affiliates/:id"
+    },
     {
       Component: AffiliateApplicationsRoute,
       path: "/affiliates/applications",
       handle: { label: config$5.label, translationNs: config$5.translationNs }
     },
-    {
-      Component: AffiliateEditRoute,
-      path: "/affiliates/:id"
-    },
     {
       Component: ConsignmentReportsRoute,
       path: "/affiliates/consignment-reports",