@ews-admin/global-design-system 1.19.0 → 1.22.1

package/dist/index.js

@@ -224,9 +224,36 @@ function formatCurrency(amount, currency = CURRENCY) {
         currency,
     }).format(amount);
 }
+/**
+ * Parses a date value the way every date coming from these platforms'
+ * Java/Kotlin backends actually shows up, without the classic off-by-one
+ * timezone bug.
+ *
+ * A bare "YYYY-MM-DD" string is parsed by `new Date(...)` as UTC midnight
+ * (per the ECMAScript spec), which then shifts a day earlier once formatted
+ * in any timezone behind UTC. This function parses date-only strings (and
+ * Jackson's `[year, month, day, ...]` LocalDate/LocalDateTime array
+ * serialization) as local calendar components instead. Full ISO datetime
+ * strings (with a time and/or timezone), Date objects, and numeric
+ * timestamps are unaffected and still go through the normal `new Date(...)`
+ * parse.
+ */
+function parseDateSafe(date) {
+    if (Array.isArray(date)) {
+        const [y, m, d, h = 0, min = 0, s = 0] = date;
+        return new Date(y, m - 1, d, h, min, s);
+    }
+    if (typeof date === "string") {
+        const dateOnlyMatch = /^(\d{4})-(\d{2})-(\d{2})$/.exec(date);
+        if (dateOnlyMatch) {
+            return new Date(Number(dateOnlyMatch[1]), Number(dateOnlyMatch[2]) - 1, Number(dateOnlyMatch[3]));
+        }
+    }
+    return new Date(date);
+}
 function formatDate(date, options) {
     const { locale = "en-US", ...intlOptions } = options ?? {};
-    const dateObj = new Date(date);
+    const dateObj = parseDateSafe(date);
     return new Intl.DateTimeFormat(locale, {
         year: "numeric",
         month: "long",
@@ -34209,6 +34236,7 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 		this.resizeObserver = null;
 		this.previousCropSize = null;
 		this.isInitialized = false;
+		this.dragInteractionSource = null;
 		this.state = {
 			cropSize: null,
 			hasWheelJustStarted: false,
@@ -34332,7 +34360,7 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 			this.currentDoc.addEventListener("mousemove", this.onMouseMove);
 			this.currentDoc.addEventListener("mouseup", this.onDragStopped);
 			this.saveContainerPosition();
-			this.onDragStart(Cropper.getMousePoint(e));
+			this.onDragStart(Cropper.getMousePoint(e), "mouse");
 		};
 		this.onMouseMove = (e) => this.onDrag(Cropper.getMousePoint(e));
 		this.onScroll = (e) => {
@@ -34348,7 +34376,7 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 			this.currentDoc.addEventListener("touchend", this.onDragStopped);
 			this.saveContainerPosition();
 			if (e.touches.length === 2) this.onPinchStart(e);
-			else if (e.touches.length === 1) this.onDragStart(Cropper.getTouchPoint(e.touches[0]));
+			else if (e.touches.length === 1) this.onDragStart(Cropper.getTouchPoint(e.touches[0]), "touch");
 		};
 		this.onTouchMove = (e) => {
 			e.preventDefault();
@@ -34377,14 +34405,15 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 		this.onGestureEnd = (e) => {
 			this.cleanEvents();
 		};
-		this.onDragStart = ({ x, y }) => {
+		this.onDragStart = ({ x, y }, source) => {
 			var _this$props$onInterac, _this$props;
 			this.dragStartPosition = {
 				x,
 				y
 			};
 			this.dragStartCrop = _objectSpread2({}, this.props.crop);
-			(_this$props$onInterac = (_this$props = this.props).onInteractionStart) === null || _this$props$onInterac === void 0 || _this$props$onInterac.call(_this$props);
+			this.dragInteractionSource = source;
+			(_this$props$onInterac = (_this$props = this.props).onInteractionStart) === null || _this$props$onInterac === void 0 || _this$props$onInterac.call(_this$props, { source });
 		};
 		this.onDrag = ({ x, y }) => {
 			if (!this.currentWindow) return;
@@ -34403,11 +34432,12 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 			});
 		};
 		this.onDragStopped = () => {
-			var _this$props$onInterac2, _this$props2;
+			var _this$props$onInterac2, _this$props2, _this$dragInteraction;
 			this.isTouching = false;
 			this.cleanEvents();
 			this.emitCropData();
-			(_this$props$onInterac2 = (_this$props2 = this.props).onInteractionEnd) === null || _this$props$onInterac2 === void 0 || _this$props$onInterac2.call(_this$props2);
+			(_this$props$onInterac2 = (_this$props2 = this.props).onInteractionEnd) === null || _this$props$onInterac2 === void 0 || _this$props$onInterac2.call(_this$props2, { source: (_this$dragInteraction = this.dragInteractionSource) !== null && _this$dragInteraction !== void 0 ? _this$dragInteraction : "mouse" });
+			this.dragInteractionSource = null;
 		};
 		this.onWheel = (e) => {
 			if (!this.currentWindow) return;
@@ -34419,12 +34449,12 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 			this.setNewZoom(newZoom, point, { shouldUpdatePosition: true });
 			if (!this.state.hasWheelJustStarted) this.setState({ hasWheelJustStarted: true }, () => {
 				var _this$props$onInterac3, _this$props3;
-				return (_this$props$onInterac3 = (_this$props3 = this.props).onInteractionStart) === null || _this$props$onInterac3 === void 0 ? void 0 : _this$props$onInterac3.call(_this$props3);
+				return (_this$props$onInterac3 = (_this$props3 = this.props).onInteractionStart) === null || _this$props$onInterac3 === void 0 ? void 0 : _this$props$onInterac3.call(_this$props3, { source: "wheel" });
 			});
 			if (this.wheelTimer) clearTimeout(this.wheelTimer);
 			this.wheelTimer = this.currentWindow.setTimeout(() => this.setState({ hasWheelJustStarted: false }, () => {
 				var _this$props$onInterac4, _this$props4;
-				return (_this$props$onInterac4 = (_this$props4 = this.props).onInteractionEnd) === null || _this$props$onInterac4 === void 0 ? void 0 : _this$props$onInterac4.call(_this$props4);
+				return (_this$props$onInterac4 = (_this$props4 = this.props).onInteractionEnd) === null || _this$props$onInterac4 === void 0 ? void 0 : _this$props$onInterac4.call(_this$props4, { source: "wheel" });
 			}), 250);
 		};
 		this.getPointOnContainer = ({ x, y }, containerTopLeft) => {
@@ -34532,7 +34562,7 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 			if (this.props.restrictPosition) newCrop = restrictPosition(newCrop, this.mediaSize, this.state.cropSize, zoom, rotation);
 			if (!event.repeat) {
 				var _this$props$onInterac5, _this$props5;
-				(_this$props$onInterac5 = (_this$props5 = this.props).onInteractionStart) === null || _this$props$onInterac5 === void 0 || _this$props$onInterac5.call(_this$props5);
+				(_this$props$onInterac5 = (_this$props5 = this.props).onInteractionStart) === null || _this$props$onInterac5 === void 0 || _this$props$onInterac5.call(_this$props5, { source: "keyboard" });
 			}
 			onCropChange(newCrop);
 		};
@@ -34548,7 +34578,7 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 				default: return;
 			}
 			this.emitCropData();
-			(_this$props$onInterac6 = (_this$props6 = this.props).onInteractionEnd) === null || _this$props$onInterac6 === void 0 || _this$props$onInterac6.call(_this$props6);
+			(_this$props$onInterac6 = (_this$props6 = this.props).onInteractionEnd) === null || _this$props$onInterac6 === void 0 || _this$props$onInterac6.call(_this$props6, { source: "keyboard" });
 		};
 	}
 	componentDidMount() {
@@ -34628,7 +34658,7 @@ var Cropper$1 = class Cropper extends React__namespace.Component {
 		const pointB = Cropper.getTouchPoint(e.touches[1]);
 		this.lastPinchDistance = getDistanceBetweenPoints(pointA, pointB);
 		this.lastPinchRotation = getRotationBetweenPoints(pointA, pointB);
-		this.onDragStart(getCenter(pointA, pointB));
+		this.onDragStart(getCenter(pointA, pointB), "touch");
 	}
 	onPinchMove(e) {
 		if (!this.currentDoc || !this.currentWindow) return;
@@ -35147,6 +35177,12 @@ const TagList = ({ items, maxVisible = DEFAULT_MAX, showMoreLabel, showLessLabel
     return (jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center gap-2", className), children: [visible.map((label, i) => renderTag ? (renderTag(label, i)) : (jsxRuntime.jsx(Tag, { label: label, variant: variant }, i))), hasMore && !expanded && (jsxRuntime.jsx("span", { className: "text-sm text-gray-400", children: "..." })), hasMore && (jsxRuntime.jsx("button", { onClick: handleToggle, className: "text-xs text-ews-primary hover:underline", children: expanded ? showLessLabel : showMoreLabel }))] }));
 };
 
+/**
+ * Full-width payment reminder banner (red gradient) used above the app
+ * content when a licence payment is due soon or overdue.
+ */
+const PaymentDueBanner = ({ title, subtitle, warning, ctaLabel, onCtaClick, onDismiss, dismissLabel = "Close", }) => (jsxRuntime.jsx("div", { "data-testid": "payment-banner", className: "overflow-hidden bg-gradient-to-r from-red-600 to-red-700 shadow-lg", children: jsxRuntime.jsx("div", { className: "px-6 py-8 sm:px-8", children: jsxRuntime.jsxs("div", { className: "flex flex-col space-y-6 sm:flex-row sm:items-center sm:justify-between sm:space-y-0", children: [jsxRuntime.jsxs("div", { className: "flex items-center space-x-4", children: [jsxRuntime.jsx(TriangleAlert, { className: "w-8 h-8 text-white shrink-0" }), jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [jsxRuntime.jsx("h3", { className: "text-2xl font-bold text-white", children: title }), subtitle && (jsxRuntime.jsx("p", { className: "mt-2 text-base text-red-100", children: subtitle })), warning && (jsxRuntime.jsx("p", { className: "mt-1 text-sm font-medium text-red-200", children: warning }))] })] }), jsxRuntime.jsxs("div", { className: "flex flex-col flex-shrink-0 gap-3 sm:flex-row sm:gap-4 sm:items-center", children: [jsxRuntime.jsx("button", { onClick: onCtaClick, className: "w-full px-8 py-3 text-base font-semibold text-red-600 bg-white rounded-lg shadow-sm transition-all duration-200 sm:w-auto hover:bg-red-50 hover:shadow-md", children: ctaLabel }), onDismiss && (jsxRuntime.jsx("button", { onClick: onDismiss, className: "self-start p-2 rounded-full transition-colors bg-white/10 hover:bg-white/20 sm:self-auto", "aria-label": dismissLabel, children: jsxRuntime.jsx(X, { className: "w-5 h-5 text-white" }) }))] })] }) }) }));
+
 const SpecialtySearchAutocomplete = ({ selectedSpecialties = [], onSpecialtiesChange, specialties: availableSpecialties, placeholder = "Search and select medical specialties...", className = "", disabled = false, maxSelections, showSelectedCount = true, title = "Medical Specialties", label = "Select Specialties", getSelectedCountText, }) => {
     const [filteredSpecialties, setFilteredSpecialties] = React.useState([]);
     const [isLoading, setIsLoading] = React.useState(false);
@@ -39557,6 +39593,7 @@ exports.PauseOctagon = OctagonPause;
 exports.PauseOctagonIcon = OctagonPause;
 exports.PawPrint = PawPrint;
 exports.PawPrintIcon = PawPrint;
+exports.PaymentDueBanner = PaymentDueBanner;
 exports.PcCase = PcCase;
 exports.PcCaseIcon = PcCase;
 exports.Pen = Pen;
@@ -40808,6 +40845,7 @@ exports.getRegionOptions = getRegionOptions;
 exports.getRegionsByCountry = getRegionsByCountry;
 exports.icons = index;
 exports.isValidPhoneNumber = isValidPhoneNumber;
+exports.parseDateSafe = parseDateSafe;
 exports.useDebounce = useDebounce;
 exports.useDebouncedCallback = useDebouncedCallback;
 exports.useSelectField = useSelectField;