@lodashventure/medusa-campaign 1.4.10 → 1.4.12

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

@@ -1,4164 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const adminSdk = require("@medusajs/admin-sdk");
-const ui = require("@medusajs/ui");
-const icons = require("@medusajs/icons");
-const React = require("react");
-const reactRouterDom = require("react-router-dom");
-const dayjs = require("dayjs");
-const axios = require("axios");
-const z = require("zod");
-const lodash = require("lodash");
-const Medusa = require("@medusajs/js-sdk");
-const _interopDefault = (e2) => e2 && e2.__esModule ? e2 : { default: e2 };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const dayjs__default = /* @__PURE__ */ _interopDefault(dayjs);
-const axios__default = /* @__PURE__ */ _interopDefault(axios);
-const z__default = /* @__PURE__ */ _interopDefault(z);
-const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
-const CampaignDetailWidget = ({
-  data: promotion
-}) => {
-  const navigate = reactRouterDom.useNavigate();
-  const [campaign, setCampaign] = React.useState(null);
-  const [campaignDetail, setCampaignDetail] = React.useState(
-    null
-  );
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  React.useEffect(() => {
-    if (promotion == null ? void 0 : promotion.campaign_id) {
-      fetchCampaignAndDetail();
-    } else {
-      setLoading(false);
-    }
-  }, [promotion == null ? void 0 : promotion.campaign_id]);
-  const fetchCampaignAndDetail = async () => {
-    if (!(promotion == null ? void 0 : promotion.campaign_id)) return;
-    setLoading(true);
-    setError(null);
-    try {
-      const campaignResponse = await fetch(
-        `/admin/flash-sales/${promotion.campaign_id}`,
-        {
-          credentials: "include"
-        }
-      );
-      if (campaignResponse.ok) {
-        const campaignData = await campaignResponse.json();
-        setCampaign(campaignData);
-        if (campaignData.campaign_detail) {
-          setCampaignDetail(campaignData.campaign_detail);
-        }
-      }
-    } catch (err) {
-      console.error("Error fetching campaign:", err);
-      setError("Failed to load campaign information");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleEditCampaign = () => {
-    if (campaign == null ? void 0 : campaign.id) {
-      navigate(`/flash-sales/${campaign.id}`);
-    }
-  };
-  const handleViewCampaign = () => {
-    if (campaign == null ? void 0 : campaign.id) {
-      navigate(`/flash-sales/${campaign.id}#details`);
-    }
-  };
-  if (!(promotion == null ? void 0 : promotion.campaign_id)) {
-    return null;
-  }
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, { className: "text-ui-fg-subtle" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Campaign" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Loading campaign..." })
-    ] }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, { className: "text-ui-fg-subtle" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Campaign" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: error })
-    ] }) });
-  }
-  if (!campaign) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, { className: "text-ui-fg-subtle" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Campaign" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "This promotion is not part of a campaign" })
-    ] }) });
-  }
-  const hasCampaignDetail = !!campaignDetail;
-  const hasImages = (campaignDetail == null ? void 0 : campaignDetail.image_url) || (campaignDetail == null ? void 0 : campaignDetail.thumbnail_url);
-  const hasContent = (campaignDetail == null ? void 0 : campaignDetail.detail_content) || (campaignDetail == null ? void 0 : campaignDetail.terms_and_conditions);
-  const hasSEO = (campaignDetail == null ? void 0 : campaignDetail.meta_title) || (campaignDetail == null ? void 0 : campaignDetail.meta_description);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, { className: "text-ui-fg-subtle" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Campaign" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-4 rounded-lg border bg-ui-bg-subtle", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-semibold text-lg mb-1", children: campaign.name }),
-          campaign.description && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-sm text-ui-fg-subtle line-clamp-2", children: campaign.description })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "purple", size: "small", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, { className: "mr-1" }),
-          "Campaign"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 mt-3 pt-3 border-t", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            icons.PhotoSolid,
-            {
-              className: `h-4 w-4 ${hasImages ? "text-green-500" : "text-ui-fg-muted"}`
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs", children: hasImages ? "Images added" : "No images" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            icons.PencilSquare,
-            {
-              className: `h-4 w-4 ${hasContent ? "text-green-500" : "text-ui-fg-muted"}`
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs", children: hasContent ? "Content added" : "No content" })
-        ] })
-      ] })
-    ] }),
-    hasCampaignDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 mb-4", children: [
-      campaignDetail.thumbnail_url && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs font-medium text-ui-fg-subtle mb-2", children: "Thumbnail" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: campaignDetail.thumbnail_url,
-            alt: "Campaign thumbnail",
-            className: "w-full h-32 object-cover rounded-lg border"
-          }
-        )
-      ] }),
-      campaignDetail.detail_content && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs font-medium text-ui-fg-subtle mb-1", children: "Content Preview" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-sm line-clamp-3 text-ui-fg-muted", children: [
-          campaignDetail.detail_content.substring(0, 150),
-          "..."
-        ] })
-      ] }),
-      campaignDetail.link_url && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "xsmall", color: "blue", children: "CTA Link" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle truncate", children: campaignDetail.link_text || campaignDetail.link_url })
-      ] }),
-      hasSEO && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "xsmall", color: "green", children: "SEO" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Meta fields configured" })
-      ] })
-    ] }),
-    !hasCampaignDetail && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-sm", children: "No campaign details added yet. Add images, content, and SEO to enhance this campaign." }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "secondary", size: "small", onClick: handleEditCampaign, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, { className: "mr-1" }),
-        "Edit Campaign"
-      ] }),
-      hasCampaignDetail && /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.Button,
-        {
-          variant: "secondary",
-          size: "small",
-          onClick: handleViewCampaign,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, { className: "mr-1" }),
-            "View Details"
-          ]
-        }
-      )
-    ] }),
-    campaignDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 pt-4 border-t grid grid-cols-2 gap-3 text-xs", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Display Order" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: campaignDetail.display_order })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: hasCampaignDetail ? "green" : "grey", size: "xsmall", children: hasCampaignDetail ? "Complete" : "Incomplete" })
-      ] })
-    ] })
-  ] }) });
-};
-adminSdk.defineWidgetConfig({
-  zone: "promotion.details.side.after"
-});
-const useCoupons = ({ limit, offset }) => {
-  const [data, setData] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const fetchCoupons = async () => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const response = await axios__default.default.get("/admin/coupons", {
-        params: { limit, offset }
-      });
-      setData(response.data);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to fetch coupons"));
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  React.useEffect(() => {
-    fetchCoupons();
-  }, [limit, offset]);
-  return {
-    data,
-    isLoading,
-    error,
-    refetch: fetchCoupons
-  };
-};
-const columnHelper$1 = ui.createDataTableColumnHelper();
-const useCouponColumns = () => React.useMemo(
-  () => [
-    columnHelper$1.accessor("name", {
-      header: "Name",
-      cell: (info) => info.getValue()
-    }),
-    columnHelper$1.display({
-      id: "code",
-      header: "Code",
-      cell: (info) => {
-        var _a, _b;
-        return ((_b = (_a = info.row.original.promotions) == null ? void 0 : _a[0]) == null ? void 0 : _b.code) ?? "-";
-      }
-    }),
-    columnHelper$1.display({
-      id: "status",
-      header: "Status",
-      cell: (info) => {
-        const endsAt = info.row.original.ends_at;
-        if (!endsAt) {
-          return "";
-        }
-        const isActive = dayjs__default.default(endsAt).isAfter(dayjs__default.default());
-        return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: isActive ? "green" : "grey", children: isActive ? "Active" : "Inactive" });
-      }
-    }),
-    columnHelper$1.accessor("starts_at", {
-      header: "Start Date",
-      cell: (info) => info.getValue() ? dayjs__default.default(info.getValue()).format("YYYY-MM-DD HH:mm") : ""
-    }),
-    columnHelper$1.accessor("ends_at", {
-      header: "End Date",
-      cell: (info) => info.getValue() ? dayjs__default.default(info.getValue()).format("YYYY-MM-DD HH:mm") : ""
-    })
-  ],
-  []
-);
-const CouponPage = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const limit = 20;
-  const [pagination, setPagination] = React.useState({
-    pageSize: limit,
-    pageIndex: 0
-  });
-  const offset = pagination.pageIndex * limit;
-  const { data } = useCoupons({ limit, offset });
-  const columns2 = useCouponColumns();
-  const table = ui.useDataTable({
-    data: (data == null ? void 0 : data.campaigns) ?? [],
-    columns: columns2,
-    getRowId: (row) => row.id,
-    pagination: {
-      state: pagination,
-      onPaginationChange: setPagination
-    },
-    rowCount: (data == null ? void 0 : data.count) ?? 0,
-    onRowClick: (_, row) => {
-      navigate(`/coupons/${row.id}`);
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold", children: "Coupons" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => navigate("/coupons/create"), children: "Create Coupon" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
-    ] })
-  ] });
-};
-const Coupons = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(CouponPage, {});
-};
-const config$3 = adminSdk.defineRouteConfig({
-  label: "Coupons",
-  icon: icons.Tag
-});
-const useFlashSales = (pagination) => {
-  const [data, setData] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const fetchFlashSales = async () => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const response = await axios__default.default.get("/admin/flash-sales", {
-        params: pagination
-      });
-      setData(response.data);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err : new Error("Failed to fetch flash sales")
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  React.useEffect(() => {
-    fetchFlashSales();
-  }, [pagination.limit, pagination.offset]);
-  return {
-    data,
-    isLoading,
-    error,
-    refetch: fetchFlashSales
-  };
-};
-const FlashSalePage = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const limit = 20;
-  const [pagination, setPagination] = React.useState({
-    pageSize: limit,
-    pageIndex: 0
-  });
-  const offset = React.useMemo(() => {
-    return pagination.pageIndex * limit;
-  }, [pagination]);
-  const columnHelper2 = ui.createDataTableColumnHelper();
-  const columns2 = [
-    columnHelper2.accessor("name", {
-      header: "Name",
-      cell: (info) => info.getValue()
-    }),
-    columnHelper2.accessor("ends_at", {
-      header: "Status",
-      cell: (info) => {
-        const date = info.getValue();
-        if (!date) {
-          return "";
-        }
-        const isActive = dayjs__default.default(date).isAfter(dayjs__default.default());
-        return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: isActive ? "green" : "grey", children: isActive ? "Active" : "Inactive" });
-      }
-    }),
-    columnHelper2.accessor("starts_at", {
-      header: "Start Date",
-      cell: (info) => {
-        const date = info.getValue();
-        if (!date) {
-          return "";
-        }
-        return dayjs__default.default(date).format("YYYY-MM-DD HH:mm");
-      }
-    }),
-    columnHelper2.accessor("ends_at", {
-      header: "End Date",
-      cell: (info) => {
-        const date = info.getValue();
-        if (!date) {
-          return "";
-        }
-        return dayjs__default.default(date).format("YYYY-MM-DD HH:mm");
-      }
-    })
-  ];
-  const { data } = useFlashSales({ limit, offset });
-  const table = ui.useDataTable({
-    data: (data == null ? void 0 : data.campaigns) || [],
-    columns: columns2,
-    getRowId: (campaign) => campaign.id,
-    pagination: {
-      state: pagination,
-      onPaginationChange: setPagination
-    },
-    rowCount: (data == null ? void 0 : data.count) || 0,
-    onRowClick: (_, row) => {
-      navigate(`/flash-sales/${row.id}`);
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold", children: "Campaigns" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => navigate("/flash-sales/create"), children: "Create Campaign" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
-    ] })
-  ] });
-};
-const FlashSale = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(FlashSalePage, {});
-};
-const config$2 = adminSdk.defineRouteConfig({
-  label: "Flash Sale",
-  icon: icons.Sparkles
-});
-var isCheckBoxInput = (element) => element.type === "checkbox";
-var isDateObject = (value) => value instanceof Date;
-var isNullOrUndefined = (value) => value == null;
-const isObjectType = (value) => typeof value === "object";
-var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var getEventValue = (event) => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
-var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
-var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
-var isPlainObject = (tempObject) => {
-  const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-  return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
-};
-var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
-function cloneObject(data) {
-  let copy;
-  const isArray = Array.isArray(data);
-  if (data instanceof Date) {
-    copy = new Date(data);
-  } else if (data instanceof Set) {
-    copy = new Set(data);
-  } else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) && (isArray || isObject(data))) {
-    copy = isArray ? [] : {};
-    if (!isArray && !isPlainObject(data)) {
-      copy = data;
-    } else {
-      for (const key in data) {
-        if (data.hasOwnProperty(key)) {
-          copy[key] = cloneObject(data[key]);
-        }
-      }
-    }
-  } else {
-    return data;
-  }
-  return copy;
-}
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var isUndefined = (val) => val === void 0;
-var get = (object, path, defaultValue) => {
-  if (!path || !isObject(object)) {
-    return defaultValue;
-  }
-  const result = compact(path.split(/[,[\].]+?/)).reduce((result2, key) => isNullOrUndefined(result2) ? result2 : result2[key], object);
-  return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
-};
-var isBoolean = (value) => typeof value === "boolean";
-const EVENTS = {
-  BLUR: "blur",
-  FOCUS_OUT: "focusout",
-  CHANGE: "change"
-};
-const VALIDATION_MODE = {
-  onBlur: "onBlur",
-  onChange: "onChange",
-  onSubmit: "onSubmit",
-  onTouched: "onTouched",
-  all: "all"
-};
-const INPUT_VALIDATION_RULES = {
-  max: "max",
-  min: "min",
-  maxLength: "maxLength",
-  minLength: "minLength",
-  pattern: "pattern",
-  required: "required",
-  validate: "validate"
-};
-const HookFormContext = React__default.default.createContext(null);
-const useFormContext = () => React__default.default.useContext(HookFormContext);
-var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-  const result = {
-    defaultValues: control._defaultValues
-  };
-  for (const key in formState) {
-    Object.defineProperty(result, key, {
-      get: () => {
-        const _key = key;
-        if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {
-          control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;
-        }
-        localProxyFormState && (localProxyFormState[_key] = true);
-        return formState[_key];
-      }
-    });
-  }
-  return result;
-};
-var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
-var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
-  updateFormState(formStateData);
-  const { name, ...formState } = formStateData;
-  return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
-};
-var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
-var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
-function useSubscribe(props) {
-  const _props = React__default.default.useRef(props);
-  _props.current = props;
-  React__default.default.useEffect(() => {
-    const subscription = !props.disabled && _props.current.subject && _props.current.subject.subscribe({
-      next: _props.current.next
-    });
-    return () => {
-      subscription && subscription.unsubscribe();
-    };
-  }, [props.disabled]);
-}
-function useFormState(props) {
-  const methods = useFormContext();
-  const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = React__default.default.useState(control._formState);
-  const _mounted = React__default.default.useRef(true);
-  const _localProxyFormState = React__default.default.useRef({
-    isDirty: false,
-    isLoading: false,
-    dirtyFields: false,
-    touchedFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  });
-  const _name = React__default.default.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    next: (value) => _mounted.current && shouldSubscribeByName(_name.current, value.name, exact) && shouldRenderFormState(value, _localProxyFormState.current, control._updateFormState) && updateFormState({
-      ...control._formState,
-      ...value
-    }),
-    subject: control._subjects.state
-  });
-  React__default.default.useEffect(() => {
-    _mounted.current = true;
-    _localProxyFormState.current.isValid && control._updateValid(true);
-    return () => {
-      _mounted.current = false;
-    };
-  }, [control]);
-  return getProxyFormState(formState, control, _localProxyFormState.current, false);
-}
-var isString = (value) => typeof value === "string";
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-  if (isString(names)) {
-    isGlobal && _names.watch.add(names);
-    return get(formValues, names, defaultValue);
-  }
-  if (Array.isArray(names)) {
-    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-  }
-  isGlobal && (_names.watchAll = true);
-  return formValues;
-};
-function useWatch(props) {
-  const methods = useFormContext();
-  const { control = methods.control, name, defaultValue, disabled, exact } = props || {};
-  const _name = React__default.default.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    subject: control._subjects.values,
-    next: (formState) => {
-      if (shouldSubscribeByName(_name.current, formState.name, exact)) {
-        updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue)));
-      }
-    }
-  });
-  const [value, updateValue] = React__default.default.useState(control._getWatch(name, defaultValue));
-  React__default.default.useEffect(() => control._removeUnmounted());
-  return value;
-}
-var isKey = (value) => /^\w*$/.test(value);
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-var set = (object, path, value) => {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-  return object;
-};
-function useController(props) {
-  const methods = useFormContext();
-  const { name, disabled, control = methods.control, shouldUnregister } = props;
-  const isArrayField = isNameInFieldArray(control._names.array, name);
-  const value = useWatch({
-    control,
-    name,
-    defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
-    exact: true
-  });
-  const formState = useFormState({
-    control,
-    name
-  });
-  const _registerProps = React__default.default.useRef(control.register(name, {
-    ...props.rules,
-    value,
-    ...isBoolean(props.disabled) ? { disabled: props.disabled } : {}
-  }));
-  React__default.default.useEffect(() => {
-    const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-    const updateMounted = (name2, value2) => {
-      const field = get(control._fields, name2);
-      if (field) {
-        field._f.mount = value2;
-      }
-    };
-    updateMounted(name, true);
-    if (_shouldUnregisterField) {
-      const value2 = cloneObject(get(control._options.defaultValues, name));
-      set(control._defaultValues, name, value2);
-      if (isUndefined(get(control._formValues, name))) {
-        set(control._formValues, name, value2);
-      }
-    }
-    return () => {
-      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
-    };
-  }, [name, control, isArrayField, shouldUnregister]);
-  React__default.default.useEffect(() => {
-    if (get(control._fields, name)) {
-      control._updateDisabledField({
-        disabled,
-        fields: control._fields,
-        name,
-        value: get(control._fields, name)._f.value
-      });
-    }
-  }, [disabled, name, control]);
-  return {
-    field: {
-      name,
-      value,
-      ...isBoolean(disabled) || isBoolean(formState.disabled) ? { disabled: formState.disabled || disabled } : {},
-      onChange: React__default.default.useCallback((event) => _registerProps.current.onChange({
-        target: {
-          value: getEventValue(event),
-          name
-        },
-        type: EVENTS.CHANGE
-      }), [name]),
-      onBlur: React__default.default.useCallback(() => _registerProps.current.onBlur({
-        target: {
-          value: get(control._formValues, name),
-          name
-        },
-        type: EVENTS.BLUR
-      }), [name, control]),
-      ref: (elm) => {
-        const field = get(control._fields, name);
-        if (field && elm) {
-          field._f.ref = {
-            focus: () => elm.focus(),
-            select: () => elm.select(),
-            setCustomValidity: (message) => elm.setCustomValidity(message),
-            reportValidity: () => elm.reportValidity()
-          };
-        }
-      }
-    },
-    formState,
-    fieldState: Object.defineProperties({}, {
-      invalid: {
-        enumerable: true,
-        get: () => !!get(formState.errors, name)
-      },
-      isDirty: {
-        enumerable: true,
-        get: () => !!get(formState.dirtyFields, name)
-      },
-      isTouched: {
-        enumerable: true,
-        get: () => !!get(formState.touchedFields, name)
-      },
-      error: {
-        enumerable: true,
-        get: () => get(formState.errors, name)
-      }
-    })
-  };
-}
-const Controller = (props) => props.render(useController(props));
-var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria ? {
-  ...errors[name],
-  types: {
-    ...errors[name] && errors[name].types ? errors[name].types : {},
-    [type]: message || true
-  }
-} : {};
-var generateId = () => {
-  const d = typeof performance === "undefined" ? Date.now() : performance.now() * 1e3;
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c2) => {
-    const r = (Math.random() * 16 + d) % 16 | 0;
-    return (c2 == "x" ? r : r & 3 | 8).toString(16);
-  });
-};
-var getFocusFieldName = (name, index, options = {}) => options.shouldFocus || isUndefined(options.shouldFocus) ? options.focusName || `${name}.${isUndefined(options.focusIndex) ? index : options.focusIndex}.` : "";
-var getValidationModes = (mode) => ({
-  isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
-  isOnBlur: mode === VALIDATION_MODE.onBlur,
-  isOnChange: mode === VALIDATION_MODE.onChange,
-  isOnAll: mode === VALIDATION_MODE.all,
-  isOnTouch: mode === VALIDATION_MODE.onTouched
-});
-var isWatched = (name, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name) || [..._names.watch].some((watchName) => name.startsWith(watchName) && /^\.\w+/.test(name.slice(watchName.length))));
-const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
-  for (const key of fieldsNames || Object.keys(fields)) {
-    const field = get(fields, key);
-    if (field) {
-      const { _f, ...currentField } = field;
-      if (_f) {
-        if (_f.refs && _f.refs[0] && action(_f.refs[0], key) && !abortEarly) {
-          break;
-        } else if (_f.ref && action(_f.ref, _f.name) && !abortEarly) {
-          break;
-        } else {
-          iterateFieldsByAction(currentField, action);
-        }
-      } else if (isObject(currentField)) {
-        iterateFieldsByAction(currentField, action);
-      }
-    }
-  }
-};
-var updateFieldArrayRootError = (errors, error, name) => {
-  const fieldArrayErrors = compact(get(errors, name));
-  set(fieldArrayErrors, "root", error[name]);
-  set(errors, name, fieldArrayErrors);
-  return errors;
-};
-var isFileInput = (element) => element.type === "file";
-var isFunction = (value) => typeof value === "function";
-var isHTMLElement = (value) => {
-  if (!isWeb) {
-    return false;
-  }
-  const owner = value ? value.ownerDocument : 0;
-  return value instanceof (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement);
-};
-var isMessage = (value) => isString(value);
-var isRadioInput = (element) => element.type === "radio";
-var isRegex = (value) => value instanceof RegExp;
-const defaultResult = {
-  value: false,
-  isValid: false
-};
-const validResult = { value: true, isValid: true };
-var getCheckboxValue = (options) => {
-  if (Array.isArray(options)) {
-    if (options.length > 1) {
-      const values = options.filter((option) => option && option.checked && !option.disabled).map((option) => option.value);
-      return { value: values, isValid: !!values.length };
-    }
-    return options[0].checked && !options[0].disabled ? (
-      // @ts-expect-error expected to work in the browser
-      options[0].attributes && !isUndefined(options[0].attributes.value) ? isUndefined(options[0].value) || options[0].value === "" ? validResult : { value: options[0].value, isValid: true } : validResult
-    ) : defaultResult;
-  }
-  return defaultResult;
-};
-const defaultReturn = {
-  isValid: false,
-  value: null
-};
-var getRadioValue = (options) => Array.isArray(options) ? options.reduce((previous, option) => option && option.checked && !option.disabled ? {
-  isValid: true,
-  value: option.value
-} : previous, defaultReturn) : defaultReturn;
-function getValidateError(result, ref, type = "validate") {
-  if (isMessage(result) || Array.isArray(result) && result.every(isMessage) || isBoolean(result) && !result) {
-    return {
-      type,
-      message: isMessage(result) ? result : "",
-      ref
-    };
-  }
-}
-var getValueAndMessage = (validationData) => isObject(validationData) && !isRegex(validationData) ? validationData : {
-  value: validationData,
-  message: ""
-};
-var validateField = async (field, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {
-  const { ref, refs, required, maxLength, minLength, min, max, pattern, validate, name, valueAsNumber, mount, disabled } = field._f;
-  const inputValue = get(formValues, name);
-  if (!mount || disabled) {
-    return {};
-  }
-  const inputRef = refs ? refs[0] : ref;
-  const setCustomValidity = (message) => {
-    if (shouldUseNativeValidation && inputRef.reportValidity) {
-      inputRef.setCustomValidity(isBoolean(message) ? "" : message || "");
-      inputRef.reportValidity();
-    }
-  };
-  const error = {};
-  const isRadio = isRadioInput(ref);
-  const isCheckBox = isCheckBoxInput(ref);
-  const isRadioOrCheckbox2 = isRadio || isCheckBox;
-  const isEmpty = (valueAsNumber || isFileInput(ref)) && isUndefined(ref.value) && isUndefined(inputValue) || isHTMLElement(ref) && ref.value === "" || inputValue === "" || Array.isArray(inputValue) && !inputValue.length;
-  const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);
-  const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
-    const message = exceedMax ? maxLengthMessage : minLengthMessage;
-    error[name] = {
-      type: exceedMax ? maxType : minType,
-      message,
-      ref,
-      ...appendErrorsCurry(exceedMax ? maxType : minType, message)
-    };
-  };
-  if (isFieldArray ? !Array.isArray(inputValue) || !inputValue.length : required && (!isRadioOrCheckbox2 && (isEmpty || isNullOrUndefined(inputValue)) || isBoolean(inputValue) && !inputValue || isCheckBox && !getCheckboxValue(refs).isValid || isRadio && !getRadioValue(refs).isValid)) {
-    const { value, message } = isMessage(required) ? { value: !!required, message: required } : getValueAndMessage(required);
-    if (value) {
-      error[name] = {
-        type: INPUT_VALIDATION_RULES.required,
-        message,
-        ref: inputRef,
-        ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message)
-      };
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(message);
-        return error;
-      }
-    }
-  }
-  if (!isEmpty && (!isNullOrUndefined(min) || !isNullOrUndefined(max))) {
-    let exceedMax;
-    let exceedMin;
-    const maxOutput = getValueAndMessage(max);
-    const minOutput = getValueAndMessage(min);
-    if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {
-      const valueNumber = ref.valueAsNumber || (inputValue ? +inputValue : inputValue);
-      if (!isNullOrUndefined(maxOutput.value)) {
-        exceedMax = valueNumber > maxOutput.value;
-      }
-      if (!isNullOrUndefined(minOutput.value)) {
-        exceedMin = valueNumber < minOutput.value;
-      }
-    } else {
-      const valueDate = ref.valueAsDate || new Date(inputValue);
-      const convertTimeToDate = (time) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + time);
-      const isTime = ref.type == "time";
-      const isWeek = ref.type == "week";
-      if (isString(maxOutput.value) && inputValue) {
-        exceedMax = isTime ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value) : isWeek ? inputValue > maxOutput.value : valueDate > new Date(maxOutput.value);
-      }
-      if (isString(minOutput.value) && inputValue) {
-        exceedMin = isTime ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value) : isWeek ? inputValue < minOutput.value : valueDate < new Date(minOutput.value);
-      }
-    }
-    if (exceedMax || exceedMin) {
-      getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(error[name].message);
-        return error;
-      }
-    }
-  }
-  if ((maxLength || minLength) && !isEmpty && (isString(inputValue) || isFieldArray && Array.isArray(inputValue))) {
-    const maxLengthOutput = getValueAndMessage(maxLength);
-    const minLengthOutput = getValueAndMessage(minLength);
-    const exceedMax = !isNullOrUndefined(maxLengthOutput.value) && inputValue.length > +maxLengthOutput.value;
-    const exceedMin = !isNullOrUndefined(minLengthOutput.value) && inputValue.length < +minLengthOutput.value;
-    if (exceedMax || exceedMin) {
-      getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(error[name].message);
-        return error;
-      }
-    }
-  }
-  if (pattern && !isEmpty && isString(inputValue)) {
-    const { value: patternValue, message } = getValueAndMessage(pattern);
-    if (isRegex(patternValue) && !inputValue.match(patternValue)) {
-      error[name] = {
-        type: INPUT_VALIDATION_RULES.pattern,
-        message,
-        ref,
-        ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message)
-      };
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(message);
-        return error;
-      }
-    }
-  }
-  if (validate) {
-    if (isFunction(validate)) {
-      const result = await validate(inputValue, formValues);
-      const validateError = getValidateError(result, inputRef);
-      if (validateError) {
-        error[name] = {
-          ...validateError,
-          ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message)
-        };
-        if (!validateAllFieldCriteria) {
-          setCustomValidity(validateError.message);
-          return error;
-        }
-      }
-    } else if (isObject(validate)) {
-      let validationResult = {};
-      for (const key in validate) {
-        if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {
-          break;
-        }
-        const validateError = getValidateError(await validate[key](inputValue, formValues), inputRef, key);
-        if (validateError) {
-          validationResult = {
-            ...validateError,
-            ...appendErrorsCurry(key, validateError.message)
-          };
-          setCustomValidity(validateError.message);
-          if (validateAllFieldCriteria) {
-            error[name] = validationResult;
-          }
-        }
-      }
-      if (!isEmptyObject(validationResult)) {
-        error[name] = {
-          ref: inputRef,
-          ...validationResult
-        };
-        if (!validateAllFieldCriteria) {
-          return error;
-        }
-      }
-    }
-  }
-  setCustomValidity(true);
-  return error;
-};
-var appendAt = (data, value) => [
-  ...data,
-  ...convertToArrayPayload(value)
-];
-var fillEmptyArray = (value) => Array.isArray(value) ? value.map(() => void 0) : void 0;
-function insert(data, index, value) {
-  return [
-    ...data.slice(0, index),
-    ...convertToArrayPayload(value),
-    ...data.slice(index)
-  ];
-}
-var moveArrayAt = (data, from, to) => {
-  if (!Array.isArray(data)) {
-    return [];
-  }
-  if (isUndefined(data[to])) {
-    data[to] = void 0;
-  }
-  data.splice(to, 0, data.splice(from, 1)[0]);
-  return data;
-};
-var prependAt = (data, value) => [
-  ...convertToArrayPayload(value),
-  ...convertToArrayPayload(data)
-];
-function removeAtIndexes(data, indexes) {
-  let i2 = 0;
-  const temp = [...data];
-  for (const index of indexes) {
-    temp.splice(index - i2, 1);
-    i2++;
-  }
-  return compact(temp).length ? temp : [];
-}
-var removeArrayAt = (data, index) => isUndefined(index) ? [] : removeAtIndexes(data, convertToArrayPayload(index).sort((a2, b) => a2 - b));
-var swapArrayAt = (data, indexA, indexB) => {
-  [data[indexA], data[indexB]] = [data[indexB], data[indexA]];
-};
-function baseGet(object, updatePath) {
-  const length = updatePath.slice(0, -1).length;
-  let index = 0;
-  while (index < length) {
-    object = isUndefined(object) ? index++ : object[updatePath[index++]];
-  }
-  return object;
-}
-function isEmptyArray(obj) {
-  for (const key in obj) {
-    if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) {
-      return false;
-    }
-  }
-  return true;
-}
-function unset(object, path) {
-  const paths = Array.isArray(path) ? path : isKey(path) ? [path] : stringToPath(path);
-  const childObject = paths.length === 1 ? object : baseGet(object, paths);
-  const index = paths.length - 1;
-  const key = paths[index];
-  if (childObject) {
-    delete childObject[key];
-  }
-  if (index !== 0 && (isObject(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) {
-    unset(object, paths.slice(0, -1));
-  }
-  return object;
-}
-var updateAt = (fieldValues, index, value) => {
-  fieldValues[index] = value;
-  return fieldValues;
-};
-function useFieldArray(props) {
-  const methods = useFormContext();
-  const { control = methods.control, name, keyName = "id", shouldUnregister } = props;
-  const [fields, setFields] = React__default.default.useState(control._getFieldArray(name));
-  const ids = React__default.default.useRef(control._getFieldArray(name).map(generateId));
-  const _fieldIds = React__default.default.useRef(fields);
-  const _name = React__default.default.useRef(name);
-  const _actioned = React__default.default.useRef(false);
-  _name.current = name;
-  _fieldIds.current = fields;
-  control._names.array.add(name);
-  props.rules && control.register(name, props.rules);
-  useSubscribe({
-    next: ({ values, name: fieldArrayName }) => {
-      if (fieldArrayName === _name.current || !fieldArrayName) {
-        const fieldValues = get(values, _name.current);
-        if (Array.isArray(fieldValues)) {
-          setFields(fieldValues);
-          ids.current = fieldValues.map(generateId);
-        }
-      }
-    },
-    subject: control._subjects.array
-  });
-  const updateValues = React__default.default.useCallback((updatedFieldArrayValues) => {
-    _actioned.current = true;
-    control._updateFieldArray(name, updatedFieldArrayValues);
-  }, [control, name]);
-  const append = (value, options) => {
-    const appendValue = convertToArrayPayload(cloneObject(value));
-    const updatedFieldArrayValues = appendAt(control._getFieldArray(name), appendValue);
-    control._names.focus = getFocusFieldName(name, updatedFieldArrayValues.length - 1, options);
-    ids.current = appendAt(ids.current, appendValue.map(generateId));
-    updateValues(updatedFieldArrayValues);
-    setFields(updatedFieldArrayValues);
-    control._updateFieldArray(name, updatedFieldArrayValues, appendAt, {
-      argA: fillEmptyArray(value)
-    });
-  };
-  const prepend = (value, options) => {
-    const prependValue = convertToArrayPayload(cloneObject(value));
-    const updatedFieldArrayValues = prependAt(control._getFieldArray(name), prependValue);
-    control._names.focus = getFocusFieldName(name, 0, options);
-    ids.current = prependAt(ids.current, prependValue.map(generateId));
-    updateValues(updatedFieldArrayValues);
-    setFields(updatedFieldArrayValues);
-    control._updateFieldArray(name, updatedFieldArrayValues, prependAt, {
-      argA: fillEmptyArray(value)
-    });
-  };
-  const remove = (index) => {
-    const updatedFieldArrayValues = removeArrayAt(control._getFieldArray(name), index);
-    ids.current = removeArrayAt(ids.current, index);
-    updateValues(updatedFieldArrayValues);
-    setFields(updatedFieldArrayValues);
-    control._updateFieldArray(name, updatedFieldArrayValues, removeArrayAt, {
-      argA: index
-    });
-  };
-  const insert$1 = (index, value, options) => {
-    const insertValue = convertToArrayPayload(cloneObject(value));
-    const updatedFieldArrayValues = insert(control._getFieldArray(name), index, insertValue);
-    control._names.focus = getFocusFieldName(name, index, options);
-    ids.current = insert(ids.current, index, insertValue.map(generateId));
-    updateValues(updatedFieldArrayValues);
-    setFields(updatedFieldArrayValues);
-    control._updateFieldArray(name, updatedFieldArrayValues, insert, {
-      argA: index,
-      argB: fillEmptyArray(value)
-    });
-  };
-  const swap = (indexA, indexB) => {
-    const updatedFieldArrayValues = control._getFieldArray(name);
-    swapArrayAt(updatedFieldArrayValues, indexA, indexB);
-    swapArrayAt(ids.current, indexA, indexB);
-    updateValues(updatedFieldArrayValues);
-    setFields(updatedFieldArrayValues);
-    control._updateFieldArray(name, updatedFieldArrayValues, swapArrayAt, {
-      argA: indexA,
-      argB: indexB
-    }, false);
-  };
-  const move = (from, to) => {
-    const updatedFieldArrayValues = control._getFieldArray(name);
-    moveArrayAt(updatedFieldArrayValues, from, to);
-    moveArrayAt(ids.current, from, to);
-    updateValues(updatedFieldArrayValues);
-    setFields(updatedFieldArrayValues);
-    control._updateFieldArray(name, updatedFieldArrayValues, moveArrayAt, {
-      argA: from,
-      argB: to
-    }, false);
-  };
-  const update = (index, value) => {
-    const updateValue = cloneObject(value);
-    const updatedFieldArrayValues = updateAt(control._getFieldArray(name), index, updateValue);
-    ids.current = [...updatedFieldArrayValues].map((item, i2) => !item || i2 === index ? generateId() : ids.current[i2]);
-    updateValues(updatedFieldArrayValues);
-    setFields([...updatedFieldArrayValues]);
-    control._updateFieldArray(name, updatedFieldArrayValues, updateAt, {
-      argA: index,
-      argB: updateValue
-    }, true, false);
-  };
-  const replace = (value) => {
-    const updatedFieldArrayValues = convertToArrayPayload(cloneObject(value));
-    ids.current = updatedFieldArrayValues.map(generateId);
-    updateValues([...updatedFieldArrayValues]);
-    setFields([...updatedFieldArrayValues]);
-    control._updateFieldArray(name, [...updatedFieldArrayValues], (data) => data, {}, true, false);
-  };
-  React__default.default.useEffect(() => {
-    control._state.action = false;
-    isWatched(name, control._names) && control._subjects.state.next({
-      ...control._formState
-    });
-    if (_actioned.current && (!getValidationModes(control._options.mode).isOnSubmit || control._formState.isSubmitted)) {
-      if (control._options.resolver) {
-        control._executeSchema([name]).then((result) => {
-          const error = get(result.errors, name);
-          const existingError = get(control._formState.errors, name);
-          if (existingError ? !error && existingError.type || error && (existingError.type !== error.type || existingError.message !== error.message) : error && error.type) {
-            error ? set(control._formState.errors, name, error) : unset(control._formState.errors, name);
-            control._subjects.state.next({
-              errors: control._formState.errors
-            });
-          }
-        });
-      } else {
-        const field = get(control._fields, name);
-        if (field && field._f) {
-          validateField(field, control._formValues, control._options.criteriaMode === VALIDATION_MODE.all, control._options.shouldUseNativeValidation, true).then((error) => !isEmptyObject(error) && control._subjects.state.next({
-            errors: updateFieldArrayRootError(control._formState.errors, error, name)
-          }));
-        }
-      }
-    }
-    control._subjects.values.next({
-      name,
-      values: { ...control._formValues }
-    });
-    control._names.focus && iterateFieldsByAction(control._fields, (ref, key) => {
-      if (control._names.focus && key.startsWith(control._names.focus) && ref.focus) {
-        ref.focus();
-        return 1;
-      }
-      return;
-    });
-    control._names.focus = "";
-    control._updateValid();
-    _actioned.current = false;
-  }, [fields, name, control]);
-  React__default.default.useEffect(() => {
-    !get(control._formValues, name) && control._updateFieldArray(name);
-    return () => {
-      (control._options.shouldUnregister || shouldUnregister) && control.unregister(name);
-    };
-  }, [name, control, keyName, shouldUnregister]);
-  return {
-    swap: React__default.default.useCallback(swap, [updateValues, name, control]),
-    move: React__default.default.useCallback(move, [updateValues, name, control]),
-    prepend: React__default.default.useCallback(prepend, [updateValues, name, control]),
-    append: React__default.default.useCallback(append, [updateValues, name, control]),
-    remove: React__default.default.useCallback(remove, [updateValues, name, control]),
-    insert: React__default.default.useCallback(insert$1, [updateValues, name, control]),
-    update: React__default.default.useCallback(update, [updateValues, name, control]),
-    replace: React__default.default.useCallback(replace, [updateValues, name, control]),
-    fields: React__default.default.useMemo(() => fields.map((field, index) => ({
-      ...field,
-      [keyName]: ids.current[index] || generateId()
-    })), [fields, keyName])
-  };
-}
-var createSubject = () => {
-  let _observers = [];
-  const next = (value) => {
-    for (const observer of _observers) {
-      observer.next && observer.next(value);
-    }
-  };
-  const subscribe = (observer) => {
-    _observers.push(observer);
-    return {
-      unsubscribe: () => {
-        _observers = _observers.filter((o2) => o2 !== observer);
-      }
-    };
-  };
-  const unsubscribe = () => {
-    _observers = [];
-  };
-  return {
-    get observers() {
-      return _observers;
-    },
-    next,
-    subscribe,
-    unsubscribe
-  };
-};
-var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
-function deepEqual(object1, object2) {
-  if (isPrimitive(object1) || isPrimitive(object2)) {
-    return object1 === object2;
-  }
-  if (isDateObject(object1) && isDateObject(object2)) {
-    return object1.getTime() === object2.getTime();
-  }
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-  for (const key of keys1) {
-    const val1 = object1[key];
-    if (!keys2.includes(key)) {
-      return false;
-    }
-    if (key !== "ref") {
-      const val2 = object2[key];
-      if (isDateObject(val1) && isDateObject(val2) || isObject(val1) && isObject(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual(val1, val2) : val1 !== val2) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-var isMultipleSelect = (element) => element.type === `select-multiple`;
-var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
-var live = (ref) => isHTMLElement(ref) && ref.isConnected;
-var objectHasFunction = (data) => {
-  for (const key in data) {
-    if (isFunction(data[key])) {
-      return true;
-    }
-  }
-  return false;
-};
-function markFieldsDirty(data, fields = {}) {
-  const isParentNodeArray = Array.isArray(data);
-  if (isObject(data) || isParentNodeArray) {
-    for (const key in data) {
-      if (Array.isArray(data[key]) || isObject(data[key]) && !objectHasFunction(data[key])) {
-        fields[key] = Array.isArray(data[key]) ? [] : {};
-        markFieldsDirty(data[key], fields[key]);
-      } else if (!isNullOrUndefined(data[key])) {
-        fields[key] = true;
-      }
-    }
-  }
-  return fields;
-}
-function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues) {
-  const isParentNodeArray = Array.isArray(data);
-  if (isObject(data) || isParentNodeArray) {
-    for (const key in data) {
-      if (Array.isArray(data[key]) || isObject(data[key]) && !objectHasFunction(data[key])) {
-        if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) {
-          dirtyFieldsFromValues[key] = Array.isArray(data[key]) ? markFieldsDirty(data[key], []) : { ...markFieldsDirty(data[key]) };
-        } else {
-          getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
-        }
-      } else {
-        dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]);
-      }
-    }
-  }
-  return dirtyFieldsFromValues;
-}
-var getDirtyFields = (defaultValues, formValues) => getDirtyFieldsFromDefaultValues(defaultValues, formValues, markFieldsDirty(formValues));
-var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value) ? value : valueAsNumber ? value === "" ? NaN : value ? +value : value : valueAsDate && isString(value) ? new Date(value) : setValueAs ? setValueAs(value) : value;
-function getFieldValue(_f) {
-  const ref = _f.ref;
-  if (_f.refs ? _f.refs.every((ref2) => ref2.disabled) : ref.disabled) {
-    return;
-  }
-  if (isFileInput(ref)) {
-    return ref.files;
-  }
-  if (isRadioInput(ref)) {
-    return getRadioValue(_f.refs).value;
-  }
-  if (isMultipleSelect(ref)) {
-    return [...ref.selectedOptions].map(({ value }) => value);
-  }
-  if (isCheckBoxInput(ref)) {
-    return getCheckboxValue(_f.refs).value;
-  }
-  return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);
-}
-var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
-  const fields = {};
-  for (const name of fieldsNames) {
-    const field = get(_fields, name);
-    field && set(fields, name, field._f);
-  }
-  return {
-    criteriaMode,
-    names: [...fieldsNames],
-    fields,
-    shouldUseNativeValidation
-  };
-};
-var getRuleValue = (rule) => isUndefined(rule) ? rule : isRegex(rule) ? rule.source : isObject(rule) ? isRegex(rule.value) ? rule.value.source : rule.value : rule;
-var hasValidation = (options) => options.mount && (options.required || options.min || options.max || options.maxLength || options.minLength || options.pattern || options.validate);
-function schemaErrorLookup(errors, _fields, name) {
-  const error = get(errors, name);
-  if (error || isKey(name)) {
-    return {
-      error,
-      name
-    };
-  }
-  const names = name.split(".");
-  while (names.length) {
-    const fieldName = names.join(".");
-    const field = get(_fields, fieldName);
-    const foundError = get(errors, fieldName);
-    if (field && !Array.isArray(field) && name !== fieldName) {
-      return { name };
-    }
-    if (foundError && foundError.type) {
-      return {
-        name: fieldName,
-        error: foundError
-      };
-    }
-    names.pop();
-  }
-  return {
-    name
-  };
-}
-var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {
-  if (mode.isOnAll) {
-    return false;
-  } else if (!isSubmitted && mode.isOnTouch) {
-    return !(isTouched || isBlurEvent);
-  } else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {
-    return !isBlurEvent;
-  } else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {
-    return isBlurEvent;
-  }
-  return true;
-};
-var unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name);
-const defaultOptions = {
-  mode: VALIDATION_MODE.onSubmit,
-  reValidateMode: VALIDATION_MODE.onChange,
-  shouldFocusError: true
-};
-function createFormControl(props = {}, flushRootRender) {
-  let _options = {
-    ...defaultOptions,
-    ...props
-  };
-  let _formState = {
-    submitCount: 0,
-    isDirty: false,
-    isLoading: isFunction(_options.defaultValues),
-    isValidating: false,
-    isSubmitted: false,
-    isSubmitting: false,
-    isSubmitSuccessful: false,
-    isValid: false,
-    touchedFields: {},
-    dirtyFields: {},
-    errors: _options.errors || {},
-    disabled: false
-  };
-  let _fields = {};
-  let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values) ? cloneObject(_options.defaultValues || _options.values) || {} : {};
-  let _formValues = _options.shouldUnregister ? {} : cloneObject(_defaultValues);
-  let _state = {
-    action: false,
-    mount: false,
-    watch: false
-  };
-  let _names = {
-    mount: /* @__PURE__ */ new Set(),
-    unMount: /* @__PURE__ */ new Set(),
-    array: /* @__PURE__ */ new Set(),
-    watch: /* @__PURE__ */ new Set()
-  };
-  let delayErrorCallback;
-  let timer = 0;
-  const _proxyFormState = {
-    isDirty: false,
-    dirtyFields: false,
-    touchedFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  };
-  const _subjects = {
-    values: createSubject(),
-    array: createSubject(),
-    state: createSubject()
-  };
-  const shouldCaptureDirtyFields = props.resetOptions && props.resetOptions.keepDirtyValues;
-  const validationModeBeforeSubmit = getValidationModes(_options.mode);
-  const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
-  const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
-  const debounce = (callback) => (wait) => {
-    clearTimeout(timer);
-    timer = setTimeout(callback, wait);
-  };
-  const _updateValid = async (shouldUpdateValid) => {
-    if (_proxyFormState.isValid || shouldUpdateValid) {
-      const isValid = _options.resolver ? isEmptyObject((await _executeSchema()).errors) : await executeBuiltInValidation(_fields, true);
-      if (isValid !== _formState.isValid) {
-        _subjects.state.next({
-          isValid
-        });
-      }
-    }
-  };
-  const _updateIsValidating = (value) => _proxyFormState.isValidating && _subjects.state.next({
-    isValidating: value
-  });
-  const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
-    if (args && method) {
-      _state.action = true;
-      if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
-        const fieldValues = method(get(_fields, name), args.argA, args.argB);
-        shouldSetValues && set(_fields, name, fieldValues);
-      }
-      if (shouldUpdateFieldsAndState && Array.isArray(get(_formState.errors, name))) {
-        const errors = method(get(_formState.errors, name), args.argA, args.argB);
-        shouldSetValues && set(_formState.errors, name, errors);
-        unsetEmptyArray(_formState.errors, name);
-      }
-      if (_proxyFormState.touchedFields && shouldUpdateFieldsAndState && Array.isArray(get(_formState.touchedFields, name))) {
-        const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);
-        shouldSetValues && set(_formState.touchedFields, name, touchedFields);
-      }
-      if (_proxyFormState.dirtyFields) {
-        _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);
-      }
-      _subjects.state.next({
-        name,
-        isDirty: _getDirty(name, values),
-        dirtyFields: _formState.dirtyFields,
-        errors: _formState.errors,
-        isValid: _formState.isValid
-      });
-    } else {
-      set(_formValues, name, values);
-    }
-  };
-  const updateErrors = (name, error) => {
-    set(_formState.errors, name, error);
-    _subjects.state.next({
-      errors: _formState.errors
-    });
-  };
-  const _setErrors = (errors) => {
-    _formState.errors = errors;
-    _subjects.state.next({
-      errors: _formState.errors,
-      isValid: false
-    });
-  };
-  const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
-    const field = get(_fields, name);
-    if (field) {
-      const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);
-      isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name, defaultValue);
-      _state.mount && _updateValid();
-    }
-  };
-  const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
-    let shouldUpdateField = false;
-    let isPreviousDirty = false;
-    const output = {
-      name
-    };
-    const disabledField = get(_fields, name) && get(_fields, name)._f.disabled;
-    if (!isBlurEvent || shouldDirty) {
-      if (_proxyFormState.isDirty) {
-        isPreviousDirty = _formState.isDirty;
-        _formState.isDirty = output.isDirty = _getDirty();
-        shouldUpdateField = isPreviousDirty !== output.isDirty;
-      }
-      const isCurrentFieldPristine = disabledField || deepEqual(get(_defaultValues, name), fieldValue);
-      isPreviousDirty = !disabledField && get(_formState.dirtyFields, name);
-      isCurrentFieldPristine || disabledField ? unset(_formState.dirtyFields, name) : set(_formState.dirtyFields, name, true);
-      output.dirtyFields = _formState.dirtyFields;
-      shouldUpdateField = shouldUpdateField || _proxyFormState.dirtyFields && isPreviousDirty !== !isCurrentFieldPristine;
-    }
-    if (isBlurEvent) {
-      const isPreviousFieldTouched = get(_formState.touchedFields, name);
-      if (!isPreviousFieldTouched) {
-        set(_formState.touchedFields, name, isBlurEvent);
-        output.touchedFields = _formState.touchedFields;
-        shouldUpdateField = shouldUpdateField || _proxyFormState.touchedFields && isPreviousFieldTouched !== isBlurEvent;
-      }
-    }
-    shouldUpdateField && shouldRender && _subjects.state.next(output);
-    return shouldUpdateField ? output : {};
-  };
-  const shouldRenderByError = (name, isValid, error, fieldState) => {
-    const previousFieldError = get(_formState.errors, name);
-    const shouldUpdateValid = _proxyFormState.isValid && isBoolean(isValid) && _formState.isValid !== isValid;
-    if (props.delayError && error) {
-      delayErrorCallback = debounce(() => updateErrors(name, error));
-      delayErrorCallback(props.delayError);
-    } else {
-      clearTimeout(timer);
-      delayErrorCallback = null;
-      error ? set(_formState.errors, name, error) : unset(_formState.errors, name);
-    }
-    if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
-      const updatedFormState = {
-        ...fieldState,
-        ...shouldUpdateValid && isBoolean(isValid) ? { isValid } : {},
-        errors: _formState.errors,
-        name
-      };
-      _formState = {
-        ..._formState,
-        ...updatedFormState
-      };
-      _subjects.state.next(updatedFormState);
-    }
-    _updateIsValidating(false);
-  };
-  const _executeSchema = async (name) => _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
-  const executeSchemaAndUpdateState = async (names) => {
-    const { errors } = await _executeSchema(names);
-    if (names) {
-      for (const name of names) {
-        const error = get(errors, name);
-        error ? set(_formState.errors, name, error) : unset(_formState.errors, name);
-      }
-    } else {
-      _formState.errors = errors;
-    }
-    return errors;
-  };
-  const executeBuiltInValidation = async (fields, shouldOnlyCheckValid, context = {
-    valid: true
-  }) => {
-    for (const name in fields) {
-      const field = fields[name];
-      if (field) {
-        const { _f, ...fieldValue } = field;
-        if (_f) {
-          const isFieldArrayRoot = _names.array.has(_f.name);
-          const fieldError = await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot);
-          if (fieldError[_f.name]) {
-            context.valid = false;
-            if (shouldOnlyCheckValid) {
-              break;
-            }
-          }
-          !shouldOnlyCheckValid && (get(fieldError, _f.name) ? isFieldArrayRoot ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name) : set(_formState.errors, _f.name, fieldError[_f.name]) : unset(_formState.errors, _f.name));
-        }
-        fieldValue && await executeBuiltInValidation(fieldValue, shouldOnlyCheckValid, context);
-      }
-    }
-    return context.valid;
-  };
-  const _removeUnmounted = () => {
-    for (const name of _names.unMount) {
-      const field = get(_fields, name);
-      field && (field._f.refs ? field._f.refs.every((ref) => !live(ref)) : !live(field._f.ref)) && unregister(name);
-    }
-    _names.unMount = /* @__PURE__ */ new Set();
-  };
-  const _getDirty = (name, data) => (name && data && set(_formValues, name, data), !deepEqual(getValues(), _defaultValues));
-  const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
-    ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? { [names]: defaultValue } : defaultValue
-  }, isGlobal, defaultValue);
-  const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get(_defaultValues, name, []) : []));
-  const setFieldValue = (name, value, options = {}) => {
-    const field = get(_fields, name);
-    let fieldValue = value;
-    if (field) {
-      const fieldReference = field._f;
-      if (fieldReference) {
-        !fieldReference.disabled && set(_formValues, name, getFieldValueAs(value, fieldReference));
-        fieldValue = isHTMLElement(fieldReference.ref) && isNullOrUndefined(value) ? "" : value;
-        if (isMultipleSelect(fieldReference.ref)) {
-          [...fieldReference.ref.options].forEach((optionRef) => optionRef.selected = fieldValue.includes(optionRef.value));
-        } else if (fieldReference.refs) {
-          if (isCheckBoxInput(fieldReference.ref)) {
-            fieldReference.refs.length > 1 ? fieldReference.refs.forEach((checkboxRef) => (!checkboxRef.defaultChecked || !checkboxRef.disabled) && (checkboxRef.checked = Array.isArray(fieldValue) ? !!fieldValue.find((data) => data === checkboxRef.value) : fieldValue === checkboxRef.value)) : fieldReference.refs[0] && (fieldReference.refs[0].checked = !!fieldValue);
-          } else {
-            fieldReference.refs.forEach((radioRef) => radioRef.checked = radioRef.value === fieldValue);
-          }
-        } else if (isFileInput(fieldReference.ref)) {
-          fieldReference.ref.value = "";
-        } else {
-          fieldReference.ref.value = fieldValue;
-          if (!fieldReference.ref.type) {
-            _subjects.values.next({
-              name,
-              values: { ..._formValues }
-            });
-          }
-        }
-      }
-    }
-    (options.shouldDirty || options.shouldTouch) && updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, true);
-    options.shouldValidate && trigger(name);
-  };
-  const setValues = (name, value, options) => {
-    for (const fieldKey in value) {
-      const fieldValue = value[fieldKey];
-      const fieldName = `${name}.${fieldKey}`;
-      const field = get(_fields, fieldName);
-      (_names.array.has(name) || !isPrimitive(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setValues(fieldName, fieldValue, options) : setFieldValue(fieldName, fieldValue, options);
-    }
-  };
-  const setValue = (name, value, options = {}) => {
-    const field = get(_fields, name);
-    const isFieldArray = _names.array.has(name);
-    const cloneValue = cloneObject(value);
-    set(_formValues, name, cloneValue);
-    if (isFieldArray) {
-      _subjects.array.next({
-        name,
-        values: { ..._formValues }
-      });
-      if ((_proxyFormState.isDirty || _proxyFormState.dirtyFields) && options.shouldDirty) {
-        _subjects.state.next({
-          name,
-          dirtyFields: getDirtyFields(_defaultValues, _formValues),
-          isDirty: _getDirty(name, cloneValue)
-        });
-      }
-    } else {
-      field && !field._f && !isNullOrUndefined(cloneValue) ? setValues(name, cloneValue, options) : setFieldValue(name, cloneValue, options);
-    }
-    isWatched(name, _names) && _subjects.state.next({ ..._formState });
-    _subjects.values.next({
-      name,
-      values: { ..._formValues }
-    });
-    !_state.mount && flushRootRender();
-  };
-  const onChange = async (event) => {
-    const target = event.target;
-    let name = target.name;
-    let isFieldValueUpdated = true;
-    const field = get(_fields, name);
-    const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event);
-    const _updateIsFieldValueUpdated = (fieldValue) => {
-      isFieldValueUpdated = Number.isNaN(fieldValue) || fieldValue === get(_formValues, name, fieldValue);
-    };
-    if (field) {
-      let error;
-      let isValid;
-      const fieldValue = getCurrentFieldValue();
-      const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;
-      const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get(_formState.errors, name) && !field._f.deps || skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
-      const watched = isWatched(name, _names, isBlurEvent);
-      set(_formValues, name, fieldValue);
-      if (isBlurEvent) {
-        field._f.onBlur && field._f.onBlur(event);
-        delayErrorCallback && delayErrorCallback(0);
-      } else if (field._f.onChange) {
-        field._f.onChange(event);
-      }
-      const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent, false);
-      const shouldRender = !isEmptyObject(fieldState) || watched;
-      !isBlurEvent && _subjects.values.next({
-        name,
-        type: event.type,
-        values: { ..._formValues }
-      });
-      if (shouldSkipValidation) {
-        _proxyFormState.isValid && _updateValid();
-        return shouldRender && _subjects.state.next({ name, ...watched ? {} : fieldState });
-      }
-      !isBlurEvent && watched && _subjects.state.next({ ..._formState });
-      _updateIsValidating(true);
-      if (_options.resolver) {
-        const { errors } = await _executeSchema([name]);
-        _updateIsFieldValueUpdated(fieldValue);
-        if (isFieldValueUpdated) {
-          const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);
-          const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);
-          error = errorLookupResult.error;
-          name = errorLookupResult.name;
-          isValid = isEmptyObject(errors);
-        }
-      } else {
-        error = (await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
-        _updateIsFieldValueUpdated(fieldValue);
-        if (isFieldValueUpdated) {
-          if (error) {
-            isValid = false;
-          } else if (_proxyFormState.isValid) {
-            isValid = await executeBuiltInValidation(_fields, true);
-          }
-        }
-      }
-      if (isFieldValueUpdated) {
-        field._f.deps && trigger(field._f.deps);
-        shouldRenderByError(name, isValid, error, fieldState);
-      }
-    }
-  };
-  const _focusInput = (ref, key) => {
-    if (get(_formState.errors, key) && ref.focus) {
-      ref.focus();
-      return 1;
-    }
-    return;
-  };
-  const trigger = async (name, options = {}) => {
-    let isValid;
-    let validationResult;
-    const fieldNames = convertToArrayPayload(name);
-    _updateIsValidating(true);
-    if (_options.resolver) {
-      const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames);
-      isValid = isEmptyObject(errors);
-      validationResult = name ? !fieldNames.some((name2) => get(errors, name2)) : isValid;
-    } else if (name) {
-      validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {
-        const field = get(_fields, fieldName);
-        return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field);
-      }))).every(Boolean);
-      !(!validationResult && !_formState.isValid) && _updateValid();
-    } else {
-      validationResult = isValid = await executeBuiltInValidation(_fields);
-    }
-    _subjects.state.next({
-      ...!isString(name) || _proxyFormState.isValid && isValid !== _formState.isValid ? {} : { name },
-      ..._options.resolver || !name ? { isValid } : {},
-      errors: _formState.errors,
-      isValidating: false
-    });
-    options.shouldFocus && !validationResult && iterateFieldsByAction(_fields, _focusInput, name ? fieldNames : _names.mount);
-    return validationResult;
-  };
-  const getValues = (fieldNames) => {
-    const values = {
-      ..._defaultValues,
-      ..._state.mount ? _formValues : {}
-    };
-    return isUndefined(fieldNames) ? values : isString(fieldNames) ? get(values, fieldNames) : fieldNames.map((name) => get(values, name));
-  };
-  const getFieldState = (name, formState) => ({
-    invalid: !!get((formState || _formState).errors, name),
-    isDirty: !!get((formState || _formState).dirtyFields, name),
-    isTouched: !!get((formState || _formState).touchedFields, name),
-    error: get((formState || _formState).errors, name)
-  });
-  const clearErrors = (name) => {
-    name && convertToArrayPayload(name).forEach((inputName) => unset(_formState.errors, inputName));
-    _subjects.state.next({
-      errors: name ? _formState.errors : {}
-    });
-  };
-  const setError = (name, error, options) => {
-    const ref = (get(_fields, name, { _f: {} })._f || {}).ref;
-    set(_formState.errors, name, {
-      ...error,
-      ref
-    });
-    _subjects.state.next({
-      name,
-      errors: _formState.errors,
-      isValid: false
-    });
-    options && options.shouldFocus && ref && ref.focus && ref.focus();
-  };
-  const watch = (name, defaultValue) => isFunction(name) ? _subjects.values.subscribe({
-    next: (payload) => name(_getWatch(void 0, defaultValue), payload)
-  }) : _getWatch(name, defaultValue, true);
-  const unregister = (name, options = {}) => {
-    for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {
-      _names.mount.delete(fieldName);
-      _names.array.delete(fieldName);
-      if (!options.keepValue) {
-        unset(_fields, fieldName);
-        unset(_formValues, fieldName);
-      }
-      !options.keepError && unset(_formState.errors, fieldName);
-      !options.keepDirty && unset(_formState.dirtyFields, fieldName);
-      !options.keepTouched && unset(_formState.touchedFields, fieldName);
-      !_options.shouldUnregister && !options.keepDefaultValue && unset(_defaultValues, fieldName);
-    }
-    _subjects.values.next({
-      values: { ..._formValues }
-    });
-    _subjects.state.next({
-      ..._formState,
-      ...!options.keepDirty ? {} : { isDirty: _getDirty() }
-    });
-    !options.keepIsValid && _updateValid();
-  };
-  const _updateDisabledField = ({ disabled, name, field, fields, value }) => {
-    if (isBoolean(disabled)) {
-      const inputValue = disabled ? void 0 : isUndefined(value) ? getFieldValue(field ? field._f : get(fields, name)._f) : value;
-      set(_formValues, name, inputValue);
-      updateTouchAndDirty(name, inputValue, false, false, true);
-    }
-  };
-  const register = (name, options = {}) => {
-    let field = get(_fields, name);
-    const disabledIsDefined = isBoolean(options.disabled);
-    set(_fields, name, {
-      ...field || {},
-      _f: {
-        ...field && field._f ? field._f : { ref: { name } },
-        name,
-        mount: true,
-        ...options
-      }
-    });
-    _names.mount.add(name);
-    if (field) {
-      _updateDisabledField({
-        field,
-        disabled: options.disabled,
-        name
-      });
-    } else {
-      updateValidAndValue(name, true, options.value);
-    }
-    return {
-      ...disabledIsDefined ? { disabled: options.disabled } : {},
-      ..._options.progressive ? {
-        required: !!options.required,
-        min: getRuleValue(options.min),
-        max: getRuleValue(options.max),
-        minLength: getRuleValue(options.minLength),
-        maxLength: getRuleValue(options.maxLength),
-        pattern: getRuleValue(options.pattern)
-      } : {},
-      name,
-      onChange,
-      onBlur: onChange,
-      ref: (ref) => {
-        if (ref) {
-          register(name, options);
-          field = get(_fields, name);
-          const fieldRef = isUndefined(ref.value) ? ref.querySelectorAll ? ref.querySelectorAll("input,select,textarea")[0] || ref : ref : ref;
-          const radioOrCheckbox = isRadioOrCheckbox(fieldRef);
-          const refs = field._f.refs || [];
-          if (radioOrCheckbox ? refs.find((option) => option === fieldRef) : fieldRef === field._f.ref) {
-            return;
-          }
-          set(_fields, name, {
-            _f: {
-              ...field._f,
-              ...radioOrCheckbox ? {
-                refs: [
-                  ...refs.filter(live),
-                  fieldRef,
-                  ...Array.isArray(get(_defaultValues, name)) ? [{}] : []
-                ],
-                ref: { type: fieldRef.type, name }
-              } : { ref: fieldRef }
-            }
-          });
-          updateValidAndValue(name, false, void 0, fieldRef);
-        } else {
-          field = get(_fields, name, {});
-          if (field._f) {
-            field._f.mount = false;
-          }
-          (_options.shouldUnregister || options.shouldUnregister) && !(isNameInFieldArray(_names.array, name) && _state.action) && _names.unMount.add(name);
-        }
-      }
-    };
-  };
-  const _focusError = () => _options.shouldFocusError && iterateFieldsByAction(_fields, _focusInput, _names.mount);
-  const _disableForm = (disabled) => {
-    if (isBoolean(disabled)) {
-      _subjects.state.next({ disabled });
-      iterateFieldsByAction(_fields, (ref, name) => {
-        let requiredDisabledState = disabled;
-        const currentField = get(_fields, name);
-        if (currentField && isBoolean(currentField._f.disabled)) {
-          requiredDisabledState || (requiredDisabledState = currentField._f.disabled);
-        }
-        ref.disabled = requiredDisabledState;
-      }, 0, false);
-    }
-  };
-  const handleSubmit = (onValid, onInvalid) => async (e2) => {
-    if (e2) {
-      e2.preventDefault && e2.preventDefault();
-      e2.persist && e2.persist();
-    }
-    let fieldValues = cloneObject(_formValues);
-    _subjects.state.next({
-      isSubmitting: true
-    });
-    if (_options.resolver) {
-      const { errors, values } = await _executeSchema();
-      _formState.errors = errors;
-      fieldValues = values;
-    } else {
-      await executeBuiltInValidation(_fields);
-    }
-    unset(_formState.errors, "root");
-    if (isEmptyObject(_formState.errors)) {
-      _subjects.state.next({
-        errors: {}
-      });
-      await onValid(fieldValues, e2);
-    } else {
-      if (onInvalid) {
-        await onInvalid({ ..._formState.errors }, e2);
-      }
-      _focusError();
-      setTimeout(_focusError);
-    }
-    _subjects.state.next({
-      isSubmitted: true,
-      isSubmitting: false,
-      isSubmitSuccessful: isEmptyObject(_formState.errors),
-      submitCount: _formState.submitCount + 1,
-      errors: _formState.errors
-    });
-  };
-  const resetField = (name, options = {}) => {
-    if (get(_fields, name)) {
-      if (isUndefined(options.defaultValue)) {
-        setValue(name, get(_defaultValues, name));
-      } else {
-        setValue(name, options.defaultValue);
-        set(_defaultValues, name, options.defaultValue);
-      }
-      if (!options.keepTouched) {
-        unset(_formState.touchedFields, name);
-      }
-      if (!options.keepDirty) {
-        unset(_formState.dirtyFields, name);
-        _formState.isDirty = options.defaultValue ? _getDirty(name, get(_defaultValues, name)) : _getDirty();
-      }
-      if (!options.keepError) {
-        unset(_formState.errors, name);
-        _proxyFormState.isValid && _updateValid();
-      }
-      _subjects.state.next({ ..._formState });
-    }
-  };
-  const _reset = (formValues, keepStateOptions = {}) => {
-    const updatedValues = formValues ? cloneObject(formValues) : _defaultValues;
-    const cloneUpdatedValues = cloneObject(updatedValues);
-    const values = formValues && !isEmptyObject(formValues) ? cloneUpdatedValues : _defaultValues;
-    if (!keepStateOptions.keepDefaultValues) {
-      _defaultValues = updatedValues;
-    }
-    if (!keepStateOptions.keepValues) {
-      if (keepStateOptions.keepDirtyValues || shouldCaptureDirtyFields) {
-        for (const fieldName of _names.mount) {
-          get(_formState.dirtyFields, fieldName) ? set(values, fieldName, get(_formValues, fieldName)) : setValue(fieldName, get(values, fieldName));
-        }
-      } else {
-        if (isWeb && isUndefined(formValues)) {
-          for (const name of _names.mount) {
-            const field = get(_fields, name);
-            if (field && field._f) {
-              const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
-              if (isHTMLElement(fieldReference)) {
-                const form = fieldReference.closest("form");
-                if (form) {
-                  form.reset();
-                  break;
-                }
-              }
-            }
-          }
-        }
-        _fields = {};
-      }
-      _formValues = props.shouldUnregister ? keepStateOptions.keepDefaultValues ? cloneObject(_defaultValues) : {} : cloneObject(values);
-      _subjects.array.next({
-        values: { ...values }
-      });
-      _subjects.values.next({
-        values: { ...values }
-      });
-    }
-    _names = {
-      mount: /* @__PURE__ */ new Set(),
-      unMount: /* @__PURE__ */ new Set(),
-      array: /* @__PURE__ */ new Set(),
-      watch: /* @__PURE__ */ new Set(),
-      watchAll: false,
-      focus: ""
-    };
-    !_state.mount && flushRootRender();
-    _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
-    _state.watch = !!props.shouldUnregister;
-    _subjects.state.next({
-      submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0,
-      isDirty: keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual(formValues, _defaultValues)),
-      isSubmitted: keepStateOptions.keepIsSubmitted ? _formState.isSubmitted : false,
-      dirtyFields: keepStateOptions.keepDirtyValues ? _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues) : {},
-      touchedFields: keepStateOptions.keepTouched ? _formState.touchedFields : {},
-      errors: keepStateOptions.keepErrors ? _formState.errors : {},
-      isSubmitSuccessful: keepStateOptions.keepIsSubmitSuccessful ? _formState.isSubmitSuccessful : false,
-      isSubmitting: false
-    });
-  };
-  const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
-  const setFocus = (name, options = {}) => {
-    const field = get(_fields, name);
-    const fieldReference = field && field._f;
-    if (fieldReference) {
-      const fieldRef = fieldReference.refs ? fieldReference.refs[0] : fieldReference.ref;
-      if (fieldRef.focus) {
-        fieldRef.focus();
-        options.shouldSelect && fieldRef.select();
-      }
-    }
-  };
-  const _updateFormState = (updatedFormState) => {
-    _formState = {
-      ..._formState,
-      ...updatedFormState
-    };
-  };
-  const _resetDefaultValues = () => isFunction(_options.defaultValues) && _options.defaultValues().then((values) => {
-    reset(values, _options.resetOptions);
-    _subjects.state.next({
-      isLoading: false
-    });
-  });
-  return {
-    control: {
-      register,
-      unregister,
-      getFieldState,
-      handleSubmit,
-      setError,
-      _executeSchema,
-      _getWatch,
-      _getDirty,
-      _updateValid,
-      _removeUnmounted,
-      _updateFieldArray,
-      _updateDisabledField,
-      _getFieldArray,
-      _reset,
-      _resetDefaultValues,
-      _updateFormState,
-      _disableForm,
-      _subjects,
-      _proxyFormState,
-      _setErrors,
-      get _fields() {
-        return _fields;
-      },
-      get _formValues() {
-        return _formValues;
-      },
-      get _state() {
-        return _state;
-      },
-      set _state(value) {
-        _state = value;
-      },
-      get _defaultValues() {
-        return _defaultValues;
-      },
-      get _names() {
-        return _names;
-      },
-      set _names(value) {
-        _names = value;
-      },
-      get _formState() {
-        return _formState;
-      },
-      set _formState(value) {
-        _formState = value;
-      },
-      get _options() {
-        return _options;
-      },
-      set _options(value) {
-        _options = {
-          ..._options,
-          ...value
-        };
-      }
-    },
-    trigger,
-    register,
-    handleSubmit,
-    watch,
-    setValue,
-    getValues,
-    reset,
-    resetField,
-    clearErrors,
-    unregister,
-    setError,
-    setFocus,
-    getFieldState
-  };
-}
-function useForm(props = {}) {
-  const _formControl = React__default.default.useRef();
-  const _values = React__default.default.useRef();
-  const [formState, updateFormState] = React__default.default.useState({
-    isDirty: false,
-    isValidating: false,
-    isLoading: isFunction(props.defaultValues),
-    isSubmitted: false,
-    isSubmitting: false,
-    isSubmitSuccessful: false,
-    isValid: false,
-    submitCount: 0,
-    dirtyFields: {},
-    touchedFields: {},
-    errors: props.errors || {},
-    disabled: false,
-    defaultValues: isFunction(props.defaultValues) ? void 0 : props.defaultValues
-  });
-  if (!_formControl.current) {
-    _formControl.current = {
-      ...createFormControl(props, () => updateFormState((formState2) => ({ ...formState2 }))),
-      formState
-    };
-  }
-  const control = _formControl.current.control;
-  control._options = props;
-  useSubscribe({
-    subject: control._subjects.state,
-    next: (value) => {
-      if (shouldRenderFormState(value, control._proxyFormState, control._updateFormState, true)) {
-        updateFormState({ ...control._formState });
-      }
-    }
-  });
-  React__default.default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-  React__default.default.useEffect(() => {
-    if (control._proxyFormState.isDirty) {
-      const isDirty = control._getDirty();
-      if (isDirty !== formState.isDirty) {
-        control._subjects.state.next({
-          isDirty
-        });
-      }
-    }
-  }, [control, formState.isDirty]);
-  React__default.default.useEffect(() => {
-    if (props.values && !deepEqual(props.values, _values.current)) {
-      control._reset(props.values, control._options.resetOptions);
-      _values.current = props.values;
-      updateFormState((state) => ({ ...state }));
-    } else {
-      control._resetDefaultValues();
-    }
-  }, [props.values, control]);
-  React__default.default.useEffect(() => {
-    if (props.errors) {
-      control._setErrors(props.errors);
-    }
-  }, [props.errors, control]);
-  React__default.default.useEffect(() => {
-    if (!control._state.mount) {
-      control._updateValid();
-      control._state.mount = true;
-    }
-    if (control._state.watch) {
-      control._state.watch = false;
-      control._subjects.state.next({ ...control._formState });
-    }
-    control._removeUnmounted();
-  });
-  _formControl.current.formState = getProxyFormState(formState, control);
-  return _formControl.current;
-}
-var t$1 = function(t2, n2, e2) {
-  if (t2 && "reportValidity" in t2) {
-    var i2 = get(e2, n2);
-    t2.setCustomValidity(i2 && i2.message || ""), t2.reportValidity();
-  }
-}, n$1 = function(r, n2) {
-  var e2 = function(e3) {
-    var i3 = n2.fields[e3];
-    i3 && i3.ref && "reportValidity" in i3.ref ? t$1(i3.ref, e3, r) : i3.refs && i3.refs.forEach(function(n3) {
-      return t$1(n3, e3, r);
-    });
-  };
-  for (var i2 in n2.fields) e2(i2);
-}, e = function(r) {
-  return r instanceof Date;
-}, i = function(r) {
-  return null == r;
-}, a = function(r) {
-  return "object" == typeof r;
-}, o = function(r) {
-  return !i(r) && !Array.isArray(r) && a(r) && !e(r);
-}, f = function(r) {
-  return /^\w*$/.test(r);
-}, s = function(r, t2, n2) {
-  for (var e2 = -1, i2 = f(t2) ? [t2] : function(r2) {
-    return t3 = r2.replace(/["|']|\]/g, "").split(/\.|\[/), Array.isArray(t3) ? t3.filter(Boolean) : [];
-    var t3;
-  }(t2), a2 = i2.length, s2 = a2 - 1; ++e2 < a2; ) {
-    var u2 = i2[e2], c2 = n2;
-    if (e2 !== s2) {
-      var l = r[u2];
-      c2 = o(l) || Array.isArray(l) ? l : isNaN(+i2[e2 + 1]) ? {} : [];
-    }
-    r[u2] = c2, r = r[u2];
-  }
-  return r;
-}, u = function(t2, e2) {
-  e2.shouldUseNativeValidation && n$1(t2, e2);
-  var i2 = {};
-  for (var a2 in t2) {
-    var o2 = get(e2.fields, a2), f2 = Object.assign(t2[a2] || {}, { ref: o2 && o2.ref });
-    if (c(e2.names || Object.keys(t2), a2)) {
-      var u2 = Object.assign({}, get(i2, a2));
-      s(u2, "root", f2), s(i2, a2, u2);
-    } else s(i2, a2, f2);
-  }
-  return i2;
-}, c = function(r, t2) {
-  return r.some(function(r2) {
-    return r2.startsWith(t2 + ".");
-  });
-};
-var n = function(e2, o2) {
-  for (var n2 = {}; e2.length; ) {
-    var t2 = e2[0], s2 = t2.code, i2 = t2.message, a2 = t2.path.join(".");
-    if (!n2[a2]) if ("unionErrors" in t2) {
-      var u2 = t2.unionErrors[0].errors[0];
-      n2[a2] = { message: u2.message, type: u2.code };
-    } else n2[a2] = { message: i2, type: s2 };
-    if ("unionErrors" in t2 && t2.unionErrors.forEach(function(r) {
-      return r.errors.forEach(function(r2) {
-        return e2.push(r2);
-      });
-    }), o2) {
-      var c2 = n2[a2].types, f2 = c2 && c2[t2.code];
-      n2[a2] = appendErrors(a2, o2, n2, s2, f2 ? [].concat(f2, t2.message) : t2.message);
-    }
-    e2.shift();
-  }
-  return n2;
-}, t = function(r, t2, s2) {
-  return void 0 === s2 && (s2 = {}), function(i2, a2, u$1) {
-    try {
-      return Promise.resolve(function(o2, n2) {
-        try {
-          var a3 = Promise.resolve(r["sync" === s2.mode ? "parse" : "parseAsync"](i2, t2)).then(function(r2) {
-            return u$1.shouldUseNativeValidation && n$1({}, u$1), { errors: {}, values: s2.raw ? i2 : r2 };
-          });
-        } catch (r2) {
-          return n2(r2);
-        }
-        return a3 && a3.then ? a3.then(void 0, n2) : a3;
-      }(0, function(r2) {
-        if (function(r3) {
-          return null != r3.errors;
-        }(r2)) return { values: {}, errors: u(n(r2.errors, !u$1.shouldUseNativeValidation && "all" === u$1.criteriaMode), u$1) };
-        throw r2;
-      }));
-    } catch (r2) {
-      return Promise.reject(r2);
-    }
-  };
-};
-const couponSchema = z__default.default.object({
-  name: z__default.default.string().min(1, "Name is required"),
-  description: z__default.default.string().min(1, "Description is required"),
-  type: z__default.default.literal("coupon"),
-  code: z__default.default.string().min(1, "Coupon code is required"),
-  discount_type: z__default.default.enum(["percentage", "fixed"]),
-  discount_value: z__default.default.number().positive("Discount must be positive"),
-  currency_code: z__default.default.string().optional(),
-  starts_at: z__default.default.string().min(1, "Start date is required"),
-  ends_at: z__default.default.string().min(1, "End date is required"),
-  allocation: z__default.default.enum(["each", "total"]).optional(),
-  target_type: z__default.default.enum(["order", "items"]).optional()
-}).superRefine((data, ctx) => {
-  if (new Date(data.ends_at) < new Date(data.starts_at)) {
-    ctx.addIssue({
-      code: z__default.default.ZodIssueCode.custom,
-      path: ["ends_at"],
-      message: "End date must be after start date"
-    });
-  }
-  if (data.discount_type === "fixed" && !data.currency_code) {
-    ctx.addIssue({
-      code: z__default.default.ZodIssueCode.custom,
-      path: ["currency_code"],
-      message: "Currency is required for fixed discount"
-    });
-  }
-});
-const CouponForm = ({
-  initialData,
-  onSubmit,
-  onCancel,
-  disabled = false
-}) => {
-  const {
-    register,
-    control,
-    handleSubmit,
-    watch,
-    setValue,
-    formState: { errors }
-  } = useForm({
-    resolver: t(couponSchema),
-    defaultValues: {
-      name: (initialData == null ? void 0 : initialData.name) ?? "",
-      description: (initialData == null ? void 0 : initialData.description) ?? "",
-      type: "coupon",
-      code: (initialData == null ? void 0 : initialData.code) ?? "",
-      discount_type: (initialData == null ? void 0 : initialData.discount_type) ?? "percentage",
-      discount_value: (initialData == null ? void 0 : initialData.discount_value) ?? 0,
-      currency_code: (initialData == null ? void 0 : initialData.currency_code) ?? "",
-      starts_at: (initialData == null ? void 0 : initialData.starts_at) ?? dayjs__default.default().startOf("day").format("YYYY-MM-DDTHH:mm"),
-      ends_at: (initialData == null ? void 0 : initialData.ends_at) ?? dayjs__default.default().endOf("day").format("YYYY-MM-DDTHH:mm"),
-      allocation: (initialData == null ? void 0 : initialData.allocation) ?? "total",
-      target_type: (initialData == null ? void 0 : initialData.target_type) ?? "order"
-    }
-  });
-  const discountType = watch("discount_type");
-  const startsAt = watch("starts_at");
-  const endsAt = watch("ends_at");
-  const handleDateTimeChange = (field, type, value) => {
-    const currentValue = watch(field);
-    if (type === "date") {
-      const time = currentValue ? dayjs__default.default(currentValue).format("HH:mm") : field === "starts_at" ? "00:00" : "23:59";
-      setValue(field, `${value}T${time}`);
-    } else {
-      const date = currentValue ? dayjs__default.default(currentValue).format("YYYY-MM-DD") : dayjs__default.default().format("YYYY-MM-DD");
-      setValue(field, `${date}T${value}`);
-    }
-  };
-  const onFormSubmit = (data) => {
-    onSubmit(data);
-  };
-  const onFormError = () => {
-    const errorMessages = Object.values(errors).map((err) => err == null ? void 0 : err.message).filter(Boolean).join(", ");
-    ui.toast.error("Invalid coupon data", {
-      description: errorMessages
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold", children: "Coupon" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", onClick: onCancel, children: "Cancel" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        onSubmit: handleSubmit(onFormSubmit, onFormError),
-        className: "space-y-6 my-8",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Name" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...register("name"), disabled }),
-            errors.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.name.message })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Description" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...register("description"), disabled }),
-            errors.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.description.message })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Start Date" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "date",
-                    value: startsAt ? dayjs__default.default(startsAt).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => handleDateTimeChange("starts_at", "date", e2.target.value),
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "time",
-                    value: startsAt ? dayjs__default.default(startsAt).format("HH:mm") : "",
-                    onChange: (e2) => handleDateTimeChange("starts_at", "time", e2.target.value),
-                    disabled,
-                    className: "flex-1"
-                  }
-                )
-              ] }),
-              errors.starts_at && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.starts_at.message })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "End Date" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "date",
-                    value: endsAt ? dayjs__default.default(endsAt).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => handleDateTimeChange("ends_at", "date", e2.target.value),
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "time",
-                    value: endsAt ? dayjs__default.default(endsAt).format("HH:mm") : "",
-                    onChange: (e2) => handleDateTimeChange("ends_at", "time", e2.target.value),
-                    disabled,
-                    className: "flex-1"
-                  }
-                )
-              ] }),
-              errors.ends_at && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.ends_at.message })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Coupon Code" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...register("code"), disabled }),
-              errors.code && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.code.message })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Type" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: "discount_type",
-                  control,
-                  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Select,
-                    {
-                      value: field.value,
-                      onValueChange: field.onChange,
-                      disabled,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select discount type" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "percentage", children: "Percentage" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "fixed", children: "Fixed Amount" })
-                        ] })
-                      ]
-                    }
-                  )
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Value" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: "discount_value",
-                  control,
-                  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Input,
-                    {
-                      type: "number",
-                      value: field.value,
-                      min: 0,
-                      step: field.value % 1 === 0 ? 1 : 0.01,
-                      onChange: (e2) => field.onChange(Number(e2.target.value)),
-                      disabled
-                    }
-                  )
-                }
-              ),
-              errors.discount_value && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.discount_value.message })
-            ] }),
-            discountType === "fixed" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Currency Code" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...register("currency_code"), disabled }),
-              errors.currency_code && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.currency_code.message })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Allocation" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: "allocation",
-                  control,
-                  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Select,
-                    {
-                      value: field.value,
-                      onValueChange: field.onChange,
-                      disabled,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select allocation" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "total", children: "Order Total" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "each", children: "Each Item" })
-                        ] })
-                      ]
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Target Type" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: "target_type",
-                  control,
-                  render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Select,
-                    {
-                      value: field.value,
-                      onValueChange: field.onChange,
-                      disabled,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select target" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "order", children: "Order" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "items", children: "Items" })
-                        ] })
-                      ]
-                    }
-                  )
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", type: "button", onClick: onCancel, children: "Cancel" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled, children: "Save Coupon" })
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-const useCouponById = (id) => {
-  const [data, setData] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const fetchCoupon = async () => {
-    if (!id) {
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const response = await axios__default.default.get(`/admin/coupons/${id}`);
-      setData(response.data);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to fetch coupon"));
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  React.useEffect(() => {
-    fetchCoupon();
-  }, [id]);
-  return {
-    data,
-    isLoading,
-    error,
-    refetch: fetchCoupon
-  };
-};
-const MarkdownEditor = ({
-  label,
-  value,
-  onChange,
-  placeholder,
-  helpText,
-  rows = 10,
-  showPreview = true
-}) => {
-  const [activeTab, setActiveTab] = React.useState("write");
-  const insertMarkdown = (before, after = "") => {
-    const textarea = document.getElementById(
-      `markdown-${label}`
-    );
-    if (!textarea) return;
-    const start = textarea.selectionStart;
-    const end = textarea.selectionEnd;
-    const selectedText = value.substring(start, end);
-    const newText = value.substring(0, start) + before + selectedText + after + value.substring(end);
-    onChange(newText);
-    setTimeout(() => {
-      textarea.focus();
-      textarea.setSelectionRange(
-        start + before.length,
-        start + before.length + selectedText.length
-      );
-    }, 0);
-  };
-  const renderMarkdownPreview = (markdown) => {
-    let html = markdown;
-    html = html.replace(/^### (.*$)/gim, "<h3>$1</h3>");
-    html = html.replace(/^## (.*$)/gim, "<h2>$1</h2>");
-    html = html.replace(/^# (.*$)/gim, "<h1>$1</h1>");
-    html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
-    html = html.replace(/__(.+?)__/g, "<strong>$1</strong>");
-    html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
-    html = html.replace(/_(.+?)_/g, "<em>$1</em>");
-    html = html.replace(
-      /```(\w+)?\n([\s\S]+?)```/g,
-      '<pre class="bg-ui-bg-subtle p-4 rounded-lg overflow-x-auto"><code class="language-$1">$2</code></pre>'
-    );
-    html = html.replace(
-      /`([^`]+)`/g,
-      '<code class="bg-ui-bg-subtle px-1 py-0.5 rounded text-sm">$1</code>'
-    );
-    html = html.replace(
-      /\[([^\]]+)\]\(([^)]+)\)/g,
-      '<a href="$2" class="text-ui-fg-interactive underline">$1</a>'
-    );
-    html = html.replace(
-      /!\[([^\]]*)\]\(([^)]+)\)/g,
-      '<img src="$2" alt="$1" class="max-w-full h-auto rounded-lg my-2" />'
-    );
-    html = html.replace(/^\* (.+)$/gim, "<li>$1</li>");
-    html = html.replace(/^\- (.+)$/gim, "<li>$1</li>");
-    html = html.replace(
-      /(<li>.*<\/li>)/s,
-      "<ul class='list-disc ml-6'>$1</ul>"
-    );
-    html = html.replace(/\n\n/g, "</p><p>");
-    html = `<p>${html}</p>`;
-    return html;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: `markdown-${label}`, className: "font-medium", children: label }),
-      helpText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-ui-fg-subtle", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.InformationCircle, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: helpText })
-      ] })
-    ] }),
-    showPreview ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.List, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "write", children: "Write" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "preview", children: "Preview" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "write", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2 border-b pb-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("**", "**"),
-              title: "Bold",
-              children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "B" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("*", "*"),
-              title: "Italic",
-              children: /* @__PURE__ */ jsxRuntime.jsx("em", { children: "I" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("`", "`"),
-              title: "Inline Code",
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons.CommandLine, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("## "),
-              title: "Heading",
-              children: "H2"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("### "),
-              title: "Heading",
-              children: "H3"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("[", "](url)"),
-              title: "Link",
-              children: "Link"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("![alt](", ")"),
-              title: "Image",
-              children: "Image"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("```\n", "\n```"),
-              title: "Code Block",
-              children: "Code"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "secondary",
-              size: "small",
-              onClick: () => insertMarkdown("- "),
-              title: "List",
-              children: "List"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Textarea,
-          {
-            id: `markdown-${label}`,
-            value,
-            onChange: (e2) => onChange(e2.target.value),
-            placeholder,
-            rows,
-            className: "font-mono text-sm"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "preview", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: ui.clx(
-            "min-h-[200px] rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4",
-            "prose prose-sm max-w-none"
-          ),
-          dangerouslySetInnerHTML: {
-            __html: value ? renderMarkdownPreview(value) : '<p class="text-ui-fg-subtle">Nothing to preview</p>'
-          }
-        }
-      ) })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2 border-b pb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            type: "button",
-            variant: "secondary",
-            size: "small",
-            onClick: () => insertMarkdown("**", "**"),
-            title: "Bold",
-            children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "B" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            type: "button",
-            variant: "secondary",
-            size: "small",
-            onClick: () => insertMarkdown("*", "*"),
-            title: "Italic",
-            children: /* @__PURE__ */ jsxRuntime.jsx("em", { children: "I" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            type: "button",
-            variant: "secondary",
-            size: "small",
-            onClick: () => insertMarkdown("`", "`"),
-            title: "Inline Code",
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.CommandLine, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            type: "button",
-            variant: "secondary",
-            size: "small",
-            onClick: () => insertMarkdown("```\n", "\n```"),
-            title: "Code Block",
-            children: "Code"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Textarea,
-        {
-          id: `markdown-${label}`,
-          value,
-          onChange: (e2) => onChange(e2.target.value),
-          placeholder,
-          rows,
-          className: "font-mono text-sm"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: "Supports Markdown formatting: **bold**, *italic*, `code`, ```code blocks```, [links](url), ![images](url), and lists" })
-  ] });
-};
-const CampaignImageUploader = ({
-  campaignId,
-  imageType,
-  currentImageUrl,
-  onClose,
-  onSuccess
-}) => {
-  const [displayImage, setDisplayImage] = React.useState(currentImageUrl || null);
-  const [isUploading, setIsUploading] = React.useState(false);
-  const [isDragging, setIsDragging] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [previewUrl, setPreviewUrl] = React.useState(null);
-  const isThumbnail = imageType === "thumbnail";
-  const maxSize = 5;
-  const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
-  const formatFileTypes = () => {
-    return "JPEG, PNG, GIF, or WebP";
-  };
-  const validateFile = (file) => {
-    if (!allowedTypes.includes(file.type)) {
-      setError(`Please upload a valid image file (${formatFileTypes()})`);
-      return false;
-    }
-    if (file.size > maxSize * 1024 * 1024) {
-      setError(`File size must be less than ${maxSize}MB`);
-      return false;
-    }
-    return true;
-  };
-  const handleFileUpload = async (file) => {
-    var _a, _b;
-    if (!validateFile(file)) return;
-    setError(null);
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      setPreviewUrl(reader.result);
-    };
-    reader.readAsDataURL(file);
-    setIsUploading(true);
-    const formData = new FormData();
-    formData.append("file", file);
-    try {
-      const response = await fetch(
-        `/admin/campaigns/${campaignId}/${imageType}`,
-        {
-          method: "POST",
-          body: formData,
-          credentials: "include"
-        }
-      );
-      if (response.ok) {
-        const result = await response.json();
-        const newImageUrl = imageType === "image" ? (_a = result.campaign_detail) == null ? void 0 : _a.image_url : (_b = result.campaign_detail) == null ? void 0 : _b.thumbnail_url;
-        setDisplayImage(newImageUrl);
-        setPreviewUrl(null);
-        onSuccess == null ? void 0 : onSuccess();
-        setTimeout(() => {
-          onClose();
-        }, 1e3);
-      } else {
-        const errorData = await response.json();
-        setError(errorData.error || `Failed to upload ${imageType}`);
-        setPreviewUrl(null);
-      }
-    } catch (err) {
-      setError(`Error uploading ${imageType}`);
-      setPreviewUrl(null);
-      console.error(`Error uploading ${imageType}:`, err);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  const handleDelete = async () => {
-    if (!confirm(`Are you sure you want to delete the ${imageType}?`)) return;
-    setIsUploading(true);
-    setError(null);
-    try {
-      const response = await fetch(
-        `/admin/campaigns/${campaignId}/${imageType}`,
-        {
-          method: "DELETE",
-          credentials: "include"
-        }
-      );
-      if (response.ok) {
-        setDisplayImage(null);
-        setPreviewUrl(null);
-        onSuccess == null ? void 0 : onSuccess();
-        setTimeout(() => {
-          onClose();
-        }, 500);
-      } else {
-        const errorData = await response.json();
-        setError(errorData.error || `Failed to delete ${imageType}`);
-      }
-    } catch (err) {
-      setError(`Error deleting ${imageType}`);
-      console.error(`Error deleting ${imageType}:`, err);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  const handleDragEnter = React.useCallback((e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
-    setIsDragging(true);
-  }, []);
-  const handleDragLeave = React.useCallback((e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
-    setIsDragging(false);
-  }, []);
-  const handleDragOver = React.useCallback((e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
-  }, []);
-  const handleDrop = React.useCallback((e2) => {
-    var _a;
-    e2.preventDefault();
-    e2.stopPropagation();
-    setIsDragging(false);
-    const file = (_a = e2.dataTransfer.files) == null ? void 0 : _a[0];
-    if (file) {
-      handleFileUpload(file);
-    }
-  }, []);
-  const imageToDisplay = previewUrl || displayImage;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-2xl rounded-lg bg-ui-bg-base p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { level: "h2", children: [
-          "Upload Campaign ",
-          isThumbnail ? "Thumbnail" : "Image"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: isThumbnail ? "Thumbnail for campaign listing" : "Main campaign image" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(icons.X, {}) })
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", dismissible: true, className: "mb-4", children: error }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-      imageToDisplay ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-subtle", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: imageToDisplay,
-              alt: `Campaign ${imageType}`,
-              className: ui.clx(
-                "w-full object-contain",
-                isThumbnail ? "h-32" : "h-64"
-              )
-            }
-          ),
-          isUploading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white", children: "Uploading..." }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.Button,
-            {
-              variant: "secondary",
-              disabled: isUploading,
-              onClick: () => {
-                var _a;
-                return (_a = document.getElementById(`${imageType}-file-input`)) == null ? void 0 : _a.click();
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.CloudArrowUp, { className: "mr-2" }),
-                "Replace"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.Button,
-            {
-              variant: "danger",
-              disabled: isUploading,
-              onClick: handleDelete,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { className: "mr-2" }),
-                "Delete"
-              ]
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: ui.clx(
-            "flex flex-col items-center justify-center rounded-lg border-2 border-dashed transition-colors",
-            isThumbnail ? "h-48" : "h-64",
-            isDragging ? "border-ui-border-interactive bg-ui-bg-highlight" : "border-ui-border-base bg-ui-bg-subtle",
-            !isUploading && "cursor-pointer"
-          ),
-          onDragEnter: handleDragEnter,
-          onDragLeave: handleDragLeave,
-          onDragOver: handleDragOver,
-          onDrop: handleDrop,
-          onClick: () => {
-            var _a;
-            return !isUploading && ((_a = document.getElementById(`${imageType}-file-input`)) == null ? void 0 : _a.click());
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.PhotoSolid, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mb-2 text-lg font-medium", children: isDragging ? `Drop ${imageType} here` : `Upload ${isThumbnail ? "Thumbnail" : "Image"}` }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mb-4 text-center text-ui-fg-subtle", children: "Drag and drop an image here, or click to select" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-sm text-ui-fg-subtle", children: [
-              formatFileTypes(),
-              " • Max ",
-              maxSize,
-              "MB"
-            ] }),
-            isThumbnail && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-2 text-xs text-ui-fg-subtle", children: "Recommended: 16:9 aspect ratio, minimum 400x225px" }),
-            !isThumbnail && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-2 text-xs text-ui-fg-subtle", children: "Recommended: High resolution, minimum 1200x600px" }),
-            isUploading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Uploading..." }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: `${imageType}-file-input`,
-          type: "file",
-          accept: allowedTypes.join(","),
-          onChange: (e2) => {
-            var _a;
-            const file = (_a = e2.target.files) == null ? void 0 : _a[0];
-            if (file) handleFileUpload(file);
-            e2.target.value = "";
-          },
-          className: "hidden"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center justify-between border-t pt-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-sm text-ui-fg-subtle", children: isThumbnail ? "Thumbnail will be displayed in campaign listings" : "Main image for the campaign detail page" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: onClose, children: "Close" })
-    ] })
-  ] }) });
-};
-const CampaignDetailForm = ({
-  campaignId,
-  campaignName
-}) => {
-  const [campaignDetail, setCampaignDetail] = React.useState(
-    null
-  );
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [isSaving, setIsSaving] = React.useState(false);
-  const [showImageUploader, setShowImageUploader] = React.useState(null);
-  const [formData, setFormData] = React.useState({
-    detail_content: "",
-    terms_and_conditions: "",
-    meta_title: "",
-    meta_description: "",
-    meta_keywords: "",
-    link_url: "",
-    link_text: "",
-    display_order: 0
-  });
-  React.useEffect(() => {
-    fetchCampaignDetail();
-  }, [campaignId]);
-  const fetchCampaignDetail = async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetch(`/admin/campaigns/${campaignId}/detail`, {
-        credentials: "include"
-      });
-      if (response.ok) {
-        const data = await response.json();
-        if (data.campaign_detail) {
-          console.log("Campaign detail loaded:", {
-            image_url: data.campaign_detail.image_url,
-            thumbnail_url: data.campaign_detail.thumbnail_url,
-            decoded_image: data.campaign_detail.image_url ? decodeURIComponent(data.campaign_detail.image_url) : null,
-            decoded_thumbnail: data.campaign_detail.thumbnail_url ? decodeURIComponent(data.campaign_detail.thumbnail_url) : null
-          });
-          setCampaignDetail(data.campaign_detail);
-          setFormData({
-            detail_content: data.campaign_detail.detail_content || "",
-            terms_and_conditions: data.campaign_detail.terms_and_conditions || "",
-            meta_title: data.campaign_detail.meta_title || "",
-            meta_description: data.campaign_detail.meta_description || "",
-            meta_keywords: data.campaign_detail.meta_keywords || "",
-            link_url: data.campaign_detail.link_url || "",
-            link_text: data.campaign_detail.link_text || "",
-            display_order: data.campaign_detail.display_order || 0
-          });
-        }
-      } else if (response.status !== 404) {
-        console.error("Failed to fetch campaign detail");
-      }
-    } catch (error) {
-      console.error("Error fetching campaign detail:", error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const handleSave = async () => {
-    setIsSaving(true);
-    try {
-      const response = await fetch(`/admin/campaigns/${campaignId}/detail`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(formData),
-        credentials: "include"
-      });
-      if (response.ok) {
-        const data = await response.json();
-        setCampaignDetail(data.campaign_detail);
-        ui.toast.success("Campaign details saved successfully");
-      } else {
-        const errorData = await response.json();
-        ui.toast.error(errorData.error || "Failed to save campaign details");
-      }
-    } catch (error) {
-      console.error("Error saving campaign detail:", error);
-      ui.toast.error("Error saving campaign details");
-    } finally {
-      setIsSaving(false);
-    }
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center", children: "Loading campaign details..." }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Campaign Details" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-ui-fg-subtle", children: campaignName })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSave, isLoading: isSaving, children: "Save Details" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Images" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Main Campaign Image" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: ui.clx(
-                  "relative flex h-64 items-center justify-center overflow-hidden rounded-lg border-2 border-dashed",
-                  (campaignDetail == null ? void 0 : campaignDetail.image_url) ? "border-ui-border-base" : "border-ui-border-base bg-ui-bg-subtle"
-                ),
-                children: (campaignDetail == null ? void 0 : campaignDetail.image_url) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: campaignDetail.image_url,
-                      alt: "Campaign",
-                      className: "h-full w-full object-cover",
-                      onError: (e2) => {
-                        console.error(
-                          "Failed to load image:",
-                          campaignDetail.image_url
-                        );
-                        e2.currentTarget.style.display = "none";
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Button,
-                    {
-                      variant: "secondary",
-                      size: "small",
-                      className: "absolute bottom-2 right-2",
-                      onClick: () => setShowImageUploader("image"),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, { className: "mr-1" }),
-                        "Change"
-                      ]
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
-                  ui.Button,
-                  {
-                    variant: "secondary",
-                    onClick: () => setShowImageUploader("image"),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(icons.PhotoSolid, { className: "mr-2" }),
-                      "Upload Image"
-                    ]
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Thumbnail" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: ui.clx(
-                  "relative flex h-64 items-center justify-center overflow-hidden rounded-lg border-2 border-dashed",
-                  (campaignDetail == null ? void 0 : campaignDetail.thumbnail_url) ? "border-ui-border-base" : "border-ui-border-base bg-ui-bg-subtle"
-                ),
-                children: (campaignDetail == null ? void 0 : campaignDetail.thumbnail_url) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: campaignDetail.thumbnail_url,
-                      alt: "Thumbnail",
-                      className: "h-full w-full object-cover",
-                      onError: (e2) => {
-                        console.error(
-                          "Failed to load thumbnail:",
-                          campaignDetail.thumbnail_url
-                        );
-                        e2.currentTarget.style.display = "none";
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Button,
-                    {
-                      variant: "secondary",
-                      size: "small",
-                      className: "absolute bottom-2 right-2",
-                      onClick: () => setShowImageUploader("thumbnail"),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, { className: "mr-1" }),
-                        "Change"
-                      ]
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
-                  ui.Button,
-                  {
-                    variant: "secondary",
-                    onClick: () => setShowImageUploader("thumbnail"),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(icons.PhotoSolid, { className: "mr-2" }),
-                      "Upload Thumbnail"
-                    ]
-                  }
-                )
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-        MarkdownEditor,
-        {
-          label: "Campaign Detail Content",
-          value: formData.detail_content,
-          onChange: (value) => setFormData({ ...formData, detail_content: value }),
-          placeholder: "Enter campaign details in Markdown format. You can include images, links, code blocks, and more...",
-          helpText: "Supports Markdown and code syntax",
-          rows: 12,
-          showPreview: true
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-        MarkdownEditor,
-        {
-          label: "Terms and Conditions",
-          value: formData.terms_and_conditions,
-          onChange: (value) => setFormData({ ...formData, terms_and_conditions: value }),
-          placeholder: "Enter terms and conditions for this campaign...",
-          helpText: "Optional - Campaign specific terms",
-          rows: 8,
-          showPreview: true
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Call to Action Link" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "link-url", children: "Link URL" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: "link-url",
-                type: "url",
-                value: formData.link_url,
-                onChange: (e2) => setFormData({ ...formData, link_url: e2.target.value }),
-                placeholder: "https://example.com/campaign"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "link-text", children: "Link Text" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: "link-text",
-                value: formData.link_text,
-                onChange: (e2) => setFormData({ ...formData, link_text: e2.target.value }),
-                placeholder: "Shop Now"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "SEO & Metadata" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "meta-title", children: "Meta Title" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: "meta-title",
-                value: formData.meta_title,
-                onChange: (e2) => setFormData({ ...formData, meta_title: e2.target.value }),
-                placeholder: "Campaign meta title for SEO"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "meta-description", children: "Meta Description" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: "meta-description",
-                value: formData.meta_description,
-                onChange: (e2) => setFormData({
-                  ...formData,
-                  meta_description: e2.target.value
-                }),
-                placeholder: "Campaign meta description for SEO"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "meta-keywords", children: "Meta Keywords" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: "meta-keywords",
-                value: formData.meta_keywords,
-                onChange: (e2) => setFormData({
-                  ...formData,
-                  meta_keywords: e2.target.value
-                }),
-                placeholder: "keyword1, keyword2, keyword3"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-ui-fg-subtle", children: "Comma-separated keywords for SEO" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "display-order", children: "Display Order" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: "display-order",
-                type: "number",
-                value: formData.display_order,
-                onChange: (e2) => setFormData({
-                  ...formData,
-                  display_order: parseInt(e2.target.value) || 0
-                }),
-                placeholder: "0"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-ui-fg-subtle", children: "Lower numbers appear first in listings" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end border-t pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSave, isLoading: isSaving, children: "Save Campaign Details" }) })
-    ] }),
-    showImageUploader && /* @__PURE__ */ jsxRuntime.jsx(
-      CampaignImageUploader,
-      {
-        campaignId,
-        imageType: showImageUploader,
-        currentImageUrl: showImageUploader === "image" ? campaignDetail == null ? void 0 : campaignDetail.image_url : campaignDetail == null ? void 0 : campaignDetail.thumbnail_url,
-        onClose: () => setShowImageUploader(null),
-        onSuccess: fetchCampaignDetail
-      }
-    )
-  ] });
-};
-const CouponDetail = () => {
-  var _a, _b, _c, _d, _e, _f;
-  const { id } = reactRouterDom.useParams();
-  const navigate = reactRouterDom.useNavigate();
-  const [isEditing, setIsEditing] = React.useState(false);
-  const { data, isLoading, refetch } = useCouponById(id ?? "");
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin h-10 w-10 border-4 border-primary rounded-full border-t-transparent" }) });
-  }
-  if (!(data == null ? void 0 : data.campaign)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Coupon not found" }) });
-  }
-  const campaign = data.campaign;
-  const promotion = (_a = campaign.promotions) == null ? void 0 : _a[0];
-  const initialValues = {
-    name: campaign.name ?? "",
-    description: campaign.description ?? "",
-    type: "coupon",
-    code: (promotion == null ? void 0 : promotion.code) ?? "",
-    discount_type: ((_b = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _b.type) ?? "percentage",
-    discount_value: Number(((_c = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _c.value) ?? 0),
-    currency_code: ((_d = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _d.currency_code) ?? void 0,
-    starts_at: campaign.starts_at ? dayjs__default.default(campaign.starts_at).format("YYYY-MM-DDTHH:mm") : void 0,
-    ends_at: campaign.ends_at ? dayjs__default.default(campaign.ends_at).format("YYYY-MM-DDTHH:mm") : void 0,
-    allocation: ((_e = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _e.allocation) ?? "total",
-    target_type: ((_f = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _f.target_type) ?? "order"
-  };
-  const handleSubmit = async (formData) => {
-    var _a2, _b2;
-    if (!id) {
-      return;
-    }
-    try {
-      await axios__default.default.put(`/admin/coupons/${id}`, {
-        ...formData,
-        starts_at: new Date(formData.starts_at).toUTCString(),
-        ends_at: new Date(formData.ends_at).toUTCString(),
-        currency_code: formData.discount_type === "fixed" ? formData.currency_code : void 0
-      });
-      ui.toast.success("Coupon updated successfully");
-      setIsEditing(false);
-      refetch();
-    } catch (error) {
-      let message = "Failed to update coupon";
-      if (axios__default.default.isAxiosError(error)) {
-        message = ((_b2 = (_a2 = error.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) ?? message;
-      } else if (error instanceof Error) {
-        message = error.message;
-      }
-      ui.toast.error("Failed to update coupon", {
-        description: message
-      });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold mb-1", children: campaign.name }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-fg-subtle", children: "Manage coupon configuration and content" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/coupons"), children: "Back to Coupons" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => setIsEditing((prev) => !prev), children: isEditing ? "View Mode" : "Edit Mode" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { defaultValue: "settings", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.List, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "settings", children: "Coupon Settings" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "details", children: "Coupon Details" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "settings", className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-        CouponForm,
-        {
-          initialData: initialValues,
-          onSubmit: handleSubmit,
-          onCancel: () => navigate("/coupons"),
-          disabled: !isEditing
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "details", className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-        CampaignDetailForm,
-        {
-          campaignId: campaign.id,
-          campaignName: campaign.name ?? ""
-        }
-      ) })
-    ] })
-  ] });
-};
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Coupon Detail",
-  icon: icons.Tag
-});
-const CouponCreate = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const handleSubmit = async (formData) => {
-    var _a, _b;
-    try {
-      await axios__default.default.post("/admin/coupons", {
-        ...formData,
-        starts_at: new Date(formData.starts_at).toUTCString(),
-        ends_at: new Date(formData.ends_at).toUTCString(),
-        currency_code: formData.discount_type === "fixed" ? formData.currency_code : void 0
-      });
-      ui.toast.success("Coupon created successfully");
-      navigate("/coupons");
-    } catch (error) {
-      let message = "Failed to create coupon";
-      if (axios__default.default.isAxiosError(error)) {
-        message = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? message;
-      } else if (error instanceof Error) {
-        message = error.message;
-      }
-      ui.toast.error("Failed to create coupon", {
-        description: message
-      });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CouponForm,
-    {
-      onSubmit: handleSubmit,
-      onCancel: () => navigate("/coupons")
-    }
-  );
-};
-const sdk = new Medusa__default.default({
-  baseUrl: "/",
-  debug: false,
-  auth: {
-    type: "session"
-  }
-});
-const columnHelper = ui.createDataTableColumnHelper();
-const columns = [
-  columnHelper.accessor("title", {
-    header: "Title",
-    cell: (info) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "large", className: "py-2", children: info.getValue() })
-  }),
-  columnHelper.accessor("description", {
-    header: "Description",
-    cell: (info) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "large", className: "py-2", children: info.getValue() })
-  })
-];
-const ProductSelector = ({
-  selectedProductIds,
-  onSelectProduct
-}) => {
-  const [search, setSearch] = React.useState("");
-  const debouncedSearchHandler = lodash.debounce((value) => {
-    setSearch(value);
-  }, 500);
-  const [products, setProducts] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  React.useEffect(() => {
-    const fetchProducts = async () => {
-      setIsLoading(true);
-      try {
-        const result = await sdk.admin.product.list({
-          q: search,
-          limit: 100
-        });
-        setProducts(result);
-      } catch (error) {
-        console.error("Failed to fetch products:", error);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    fetchProducts();
-  }, [selectedProductIds, search]);
-  const selectableProducts = React.useMemo(() => {
-    var _a;
-    return (_a = products == null ? void 0 : products.products) == null ? void 0 : _a.filter(
-      (product) => !selectedProductIds.includes(product.id)
-    );
-  }, [products == null ? void 0 : products.products, selectedProductIds]);
-  const table = ui.useDataTable({
-    data: selectableProducts || [],
-    columns,
-    getRowId: (product) => product.id,
-    onRowClick: (_, row) => {
-      onSelectProduct == null ? void 0 : onSelectProduct(row.original);
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Input,
-      {
-        className: "text-lg py-2",
-        placeholder: "Search products...",
-        onChange: (e2) => debouncedSearchHandler(e2.target.value)
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable, { instance: table, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}) })
-  ] });
-};
-const customCampaignSchema = z__default.default.object({
-  name: z__default.default.string().min(1, "Name is required"),
-  description: z__default.default.string().min(1, "Description is required"),
-  type: z__default.default.literal("flash-sale"),
-  starts_at: z__default.default.string().min(1, "Start date is required"),
-  ends_at: z__default.default.string().min(1, "End date is required")
-});
-const campaignProductSchema = z__default.default.object({
-  product: z__default.default.object({
-    id: z__default.default.string(),
-    title: z__default.default.string()
-  }),
-  discountType: z__default.default.enum([
-    "percentage"
-    // , "fixed"
-  ]),
-  discountValue: z__default.default.number().min(1),
-  limit: z__default.default.number().min(1),
-  maxQty: z__default.default.number().min(1)
-});
-const campaignDataSchema = customCampaignSchema.extend({
-  products: z__default.default.array(campaignProductSchema).min(1, "At least one product is required")
-}).refine(
-  (data) => new Date(data.starts_at) < new Date(data.ends_at),
-  "End date must be after start date"
-);
-const FlashSaleForm = ({
-  initialData,
-  initialProducts,
-  onSubmit,
-  onCancel,
-  disabled = false
-}) => {
-  var _a;
-  const {
-    control,
-    register,
-    handleSubmit,
-    watch,
-    setValue,
-    formState: { errors }
-  } = useForm({
-    resolver: t(campaignDataSchema),
-    defaultValues: {
-      name: (initialData == null ? void 0 : initialData.name) || "",
-      description: (initialData == null ? void 0 : initialData.description) || "",
-      type: "flash-sale",
-      starts_at: (initialData == null ? void 0 : initialData.starts_at) || "",
-      ends_at: (initialData == null ? void 0 : initialData.ends_at) || "",
-      products: initialProducts ? Array.from(initialProducts.values()) : []
-    }
-  });
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name: "products"
-  });
-  const [openProductModal, setOpenProductModal] = React.useState(false);
-  const startsAt = watch("starts_at");
-  const endsAt = watch("ends_at");
-  const handleDateTimeChange = (field, type, value) => {
-    const currentValue = watch(field);
-    if (type === "date") {
-      const time = currentValue ? dayjs__default.default(currentValue).format("HH:mm") : field === "starts_at" ? "00:00" : "23:59";
-      setValue(field, `${value}T${time}`);
-    } else {
-      const date = currentValue ? dayjs__default.default(currentValue).format("YYYY-MM-DD") : dayjs__default.default().format("YYYY-MM-DD");
-      setValue(field, `${date}T${value}`);
-    }
-  };
-  const onFormSubmit = (data) => {
-    onSubmit(data);
-  };
-  const onFormError = () => {
-    const errorMessages = Object.entries(errors).map(([key, value]) => {
-      var _a2;
-      if (key === "products" && Array.isArray(value)) {
-        return value.map(
-          (item, index) => item ? `Product ${index + 1}: ${Object.values(item).join(", ")}` : ""
-        ).filter(Boolean).join(", ");
-      }
-      return (value == null ? void 0 : value.message) || ((_a2 = value == null ? void 0 : value.root) == null ? void 0 : _a2.message);
-    }).filter(Boolean).join(", ");
-    ui.toast.error("Invalid data", {
-      description: errorMessages
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold", children: "Flash sale campaign" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", onClick: onCancel, children: "Cancel" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        onSubmit: handleSubmit(onFormSubmit, onFormError),
-        className: "space-y-4 my-8",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Name" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...register("name"), disabled }),
-            errors.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.name.message })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Description" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...register("description"), disabled }),
-            errors.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.description.message })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Start Date" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "date",
-                    value: startsAt ? dayjs__default.default(startsAt).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => handleDateTimeChange("starts_at", "date", e2.target.value),
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "time",
-                    value: startsAt ? dayjs__default.default(startsAt).format("HH:mm") : "",
-                    onChange: (e2) => handleDateTimeChange("starts_at", "time", e2.target.value),
-                    disabled,
-                    className: "w-32"
-                  }
-                )
-              ] }),
-              errors.starts_at && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.starts_at.message })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "End Date" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "date",
-                    value: endsAt ? dayjs__default.default(endsAt).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => handleDateTimeChange("ends_at", "date", e2.target.value),
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "time",
-                    value: endsAt ? dayjs__default.default(endsAt).format("HH:mm") : "",
-                    onChange: (e2) => handleDateTimeChange("ends_at", "time", e2.target.value),
-                    disabled,
-                    className: "w-32"
-                  }
-                )
-              ] }),
-              errors.ends_at && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.ends_at.message })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Products" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                type: "button",
-                variant: "secondary",
-                onClick: () => setOpenProductModal(true),
-                disabled,
-                children: "Add Product"
-              }
-            )
-          ] }),
-          ((_a = errors.products) == null ? void 0 : _a.root) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm", children: errors.products.root.message }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Discount Type" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Discount Value" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Limit" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Max Qty per Order" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Actions" })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: fields.map((field, index) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: field.product.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: `products.${index}.discountType`,
-                  control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Select,
-                    {
-                      value: field2.value,
-                      onValueChange: field2.onChange,
-                      disabled,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select discount type" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "percentage", children: "Percentage" }) })
-                      ]
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: `products.${index}.discountValue`,
-                  control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Input,
-                    {
-                      type: "number",
-                      value: field2.value,
-                      onChange: (e2) => field2.onChange(Number(e2.target.value)),
-                      disabled
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: `products.${index}.limit`,
-                  control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Input,
-                    {
-                      type: "number",
-                      value: field2.value,
-                      onChange: (e2) => field2.onChange(Number(e2.target.value)),
-                      disabled
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                Controller,
-                {
-                  name: `products.${index}.maxQty`,
-                  control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Input,
-                    {
-                      type: "number",
-                      value: field2.value,
-                      onChange: (e2) => field2.onChange(Number(e2.target.value)),
-                      disabled
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  type: "button",
-                  variant: "danger",
-                  onClick: () => remove(index),
-                  disabled,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
-                }
-              ) })
-            ] }, field.id)) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled, children: "Save" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open: openProductModal, onOpenChange: setOpenProductModal, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { title: "Add Product" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        ProductSelector,
-        {
-          selectedProductIds: fields.map((f2) => f2.product.id),
-          onSelectProduct: (product) => {
-            append({
-              product,
-              discountType: "percentage",
-              discountValue: 10,
-              limit: 10,
-              maxQty: 1
-            });
-            setOpenProductModal(false);
-          }
-        }
-      ) })
-    ] }) })
-  ] });
-};
-const useFlashSaleById = (id) => {
-  const [data, setData] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const fetchFlashSale = async () => {
-    if (!id) {
-      setIsLoading(false);
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const response = await axios__default.default.get(`/admin/flash-sales/${id}`);
-      setData(response.data);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err : new Error("Failed to fetch flash sale")
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  React.useEffect(() => {
-    fetchFlashSale();
-  }, [id]);
-  return {
-    data,
-    isLoading,
-    error,
-    refetch: fetchFlashSale
-  };
-};
-const FlashSaleDetail = () => {
-  const { id } = reactRouterDom.useParams();
-  const navigate = reactRouterDom.useNavigate();
-  const { data, isLoading, refetch } = useFlashSaleById(id || "");
-  const [isEditing, setIsEditing] = React.useState(false);
-  async function handleSubmit(campaignData2) {
-    var _a;
-    try {
-      await axios__default.default.put(`/admin/flash-sales/${id}`, {
-        ...campaignData2,
-        starts_at: new Date(campaignData2.starts_at).toUTCString(),
-        ends_at: new Date(campaignData2.ends_at).toUTCString()
-      });
-      ui.toast.success("Flash sale updated successfully");
-      refetch();
-      navigate("/flash-sales");
-    } catch (error) {
-      let message;
-      if (axios__default.default.isAxiosError(error)) {
-        console.log(error);
-        message = (_a = error.response) == null ? void 0 : _a.data.message;
-      } else if (error instanceof Error) {
-        message = error.message;
-      } else {
-        message = "Failed to update flash sale";
-      }
-      ui.toast.error("Failed to update flash sale", {
-        description: message
-      });
-    }
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin h-10 w-10 border-4 border-primary rounded-full border-t-transparent" }) });
-  }
-  if (!data) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Flash sale not found" }) });
-  }
-  const campaignData = {
-    name: data.name || "",
-    description: data.description || "",
-    type: "flash-sale",
-    starts_at: data.starts_at,
-    ends_at: data.ends_at
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold mb-1", children: data.name }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-fg-subtle", children: "Manage campaign settings and content" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/flash-sales"), children: "Back to Campaigns" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => setIsEditing((prev) => !prev), children: isEditing ? "View Mode" : "Edit Mode" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { defaultValue: "settings", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.List, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "settings", children: "Campaign Settings" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "details", children: "Campaign Details" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "settings", className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-        FlashSaleForm,
-        {
-          initialData: campaignData,
-          initialProducts: new Map(
-            data.products.map((product) => [product.product.id, product])
-          ),
-          onSubmit: handleSubmit,
-          onCancel: () => navigate("/flash-sales"),
-          disabled: !isEditing
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "details", className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-        CampaignDetailForm,
-        {
-          campaignId: id || "",
-          campaignName: data.name || ""
-        }
-      ) })
-    ] })
-  ] });
-};
-const config = adminSdk.defineRouteConfig({
-  label: "Flash Sale Detail",
-  icon: icons.Sparkles
-});
-const FlashSaleCreate = () => {
-  const navigate = reactRouterDom.useNavigate();
-  async function handleSubmit(campaignData) {
-    var _a;
-    try {
-      await axios__default.default.post("/admin/flash-sales", {
-        ...campaignData,
-        starts_at: new Date(campaignData.starts_at).toUTCString(),
-        ends_at: new Date(campaignData.ends_at).toUTCString()
-      });
-      ui.toast.success("Flash sale created successfully");
-      navigate("/flash-sales");
-    } catch (error) {
-      let message;
-      if (axios__default.default.isAxiosError(error)) {
-        console.log(error);
-        message = (_a = error.response) == null ? void 0 : _a.data.message;
-      } else if (error instanceof Error) {
-        message = error.message;
-      } else {
-        message = "Failed to create flash sale";
-      }
-      ui.toast.error("Failed to create flash sale", {
-        description: message
-      });
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FlashSaleForm,
-    {
-      onSubmit: handleSubmit,
-      onCancel: () => navigate("/flash-sales")
-    }
-  );
-};
-const widgetModule = { widgets: [
-  {
-    Component: CampaignDetailWidget,
-    zone: ["promotion.details.side.after"]
-  }
-] };
-const routeModule = {
-  routes: [
-    {
-      Component: Coupons,
-      path: "/coupons"
-    },
-    {
-      Component: FlashSale,
-      path: "/flash-sales"
-    },
-    {
-      Component: CouponDetail,
-      path: "/coupons/:id"
-    },
-    {
-      Component: CouponCreate,
-      path: "/coupons/create"
-    },
-    {
-      Component: FlashSaleDetail,
-      path: "/flash-sales/:id"
-    },
-    {
-      Component: FlashSaleCreate,
-      path: "/flash-sales/create"
-    }
-  ]
-};
-const menuItemModule = {
-  menuItems: [
-    {
-      label: config$3.label,
-      icon: config$3.icon,
-      path: "/coupons",
-      nested: void 0
-    },
-    {
-      label: config$2.label,
-      icon: config$2.icon,
-      path: "/flash-sales",
-      nested: void 0
-    },
-    {
-      label: config$1.label,
-      icon: config$1.icon,
-      path: "/coupons/:id",
-      nested: void 0
-    },
-    {
-      label: config.label,
-      icon: config.icon,
-      path: "/flash-sales/:id",
-      nested: void 0
-    }
-  ]
-};
-const formModule = { customFields: {} };
-const displayModule = {
-  displays: {}
-};
-const i18nModule = { resources: {} };
-const plugin = {
-  widgetModule,
-  routeModule,
-  menuItemModule,
-  formModule,
-  displayModule,
-  i18nModule
-};
-module.exports = plugin;