@wtree/payload-ecommerce-coupon 3.78.4 → 3.78.6

package/dist/browser.mjs

@@ -0,0 +1,864 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+//#region node_modules/react/cjs/react.production.js
+/**
+* @license React
+* react.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Symbol.iterator;
+	var ReactNoopUpdateQueue = {
+		isMounted: function() {
+			return !1;
+		},
+		enqueueForceUpdate: function() {},
+		enqueueReplaceState: function() {},
+		enqueueSetState: function() {}
+	}, assign = Object.assign, emptyObject = {};
+	function Component(props, context, updater) {
+		this.props = props;
+		this.context = context;
+		this.refs = emptyObject;
+		this.updater = updater || ReactNoopUpdateQueue;
+	}
+	Component.prototype.isReactComponent = {};
+	Component.prototype.setState = function(partialState, callback) {
+		if ("object" !== typeof partialState && "function" !== typeof partialState && null != partialState) throw Error("takes an object of state variables to update or a function which returns an object of state variables.");
+		this.updater.enqueueSetState(this, partialState, callback, "setState");
+	};
+	Component.prototype.forceUpdate = function(callback) {
+		this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
+	};
+	function ComponentDummy() {}
+	ComponentDummy.prototype = Component.prototype;
+	function PureComponent(props, context, updater) {
+		this.props = props;
+		this.context = context;
+		this.refs = emptyObject;
+		this.updater = updater || ReactNoopUpdateQueue;
+	}
+	var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
+	pureComponentPrototype.constructor = PureComponent;
+	assign(pureComponentPrototype, Component.prototype);
+	pureComponentPrototype.isPureReactComponent = !0;
+	Array.isArray;
+	var ReactSharedInternals = {
+		H: null,
+		A: null,
+		T: null,
+		S: null
+	};
+	Object.prototype.hasOwnProperty;
+	exports.useEffect = function(create, deps) {
+		return ReactSharedInternals.H.useEffect(create, deps);
+	};
+	exports.useState = function(initialState) {
+		return ReactSharedInternals.H.useState(initialState);
+	};
+}));
+//#endregion
+//#region node_modules/react/index.js
+var require_react = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	module.exports = require_react_production();
+}));
+//#endregion
+//#region node_modules/react/cjs/react-jsx-runtime.production.js
+/**
+* @license React
+* react-jsx-runtime.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element");
+	function jsxProd(type, config, maybeKey) {
+		var key = null;
+		void 0 !== maybeKey && (key = "" + maybeKey);
+		void 0 !== config.key && (key = "" + config.key);
+		if ("key" in config) {
+			maybeKey = {};
+			for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
+		} else maybeKey = config;
+		config = maybeKey.ref;
+		return {
+			$$typeof: REACT_ELEMENT_TYPE,
+			type,
+			key,
+			ref: void 0 !== config ? config : null,
+			props: maybeKey
+		};
+	}
+	exports.jsx = jsxProd;
+	exports.jsxs = jsxProd;
+}));
+//#endregion
+//#region node_modules/react/jsx-runtime.js
+var require_jsx_runtime = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	module.exports = require_react_jsx_runtime_production();
+}));
+//#endregion
+//#region src/components/PartnerDashboard/EarningsSummary.tsx
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+const formatCurrency$3 = (amount, currency) => {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 2
+	}).format(amount);
+};
+const EarningsSummary = ({ stats, currency }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--earnings",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Earnings Summary"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "partner-widget__content",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "earnings-grid",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "earnings-card earnings-card--total",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "earnings-card__label",
+							children: "Total Earnings"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "earnings-card__value",
+							children: formatCurrency$3(stats.totalEarnings, currency)
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "earnings-card earnings-card--pending",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "earnings-card__label",
+							children: "Pending"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "earnings-card__value",
+							children: formatCurrency$3(stats.pendingEarnings, currency)
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "earnings-card earnings-card--paid",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "earnings-card__label",
+							children: "Paid Out"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "earnings-card__value",
+							children: formatCurrency$3(stats.paidEarnings, currency)
+						})]
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/PartnerDashboard/ReferralPerformance.tsx
+const ReferralPerformance = ({ stats }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--performance",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Referral Performance"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "partner-widget__content",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "performance-grid",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "performance-stat",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "performance-stat__value",
+							children: stats.totalReferrals
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "performance-stat__label",
+							children: "Total Referrals"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "performance-stat",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "performance-stat__value",
+							children: stats.successfulReferrals
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "performance-stat__label",
+							children: "Successful"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "performance-stat",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "performance-stat__value",
+							children: [stats.conversionRate.toFixed(1), "%"]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "performance-stat__label",
+							children: "Conversion Rate"
+						})]
+					})
+				]
+			}), stats.monthlyEarnings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "performance-chart",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", {
+					className: "performance-chart__title",
+					children: "Monthly Trend"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "performance-chart__bars",
+					children: stats.monthlyEarnings.map((month, index) => {
+						const maxEarnings = Math.max(...stats.monthlyEarnings.map((m) => m.earnings), 1);
+						const heightPercent = month.earnings / maxEarnings * 100;
+						return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "performance-chart__bar-container",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "performance-chart__bar",
+								style: { height: `${Math.max(heightPercent, 5)}%` },
+								title: `${month.month}: ${month.referrals} referrals`
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "performance-chart__label",
+								children: month.month.split(" ")[0]
+							})]
+						}, index);
+					})
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+//#region src/components/PartnerDashboard/RecentReferrals.tsx
+const formatCurrency$2 = (amount, currency) => {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 2
+	}).format(amount);
+};
+const formatDate = (dateString) => {
+	return new Date(dateString).toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+};
+const RecentReferrals = ({ referrals, currency }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--recent",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Recent Referrals"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "partner-widget__content",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "referrals-table",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "referrals-table__header",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Code" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Order Value" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Commission" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Date" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Status" })
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "referrals-table__body",
+					children: referrals.map((referral) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "referrals-table__row",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "referrals-table__code",
+								children: referral.code
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "referrals-table__value",
+								children: formatCurrency$2(referral.orderValue, currency)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "referrals-table__commission",
+								children: formatCurrency$2(referral.commission, currency)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "referrals-table__date",
+								children: formatDate(referral.date)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: `referrals-table__status referrals-table__status--${referral.status}`,
+								children: referral.status
+							})
+						]
+					}, referral.id))
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/PartnerDashboard/ReferralCodes.tsx
+const formatCurrency$1 = (amount, currency) => {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 2
+	}).format(amount);
+};
+const ReferralCodes = ({ codes, currency }) => {
+	const [copiedCode, setCopiedCode] = (0, import_react.useState)(null);
+	const copyToClipboard = async (code) => {
+		try {
+			await navigator.clipboard.writeText(code);
+			setCopiedCode(code);
+			setTimeout(() => setCopiedCode(null), 2e3);
+		} catch {
+			const textArea = document.createElement("textarea");
+			textArea.value = code;
+			document.body.appendChild(textArea);
+			textArea.select();
+			document.execCommand("copy");
+			document.body.removeChild(textArea);
+			setCopiedCode(code);
+			setTimeout(() => setCopiedCode(null), 2e3);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--codes",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Your Referral Codes"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "partner-widget__content",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "codes-list",
+				children: codes.map((codeData) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: `code-card ${!codeData.isActive ? "code-card--inactive" : ""}`,
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "code-card__header",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "code-card__code",
+								children: codeData.code
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "code-card__copy",
+								onClick: () => copyToClipboard(codeData.code),
+								title: "Copy code",
+								children: copiedCode === codeData.code ? "✓ Copied" : "Copy"
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "code-card__stats",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "code-card__stat",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "code-card__stat-value",
+									children: codeData.usageCount
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "code-card__stat-label",
+									children: "Uses"
+								})]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "code-card__stat",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "code-card__stat-value",
+									children: formatCurrency$1(codeData.totalEarnings, currency)
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "code-card__stat-label",
+									children: "Earnings"
+								})]
+							})]
+						}),
+						!codeData.isActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "code-card__badge code-card__badge--inactive",
+							children: "Inactive"
+						})
+					]
+				}, codeData.id))
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/PartnerDashboard/ProgramOverview.tsx
+const ProgramOverview = ({ program }) => {
+	if (!program) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--program-overview",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Program Overview"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "partner-widget__content",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "program-overview program-overview--empty",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "No referral program details are available yet." })
+			})
+		})]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--program-overview",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Program Overview"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "partner-widget__content",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "program-overview",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "program-overview__row",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "program-overview__label",
+							children: "Program Name"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "program-overview__value",
+							children: program.name
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "program-overview__row",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "program-overview__label",
+							children: "Commission Rate"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "program-overview__value",
+							children: [program.commissionRate, "%"]
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "program-overview__row",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "program-overview__label",
+							children: "Customer Discount"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "program-overview__value",
+							children: [program.customerDiscount, "%"]
+						})]
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/PartnerDashboard/CommissionBreakdown.tsx
+const formatCurrency = (amount, currency) => {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 2
+	}).format(amount);
+};
+const formatPercent = (value) => {
+	if (!Number.isFinite(value)) return "0%";
+	return `${value.toFixed(1)}%`;
+};
+const CommissionBreakdown = ({ stats, currency }) => {
+	const totalEarnings = Math.max(stats.totalEarnings || 0, 0);
+	const paidEarnings = Math.max(stats.paidEarnings || 0, 0);
+	const pendingEarnings = Math.max(stats.pendingEarnings || 0, 0);
+	const paidPercent = totalEarnings > 0 ? paidEarnings / totalEarnings * 100 : 0;
+	const pendingPercent = totalEarnings > 0 ? pendingEarnings / totalEarnings * 100 : 0;
+	const unpaidOrOther = Math.max(totalEarnings - (paidEarnings + pendingEarnings), 0);
+	const otherPercent = totalEarnings > 0 ? unpaidOrOther / totalEarnings * 100 : 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-widget partner-widget--commission-breakdown",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+			className: "partner-widget__title",
+			children: "Commission Breakdown"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "partner-widget__content",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "commission-breakdown",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "commission-breakdown__summary",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "commission-breakdown__total-label",
+							children: "Total Commission"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "commission-breakdown__total-value",
+							children: formatCurrency(totalEarnings, currency)
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "commission-breakdown__bars",
+						role: "img",
+						"aria-label": "Commission distribution",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "commission-breakdown__track",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "commission-breakdown__segment commission-breakdown__segment--paid",
+									style: { width: `${Math.max(Math.min(paidPercent, 100), 0)}%` },
+									title: `Paid: ${formatCurrency(paidEarnings, currency)} (${formatPercent(paidPercent)})`
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "commission-breakdown__segment commission-breakdown__segment--pending",
+									style: { width: `${Math.max(Math.min(pendingPercent, 100), 0)}%` },
+									title: `Pending: ${formatCurrency(pendingEarnings, currency)} (${formatPercent(pendingPercent)})`
+								}),
+								otherPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "commission-breakdown__segment commission-breakdown__segment--other",
+									style: { width: `${Math.max(Math.min(otherPercent, 100), 0)}%` },
+									title: `Other: ${formatCurrency(unpaidOrOther, currency)} (${formatPercent(otherPercent)})`
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "commission-breakdown__legend",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "commission-breakdown__item",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "commission-breakdown__dot commission-breakdown__dot--paid" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "commission-breakdown__meta",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "commission-breakdown__label",
+										children: "Paid"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "commission-breakdown__value",
+										children: [
+											formatCurrency(paidEarnings, currency),
+											" · ",
+											formatPercent(paidPercent)
+										]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "commission-breakdown__item",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "commission-breakdown__dot commission-breakdown__dot--pending" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "commission-breakdown__meta",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "commission-breakdown__label",
+										children: "Pending"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "commission-breakdown__value",
+										children: [
+											formatCurrency(pendingEarnings, currency),
+											" · ",
+											formatPercent(pendingPercent)
+										]
+									})]
+								})]
+							}),
+							otherPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "commission-breakdown__item",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "commission-breakdown__dot commission-breakdown__dot--other" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "commission-breakdown__meta",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "commission-breakdown__label",
+										children: "Other"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "commission-breakdown__value",
+										children: [
+											formatCurrency(unpaidOrOther, currency),
+											" · ",
+											formatPercent(otherPercent)
+										]
+									})]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "commission-breakdown__footnote",
+						children: "Based on current referral payouts and pending settlements."
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/PartnerDashboard/index.tsx
+const PartnerDashboard = ({ showEarningsSummary = true, showReferralPerformance = true, showRecentReferrals = true, showReferralCodes = true, showProgramOverview = true, showCommissionBreakdown = true, apiEndpoint = "/api/referrals/partner-stats" }) => {
+	const [data, setData] = (0, import_react.useState)(null);
+	const [loading, setLoading] = (0, import_react.useState)(true);
+	const [error, setError] = (0, import_react.useState)(null);
+	const [currency, setCurrency] = (0, import_react.useState)("USD");
+	(0, import_react.useEffect)(() => {
+		const fetchData = async () => {
+			try {
+				setLoading(true);
+				const response = await fetch(apiEndpoint, { credentials: "include" });
+				if (!response.ok) {
+					if (response.status === 401) {
+						setError("Please log in to view your partner dashboard");
+						return;
+					}
+					if (response.status === 403) {
+						setError("Partner access required");
+						return;
+					}
+					throw new Error("Failed to fetch partner data");
+				}
+				const result = await response.json();
+				if (result.success) {
+					setData(result.data ?? null);
+					setCurrency(result.currency ?? "USD");
+				} else setError(result.error ?? "Failed to load dashboard data");
+			} catch (err) {
+				setError(err instanceof Error ? err.message : "An error occurred");
+			} finally {
+				setLoading(false);
+			}
+		};
+		fetchData();
+	}, [apiEndpoint]);
+	if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "partner-dashboard partner-dashboard--loading",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "partner-dashboard__loader",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "partner-dashboard__spinner" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Loading partner dashboard..." })]
+		})
+	});
+	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "partner-dashboard partner-dashboard--error",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "partner-dashboard__error",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "Unable to load dashboard" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: error })]
+		})
+	});
+	if (!data) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "partner-dashboard partner-dashboard--empty",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "partner-dashboard__empty",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "No data available" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Your partner dashboard will appear here once you have referral activity." })]
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "partner-dashboard",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "partner-dashboard__header",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Partner Dashboard" }), data.program && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "partner-dashboard__program",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "partner-dashboard__program-name",
+					children: data.program.name
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "partner-dashboard__program-rate",
+					children: [data.program.commissionRate, "% commission"]
+				})]
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "partner-dashboard__grid",
+			children: [
+				showEarningsSummary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EarningsSummary, {
+					stats: data.stats,
+					currency
+				}),
+				showReferralPerformance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReferralPerformance, { stats: data.stats }),
+				showRecentReferrals && data.stats.recentReferrals.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecentReferrals, {
+					referrals: data.stats.recentReferrals,
+					currency
+				}),
+				showReferralCodes && data.referralCodes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReferralCodes, {
+					codes: data.referralCodes,
+					currency
+				}),
+				showProgramOverview && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgramOverview, { program: data.program }),
+				showCommissionBreakdown && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommissionBreakdown, {
+					stats: data.stats,
+					currency
+				})
+			]
+		})]
+	});
+};
+//#endregion
+//#region src/client/hooks.ts
+const DEFAULT_ENDPOINTS = {
+	applyCoupon: "/api/coupons/apply",
+	validateCoupon: "/api/coupons/validate",
+	partnerStats: "/api/referrals/partner-stats"
+};
+function normalizePath(path) {
+	if (!path) return "";
+	return path.startsWith("/") ? path : `/${path}`;
+}
+function withBaseURL(path, baseURL) {
+	if (!baseURL) return path;
+	return `${baseURL.endsWith("/") ? baseURL.slice(0, -1) : baseURL}${normalizePath(path)}`;
+}
+function resolveEndpoints(input) {
+	if (typeof input === "string") return {
+		...DEFAULT_ENDPOINTS,
+		partnerStats: input
+	};
+	const baseURL = input?.baseURL;
+	return {
+		applyCoupon: withBaseURL(input?.applyCoupon || DEFAULT_ENDPOINTS.applyCoupon, baseURL),
+		validateCoupon: withBaseURL(input?.validateCoupon || DEFAULT_ENDPOINTS.validateCoupon, baseURL),
+		partnerStats: withBaseURL(input?.partnerStats || DEFAULT_ENDPOINTS.partnerStats, baseURL)
+	};
+}
+/**
+* Apply a coupon/referral code to a cart
+* @param options - Code, cart ID, and optional customerEmail
+* @param endpointConfig - Optional endpoint override config
+*/
+async function useCouponCode(options, endpointConfig) {
+	const { code, cartID, customerEmail } = options;
+	if (!code) return {
+		success: false,
+		message: "Coupon code is required",
+		error: "Code is missing"
+	};
+	const endpoints = resolveEndpoints(endpointConfig);
+	try {
+		const response = await fetch(endpoints.applyCoupon, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				code,
+				cartID,
+				customerEmail
+			})
+		});
+		const data = await response.json();
+		if (!response.ok) return {
+			success: false,
+			message: data.error || "Failed to apply coupon",
+			error: data.error
+		};
+		const couponData = data.coupon;
+		const referralData = data.referralCode;
+		return {
+			success: Boolean(data.success),
+			message: data.message || "Code applied",
+			discount: data.discount || data.customerDiscount,
+			partnerCommission: data.partnerCommission,
+			customerDiscount: data.customerDiscount,
+			coupon: couponData ? {
+				code: couponData.code || "",
+				type: couponData.type || "percentage",
+				value: couponData.value || 0
+			} : void 0,
+			referralCode: referralData ? { code: referralData.code || "" } : void 0
+		};
+	} catch (error) {
+		const message = error instanceof Error ? error.message : "Network error";
+		return {
+			success: false,
+			message,
+			error: message
+		};
+	}
+}
+/**
+* Validate a coupon/referral code without applying it
+* @param code - Code to validate
+* @param cartValue - Optional cart value
+* @param cartID - Optional cart ID
+* @param customerEmail - Optional customer email (for per-customer limits)
+* @param endpointConfig - Optional endpoint override config
+*/
+async function validateCouponCode(code, cartValue, cartID, customerEmail, endpointConfig) {
+	if (!code) return {
+		success: false,
+		message: "Code required",
+		error: "Code missing"
+	};
+	const endpoints = resolveEndpoints(endpointConfig);
+	try {
+		const response = await fetch(endpoints.validateCoupon, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				code,
+				cartValue,
+				cartID,
+				customerEmail
+			})
+		});
+		const data = await response.json();
+		if (!response.ok) return {
+			success: false,
+			message: data.error || "Invalid coupon",
+			error: data.error
+		};
+		const couponData = data.coupon;
+		const referralData = data.referralCode;
+		return {
+			success: Boolean(data.success),
+			message: data.message || "Code is valid",
+			coupon: couponData ? {
+				code: couponData.code || "",
+				type: couponData.type || "percentage",
+				value: couponData.value || 0
+			} : void 0,
+			referralCode: referralData ? { code: referralData.code || "" } : void 0,
+			discount: data.discount,
+			partnerCommission: data.partnerCommission,
+			customerDiscount: data.customerDiscount,
+			currency: data.currency
+		};
+	} catch (error) {
+		const message = error instanceof Error ? error.message : "Network error";
+		return {
+			success: false,
+			message,
+			error: message
+		};
+	}
+}
+/**
+* Fetch partner dashboard statistics
+* @param endpointConfig - Optional endpoint override config
+*/
+async function usePartnerStats(endpointConfig) {
+	const endpoints = resolveEndpoints(endpointConfig);
+	try {
+		const response = await fetch(endpoints.partnerStats, {
+			method: "GET",
+			headers: { "Content-Type": "application/json" },
+			credentials: "include"
+		});
+		const data = await response.json();
+		if (!response.ok) return {
+			success: false,
+			error: data.error || "Failed to fetch partner stats"
+		};
+		return {
+			success: Boolean(data.success),
+			data: data.data,
+			currency: data.currency
+		};
+	} catch (error) {
+		return {
+			success: false,
+			error: error instanceof Error ? error.message : "Network error"
+		};
+	}
+}
+//#endregion
+export { CommissionBreakdown, EarningsSummary, PartnerDashboard, ProgramOverview, RecentReferrals, ReferralCodes, ReferralPerformance, useCouponCode, usePartnerStats, validateCouponCode };
+
+//# sourceMappingURL=browser.mjs.map