@feathery/react 2.23.6 → 2.24.1

package/dist/{fthry_index.BXgOTSKx.js → fthry_index.BVyuhAaB.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, j as jsx, a as jsxs, F as Fragment, b as __read, f as featheryDoc, c as fieldValues, s as stringifyWithNull, d as __values, e as __spreadArray } from './fthry_index.DkySqYis.js';
+import { _ as __assign, j as jsx, a as jsxs, F as Fragment, b as __read, f as featheryDoc, c as fieldValues, s as stringifyWithNull, d as __values, e as __spreadArray } from './fthry_index.C_4oBp-_.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
@@ -189,7 +189,7 @@ var buttonStyle = {
         cursor: 'auto'
     }
 };
-var actionButtonStyle = __assign(__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', width: 'auto', height: '28px', position: 'relative' });
+var actionButtonStyle = __assign(__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', paddingBlock: '4px', width: 'auto', height: 'auto', minHeight: '28px', position: 'relative' });
 var menuIconStyle = {
     width: '16px',
     height: '16px',
@@ -245,9 +245,6 @@ var pageButtonStyle = __assign(__assign({}, buttonStyle), { width: '36px', borde
 var pageButtonPrevStyle = __assign(__assign({}, pageButtonStyle), { borderTopLeftRadius: '8px', borderBottomLeftRadius: '8px', paddingLeft: '12px', paddingRight: '12px', width: 'auto' });
 var pageButtonNextStyle = __assign(__assign({}, pageButtonStyle), { borderTopRightRadius: '8px', borderBottomRightRadius: '8px', paddingLeft: '12px', paddingRight: '12px', width: 'auto', borderRightWidth: 1 });
 var pageButtonActiveStyle = __assign(__assign({}, pageButtonStyle), { color: colors.blue700, backgroundColor: colors.blue50, border: "1px solid ".concat(colors.gray200) });
-var pageButtonEllipsisStyle = __assign(__assign({}, pageButtonStyle), { cursor: 'default', '&:focus': {
-        outline: 'none'
-    } });
 var pageButtonDisabledStyle = {
     opacity: 0.8,
     cursor: 'default',
@@ -256,7 +253,13 @@ var pageButtonDisabledStyle = {
         backgroundColor: colors.gray50,
         color: colors.gray400
     }
-};
+};
+var overflowSelectStyle = __assign(__assign({}, pageButtonStyle), { appearance: 'none', WebkitAppearance: 'none', cursor: 'pointer', paddingLeft: '8px', paddingRight: '8px', width: '36px', textAlign: 'center', outline: 'none', '&:hover': {
+        backgroundColor: colors.gray100,
+        color: colors.gray900
+    }, '&:focus': {
+        outline: 'none'
+    } });
 
 function SearchIcon() {
     return (jsx("svg", __assign({ css: searchIconStyle, fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2 }, { children: jsx("path", { strokeLinecap: 'round', d: 'M21 21l-3.5-3.5M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z' }) })));
@@ -298,22 +301,45 @@ function NextButton(_a) {
     var disabled = _a.disabled, onClick = _a.onClick;
     return (jsx("button", __assign({ type: 'button', onClick: onClick, disabled: disabled, css: __assign(__assign({}, pageButtonNextStyle), (disabled ? pageButtonDisabledStyle : {})) }, { children: "Next" })));
 }
+function OverflowSelect(_a) {
+    var pages = _a.pages, onPageChange = _a.onPageChange;
+    return (jsxs("select", __assign({ value: '', onChange: function (e) {
+            onPageChange(Number(e.target.value));
+        }, "aria-label": 'Go to page', css: overflowSelectStyle }, { children: [jsx("option", __assign({ value: '', disabled: true, hidden: true }, { children: "..." })), pages.map(function (page) { return (jsx("option", __assign({ value: page }, { children: page + 1 }), page)); })] })));
+}
 function PageNumbers(_a) {
     var currentPage = _a.currentPage, totalPages = _a.totalPages, onPageChange = _a.onPageChange;
-    return (jsx(Fragment, { children: Array.from({ length: totalPages }, function (_, i) {
-            // Show first page, last page, current page, and pages around current
-            var showPage = i === 0 || i === totalPages - 1 || Math.abs(i - currentPage) <= 1;
-            var showEllipsis = (i === 1 && currentPage > 2) ||
-                (i === totalPages - 2 && currentPage < totalPages - 3);
-            if (showEllipsis) {
-                return (jsx("li", { children: jsx("button", __assign({ type: 'button', disabled: true, css: pageButtonEllipsisStyle }, { children: "..." })) }, i));
+    var visiblePages = new Set();
+    visiblePages.add(0);
+    visiblePages.add(totalPages - 1);
+    for (var i = Math.max(0, currentPage - 1); i <= Math.min(totalPages - 1, currentPage + 1); i++) {
+        visiblePages.add(i);
+    }
+    var items = [];
+    var sortedVisible = Array.from(visiblePages).sort(function (a, b) { return a - b; });
+    for (var i = 0; i < sortedVisible.length; i++) {
+        var page = sortedVisible[i];
+        var prevPage = i > 0 ? sortedVisible[i - 1] : -1;
+        if (page - prevPage > 1) {
+            var hiddenPages = [];
+            for (var j = prevPage + 1; j < page; j++) {
+                hiddenPages.push(j);
             }
-            if (!showPage)
-                return null;
-            var isActive = i === currentPage;
-            return (jsx("li", { children: jsx("button", __assign({ type: 'button', onClick: function () { return onPageChange(i); }, "aria-current": isActive ? 'page' : undefined, css: isActive
+            items.push({ type: 'overflow', pages: hiddenPages });
+        }
+        items.push({ type: 'page', page: page });
+    }
+    return (jsx(Fragment, { children: items.map(function (item, idx) {
+            if (item.type === 'overflow') {
+                if (item.pages.length === 1) {
+                    return (jsx("li", { children: jsx("button", __assign({ type: 'button', onClick: function () { return onPageChange(item.pages[0]); }, css: pageButtonStyle }, { children: item.pages[0] + 1 })) }, "overflow-".concat(idx)));
+                }
+                return (jsx("li", { children: jsx(OverflowSelect, { pages: item.pages, onPageChange: onPageChange }) }, "overflow-".concat(idx)));
+            }
+            var isActive = item.page === currentPage;
+            return (jsx("li", { children: jsx("button", __assign({ type: 'button', onClick: function () { return onPageChange(item.page); }, "aria-current": isActive ? 'page' : undefined, css: isActive
                         ? pageButtonActiveStyle
-                        : pageButtonStyle }, { children: i + 1 })) }, i));
+                        : pageButtonStyle }, { children: item.page + 1 })) }, item.page));
         }) }));
 }
 function Pagination(_a) {
@@ -340,6 +366,8 @@ function ActionButtons(_a) {
     var menuButtonRef = useRef(null);
     var useOverflow = !forceInlineButtons && actions.length > 1;
     useEffect(function () {
+        if (!isMenuOpen)
+            return;
         var handleClickOutside = function (event) {
             if (menuRef.current &&
                 !menuRef.current.contains(event.target) &&
@@ -348,11 +376,15 @@ function ActionButtons(_a) {
                 setIsMenuOpen(false);
             }
         };
-        if (isMenuOpen) {
-            featheryDoc().addEventListener('mousedown', handleClickOutside);
-        }
+        var handleScroll = function () {
+            setIsMenuOpen(false);
+        };
+        var doc = featheryDoc();
+        doc.addEventListener('mousedown', handleClickOutside);
+        doc.addEventListener('scroll', handleScroll, true);
         return function () {
-            featheryDoc().removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('scroll', handleScroll, true);
         };
     }, [isMenuOpen]);
     var handleActionClick = function (action) {

package/dist/{fthry_index.BOupY-M9.js → fthry_index.Bfrw8LDY.js}

@@ -1,12 +1,12 @@
-import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.DkySqYis.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.C_4oBp-_.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.hAt5rBVS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BZLGojXl.js';
+import { P as Placeholder } from './fthry_Placeholder.D-0FVSlv.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.GKo_d3mt.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.Dtxj6U3L.js';
+import './fthry_Overlay.4ZlAEXW1.js';
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/{fthry_index.D3AC3IRu.js → fthry_index.BlVtNpHg.js}

@@ -1,9 +1,9 @@
-import { z as __rest, b as __read, C as countryData, ai as phoneLib, aj as authState, ak as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, al as phoneLibPromise, h as hoverStylesGuard, am as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.DkySqYis.js';
+import { z as __rest, b as __read, C as countryData, ai as phoneLib, aj as authState, ak as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, al as phoneLibPromise, h as hoverStylesGuard, am as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.C_4oBp-_.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.hAt5rBVS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BZLGojXl.js';
-import { O as Overlay } from './fthry_Overlay.Dtxj6U3L.js';
-import { u as useElementSize } from './fthry_useElementSize.secLYB15.js';
+import { P as Placeholder } from './fthry_Placeholder.D-0FVSlv.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.GKo_d3mt.js';
+import { O as Overlay } from './fthry_Overlay.4ZlAEXW1.js';
+import { u as useElementSize } from './fthry_useElementSize.Cl475xSW.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
@@ -1763,9 +1763,7 @@ function PhoneField(_a) {
     var dropdownRef = useRef(null);
     var inputRef = useRef(null);
     var _h = __read(useState(null), 2), cursor = _h[0], setCursor = _h[1];
-    // Track cursorChange since cursor may stay in same place but need to be
-    // re-applied (e.g. delete)
-    var _j = __read(useState(false), 2), cursorChange = _j[0], setCursorChange = _j[1];
+    var _j = __read(useState(0), 2), cursorTick = _j[0], setCursorTick = _j[1];
     var _k = __read(useState(false), 2), show = _k[0], setShow = _k[1];
     // The number parsed from the fullNumber prop, updated via triggerOnChange to rawNumber
     var _l = __read(useState(''), 2), curFullNumber = _l[0], setCurFullNumber = _l[1];
@@ -1798,15 +1796,37 @@ function PhoneField(_a) {
         error: inlineError,
         breakpoint: responsiveStyles.getMobileBreakpoint()
     }), borderStyles = _r.borderStyles, customBorder = _r.customBorder;
+    var minCursorForPhoneCode = function (code) {
+        return code.length + (code.length > 3 ? 2 : 1);
+    };
+    // cursorTick forces the effect to re-run even when position is unchanged
+    // (e.g. re-focusing on the "+1" prefix)
+    var moveCursor = function (pos) {
+        setCursor(pos);
+        setCursorTick(function (t) { return t + 1; });
+    };
     var resetToPhoneCode = function (code) {
-        var delta = code.length > 3 ? 2 : 1;
-        setCursor(code.length + delta);
+        moveCursor(minCursorForPhoneCode(code));
+    };
+    var clampCursorAfterPhoneCode = function (input) {
+        var _a;
+        if (!input)
+            return;
+        var minCursor = minCursorForPhoneCode(phoneCode);
+        var start = (_a = input.selectionStart) !== null && _a !== void 0 ? _a : minCursor;
+        if (start >= minCursor) {
+            setCursor(start);
+            return;
+        }
+        var cursor = rawNumber.length > phoneCode.length ? input.value.length : minCursor;
+        input.setSelectionRange(cursor, cursor);
+        setCursor(cursor);
     };
     useEffect(function () {
         var input = inputRef.current;
         if (input && cursor !== null)
             input.setSelectionRange(cursor, cursor);
-    }, [cursorChange]);
+    }, [cursorTick]);
     useEffect(function () {
         if (fullNumber === curFullNumber || editMode)
             return;
@@ -1906,6 +1926,8 @@ function PhoneField(_a) {
                                         return prevNum;
                                     });
                                     setFocused(true);
+                                }, onClick: function (e) {
+                                    clampCursorAfterPhoneCode(e.currentTarget);
                                 }, onBlur: function () {
                                     var newRawNumber = rawNumber;
                                     if (phoneCode.startsWith(rawNumber)) {
@@ -1983,11 +2005,9 @@ function PhoneField(_a) {
                                     }
                                     else {
                                         setRawNumber(phoneCode);
-                                        var delta = phoneCode.length > 3 ? 2 : 1;
-                                        start = phoneCode.length + delta;
+                                        start = minCursorForPhoneCode(phoneCode);
                                     }
-                                    setCursor(start);
-                                    setCursorChange(!cursorChange);
+                                    moveCursor(start !== null && start !== void 0 ? start : 0);
                                 } }), jsx(Placeholder, { value: formattedNumber, element: { properties: { placeholder: placeholder } }, responsiveStyles: responsiveStyles, repeatIndex: repeatIndex }), jsx(InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] }))] })));
 }
 var index = memo(PhoneField);

package/dist/{fthry_index.BD_dUvCa.js → fthry_index.BpcrEQAF.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, j as jsx, _ as __assign, a as jsxs, b as __read, e as __spreadArray, i as initInfo, A as API_URL } from './fthry_index.DkySqYis.js';
+import { g as getDefaultExportFromCjs, j as jsx, _ as __assign, a as jsxs, b as __read, e as __spreadArray, i as initInfo, A as API_URL } from './fthry_index.C_4oBp-_.js';
 import { useRef, useCallback, useSyncExternalStore, useEffect, useState, memo, useMemo, Fragment } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DsqQfUyE.js → fthry_index.Br4EpPfv.js}

@@ -1,4 +1,4 @@
-import { b as __read, a as jsxs$1, _ as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.DkySqYis.js';
+import { b as __read, a as jsxs$1, _ as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.C_4oBp-_.js';
 import React__default, { useRef, useEffect, useCallback, useState, useMemo, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.C1M4obTx.js → fthry_index.BubYILPT.js}

@@ -1,6 +1,6 @@
-import { l as __awaiter, m as __generator, e as __spreadArray, b as __read, d as __values, v as featheryWindow, an as loadQRScanner, ao as throttle, j as jsx, a as jsxs, _ as __assign, F as Fragment, E as ErrorInput, ap as qrPromise } from './fthry_index.DkySqYis.js';
+import { l as __awaiter, m as __generator, e as __spreadArray, b as __read, d as __values, v as featheryWindow, an as loadQRScanner, ao as throttle, j as jsx, a as jsxs, _ as __assign, F as Fragment, E as ErrorInput, ap as qrPromise } from './fthry_index.C_4oBp-_.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.C2mCy0WK.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.9258q6Oy.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.BLC4N3MM.js → fthry_index.BwHR0X99.js}

@@ -1,9 +1,9 @@
-import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, n as FeatheryClient, o as debounce } from './fthry_index.DkySqYis.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, n as FeatheryClient, o as debounce } from './fthry_index.C_4oBp-_.js';
 import { useRef, useEffect, memo, useState, useCallback } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.hAt5rBVS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BZLGojXl.js';
-import { O as Overlay } from './fthry_Overlay.Dtxj6U3L.js';
-import { u as useElementSize } from './fthry_useElementSize.secLYB15.js';
+import { P as Placeholder } from './fthry_Placeholder.D-0FVSlv.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.GKo_d3mt.js';
+import { O as Overlay } from './fthry_Overlay.4ZlAEXW1.js';
+import { u as useElementSize } from './fthry_useElementSize.Cl475xSW.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CZG2sz8l.js → fthry_index.C7rRZJJJ.js}

@@ -1,6 +1,6 @@
-import { f as featheryDoc, aq as devicePixelRatio, g as getDefaultExportFromCjs, b as __read, a as jsxs, j as jsx, _ as __assign, F as Fragment, l as __awaiter, m as __generator, ar as toBase64, o as debounce, as as MODAL_Z_INDEX, ad as CloseIcon, at as dataURLToFile, t as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.DkySqYis.js';
+import { f as featheryDoc, aq as devicePixelRatio, g as getDefaultExportFromCjs, b as __read, a as jsxs, j as jsx, _ as __assign, F as Fragment, l as __awaiter, m as __generator, ar as toBase64, o as debounce, as as MODAL_Z_INDEX, ad as CloseIcon, at as dataURLToFile, t as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.C_4oBp-_.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.m_O5twIG.js';
+import { P as PropTypes } from './fthry_index.Dk-gZchc.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
@@ -1433,7 +1433,7 @@ function SignatureField(_a) {
     useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = import(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.ZS2IvgfF.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.e__UH2p_.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/dist/{fthry_index.oi3hyRpZ.js → fthry_index.CGIC29JZ.js}

@@ -1,6 +1,6 @@
-import { b as __read, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard } from './fthry_index.DkySqYis.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard } from './fthry_index.C_4oBp-_.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.C2mCy0WK.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.9258q6Oy.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.BESTuSD0.js → fthry_index.CQm9Wgo2.js}

@@ -1,14 +1,14 @@
-import { b as __read, a as jsxs, _ as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.DkySqYis.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.C_4oBp-_.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.BWQA5b0y.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.B-icxM59.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BZLGojXl.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cpjc7KyH.js';
+import { F as FormControl } from './fthry_FormControl.CtIUnA-J.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DoSxA_wm.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.GKo_d3mt.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.CzjckI_H.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.Dtxj6U3L.js';
+import './fthry_Overlay.4ZlAEXW1.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.BHy82_xs.js → fthry_index.CY9COEXh.js}

@@ -1,7 +1,7 @@
-import { b as __read, j as jsx, F as Fragment, y as isMobile, a as jsxs, _ as __assign, t as FORM_Z_INDEX, k as iosScrollOnFocus } from './fthry_index.DkySqYis.js';
+import { b as __read, j as jsx, F as Fragment, y as isMobile, a as jsxs, _ as __assign, t as FORM_Z_INDEX, k as iosScrollOnFocus } from './fthry_index.C_4oBp-_.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.Dtxj6U3L.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.B-icxM59.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.4ZlAEXW1.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.DoSxA_wm.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DkySqYis.js → fthry_index.C_4oBp-_.js}

@@ -6189,11 +6189,15 @@ function requireApi () {
 	    let runAsync;
 	    let variantId;
 	    let meetingUrl;
+	    let variantPerFile;
+	    let variantMode;
 	    if (typeof options === 'object') {
 	        runAsync = !options.waitForCompletion;
 	        pages = options.pages;
 	        variantId = options.variantId;
 	        meetingUrl = options.meetingUrl;
+	        variantPerFile = options.variantPerFile;
+	        variantMode = options.variantMode;
 	    }
 	    else {
 	        // deprecated usage, options is runAsync
@@ -6207,6 +6211,8 @@ function requireApi () {
 	        pages,
 	        meeting_url: meetingUrl,
 	        collaborator_user: collaboratorId,
+	        variant_per_file: variantPerFile,
+	        variant_mode: variantMode,
 	    };
 	    const res = await (0, utils_1.apiFetch)(sdkKey, `${(0, utils_1.getStaticUrl)()}ai/vision/`, {
 	        headers: { 'Content-Type': 'application/json' },
@@ -6303,21 +6309,22 @@ function requireApi () {
 	    };
 	    return await (0, utils_1.apiFetch)(sdkKey, url, options, false);
 	}
-	async function forwardInboxEmail(sdkKey, userId, prefix, recipients, emailGroup, extractionRunId, panelKey) {
+	async function forwardInboxEmail(sdkKey, userId, options, extractionRunId, panelKey) {
 	    const url = `${(0, utils_1.getApiUrl)()}email/forward/`;
-	    const options = {
+	    const data = {
 	        headers: { 'Content-Type': 'application/json' },
 	        method: 'POST',
 	        body: JSON.stringify({
-	            prefix: prefix || '',
-	            recipients: recipients || [],
+	            user_id: options.submissionId || userId,
+	            prefix: options.prefix || '',
+	            recipients: options.emails || [],
 	            extraction_run_id: extractionRunId,
-	            user_id: userId,
-	            email_group: emailGroup,
+	            email_group: options.emailGroup,
 	            panel_key: panelKey,
+	            combine_recipients: options.combineRecipients,
 	        }),
 	    };
-	    await (0, utils_1.apiFetch)(sdkKey, url, options);
+	    await (0, utils_1.apiFetch)(sdkKey, url, data);
 	}
 	function runCustomRequest(sdkKey, formId, payload, userId, fieldValues, offlineHandler) {
 	    const data = {
@@ -23105,7 +23112,9 @@ var getFormContext = function (formUuid) {
                 return [2 /*return*/, formState.runAIExtraction(extractionId, options, pages)];
             }); });
         },
-        forwardInboxEmail: function (options) { return formState.forwardInboxEmail(options); },
+        forwardInboxEmail: function (options) {
+            return formState.forwardInboxEmail(options);
+        },
         setCalendlyUrl: function (url) { return formState.setCalendlyUrl(url); },
         fillQuikForms: function (params) { return formState.fillQuikForms(params); },
         sendDocusignEnvelope: function (params) {
@@ -39437,7 +39446,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var AssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_index.BD_dUvCa.js'); });
+var AssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_index.BpcrEQAF.js'); });
 var getSubmissionErrorMessage = function (error) {
     if (error instanceof TypeError && error.message === 'Failed to fetch') {
         return 'Unable to upload files. Please check your connection and try again.';
@@ -45558,7 +45567,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                         _b.sent();
                         _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId;
                         url = "".concat(API_URL, "event/");
-                        data = __assign(__assign({ form_key: this.formKey }, eventData), (userId ? { fuser_key: userId } : {}));
+                        data = __assign(__assign(__assign({ form_key: this.formKey }, eventData), (userId ? { fuser_key: userId } : {})), { event_id: v4$1(), timestamp: new Date().toISOString() });
                         if (collaboratorId)
                             data.collaborator_user = collaboratorId;
                         if (this.version)
@@ -45589,16 +45598,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                                         return;
                                     throw error;
                                 })
-                                    .then(function () {
-                                    return _this._fetch(url, options, true, true).catch(function (e) {
-                                        if (e instanceof TypeError && navigator.onLine)
-                                            // Wait 5 seconds since event may have actually been registered
-                                            // and just needs to be processed. If online, means it's not an
-                                            // offline error.
-                                            return new Promise(function (resolve) { return setTimeout(resolve, 5000); });
-                                        throw e;
-                                    });
-                                });
+                                    .then(function () { return _this._fetch(url, options, true, true); });
                             }, url, options, 'registerEvent', stepKey);
                         };
                         if (eventData.completed && prom)
@@ -45658,7 +45658,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                         if (!forwardUserId) {
                             throw new Error('No submission ID or user ID available for forwarding');
                         }
-                        return [4 /*yield*/, distExports$2.forwardInboxEmail(sdkKey, forwardUserId, options.prefix || '', options.emails || [], options.emailGroup || '', undefined, this.formKey)];
+                        return [4 /*yield*/, distExports$2.forwardInboxEmail(sdkKey, forwardUserId, options, undefined, this.formKey)];
                     case 1:
                         _c.sent();
                         return [2 /*return*/];
@@ -45981,9 +45981,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.DPOcbAqz.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.CSrG_570.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.ZS2IvgfF.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.e__UH2p_.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46129,7 +46129,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.23.6" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.24.1" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
 
@@ -46581,41 +46581,58 @@ function getFileData(url) {
 }
 function downloadAllFileUrls(urls) {
     return __awaiter$2(this, void 0, void 0, function () {
-        var file, zip_1, zipBlob, _a, fileName, blob;
-        var _this = this;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var file, zip, files, nameCount, files_1, files_1_1, _a, fileName, blob, uniqueName, dotIndex, zipBlob, _b, fileName, blob;
+        var e_1, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
                     if (urls.length === 0)
                         return [2 /*return*/];
                     if (!(urls.length > 1)) return [3 /*break*/, 3];
-                    zip_1 = new JSZip();
-                    return [4 /*yield*/, Promise.all(urls.map(function (url) { return __awaiter$2(_this, void 0, void 0, function () {
-                            var _a, fileName, blob;
-                            return __generator(this, function (_b) {
-                                switch (_b.label) {
-                                    case 0: return [4 /*yield*/, getFileData(url)];
-                                    case 1:
-                                        _a = _b.sent(), fileName = _a.fileName, blob = _a.blob;
-                                        zip_1.file(fileName, blob);
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); }))];
+                    zip = new JSZip();
+                    return [4 /*yield*/, Promise.all(urls.map(function (url) { return getFileData(url); }))];
                 case 1:
-                    _b.sent();
-                    return [4 /*yield*/, zip_1.generateAsync({ type: 'blob' })];
+                    files = _d.sent();
+                    nameCount = {};
+                    try {
+                        for (files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
+                            _a = files_1_1.value, fileName = _a.fileName, blob = _a.blob;
+                            uniqueName = fileName;
+                            if (nameCount[fileName] != null) {
+                                nameCount[fileName]++;
+                                dotIndex = fileName.lastIndexOf('.');
+                                if (dotIndex !== -1) {
+                                    uniqueName = "".concat(fileName.slice(0, dotIndex), " (").concat(nameCount[fileName], ")").concat(fileName.slice(dotIndex));
+                                }
+                                else {
+                                    uniqueName = "".concat(fileName, " (").concat(nameCount[fileName], ")");
+                                }
+                            }
+                            else {
+                                nameCount[fileName] = 0;
+                            }
+                            zip.file(uniqueName, blob);
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (files_1_1 && !files_1_1.done && (_c = files_1.return)) _c.call(files_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    return [4 /*yield*/, zip.generateAsync({ type: 'blob' })];
                 case 2:
-                    zipBlob = _b.sent();
+                    zipBlob = _d.sent();
                     file = new File([zipBlob], 'Feathery_Download.zip', {
                         type: 'application/zip'
                     });
                     return [3 /*break*/, 5];
                 case 3: return [4 /*yield*/, getFileData(urls[0])];
                 case 4:
-                    _a = _b.sent(), fileName = _a.fileName, blob = _a.blob;
+                    _b = _d.sent(), fileName = _b.fileName, blob = _b.blob;
                     file = new File([blob], fileName, { type: blob.type });
-                    _b.label = 5;
+                    _d.label = 5;
                 case 5:
                     downloadFile(file);
                     return [2 /*return*/];
@@ -47562,39 +47579,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.BLC4N3MM.js'); });
-var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.C0uIFVvg.js'); });
-var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.B-icxM59.js'); });
+var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.BwHR0X99.js'); });
+var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DGlx2ESo.js'); });
+var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.DoSxA_wm.js'); });
 var CheckboxGroupField = lazy(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BRaDez8A.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DTOP0mDS.js');
 });
-var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DsqQfUyE.js'); });
-var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.C0qPFRWZ.js'); });
+var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Br4EpPfv.js'); });
+var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.CaP6FDld.js'); });
 var DateSelectorField = lazy(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BLWtc8eL.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.o6JLgCUj.js');
 });
-var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.Cnj3D2sE.js'); });
+var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DRNULsMX.js'); });
 var DropdownMultiField = lazy(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CDTlE3iz.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DhOhsG51.js');
 });
-var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.UjyJiWL6.js'); });
-var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.BHy82_xs.js'); });
-var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.M__FBiFq.js'); });
+var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.Drb37RtW.js'); });
+var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.CY9COEXh.js'); });
+var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.BSXkZiM_.js'); });
 var PaymentMethodField = lazy(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C-mD7K2W.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CTbX31hm.js');
 });
-var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.D3AC3IRu.js'); });
-var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.CpjGr8XJ.js'); });
-var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.C1M4obTx.js'); });
+var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.BlVtNpHg.js'); });
+var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.DCFiQfco.js'); });
+var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.BubYILPT.js'); });
 var RadioButtonGroupField = lazy(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BESTuSD0.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CQm9Wgo2.js');
 });
-var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.DsD0fPig.js'); });
-var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.CZG2sz8l.js'); });
-var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.oi3hyRpZ.js'); });
-var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CioL9mXh.js'); });
-var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.BOupY-M9.js'); });
+var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.DbQeeu_6.js'); });
+var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.C7rRZJJJ.js'); });
+var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.CGIC29JZ.js'); });
+var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.DmVOTw8U.js'); });
+var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.Bfrw8LDY.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48544,7 +48561,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BXgOTSKx.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BVyuhAaB.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,