@feathery/react 2.23.6 → 2.24.1

package/cjs/{fthry_index.DRD0iTwt.js → fthry_index.BEkekVor.js}

@@ -6210,11 +6210,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
@@ -6228,6 +6232,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' },
@@ -6324,21 +6330,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 = {
@@ -23126,7 +23133,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) {
@@ -39458,7 +39467,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var AssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_index.Czm7tOJN.js'); }); });
+var AssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_index.DlrqvoQj.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.';
@@ -45579,7 +45588,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                         _b.sent();
                         _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId;
                         url = "".concat(exports.API_URL, "event/");
-                        data = exports.__assign(exports.__assign({ form_key: this.formKey }, eventData), (userId ? { fuser_key: userId } : {}));
+                        data = exports.__assign(exports.__assign(exports.__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)
@@ -45610,16 +45619,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)
@@ -45679,7 +45679,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*/];
@@ -46002,9 +46002,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.B0ZxbIbw.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.Bmqmxs0p.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.nyXgbNFp.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.japbiFN7.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46150,7 +46150,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.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;');
 }
 
@@ -46602,41 +46602,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*/];
@@ -47583,39 +47600,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.B6OWca6B.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.D4Iu9UG6.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.Srl5eYm5.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.fQLeOlGR.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CqTrVAy3.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.9ZmxFEH5.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BMCo2zda.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.B-q9OXEy.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CLUV_Y9k.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.DzZDhazI.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DAX6CIl6.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.Dpni8Z83.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CAGAOhTh.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.-nBOKhsO.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CIAaigRJ.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.BhlNE60I.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DxydBYq9.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.Cuiraxkm.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BlbuXVF3.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.COIyjfXF.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CWlKeuqz.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CMeJRKId.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.C5uvyAu5.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CQO0U9To.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.B4hPg2W5.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CZ8TVq7i.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DC19EIx0.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CWjgaGDT.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.BMhDSvsN.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.AaVrNLCT.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.B3KK7puA.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.C9zhMsB3.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.Ba5C9yId.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BbIkn13o.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.BqNLbMy7.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.B-tGwDjz.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.BdTls4Lg.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.vuYMQcab.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CyaIdx9V.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CaNFlDGz.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DdHlJNXo.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.C_Q00nYG.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.CiYud9N5.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.Bq8dNLHD.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48565,7 +48582,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.FziiiLJL.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.D9U_tTQc.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_index.Ba5C9yId.js → fthry_index.BbIkn13o.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.BSFeGfR_.js');
-var index$1 = require('./fthry_index.Srl5eYm5.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.uOFzu2dA.js');
+var FormControl = require('./fthry_FormControl.BU7eBiY6.js');
+var index$1 = require('./fthry_index.9ZmxFEH5.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DmWS-V5J.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.dLOs3POl.js');
+require('./fthry_Overlay.LMt9KzN-.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.CIAaigRJ.js → fthry_index.BhlNE60I.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.uOFzu2dA.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DmWS-V5J.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.dLOs3POl.js');
+require('./fthry_Overlay.LMt9KzN-.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/cjs/{fthry_index.CyaIdx9V.js → fthry_index.Bq8dNLHD.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DRD0iTwt.js');
+var index$1 = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CGG1eUWI.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
+var Placeholder = require('./fthry_Placeholder.BN043D6l.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.dLOs3POl.js');
+require('./fthry_Overlay.LMt9KzN-.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/cjs/{fthry_index.COIyjfXF.js → fthry_index.C5uvyAu5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.dLOs3POl.js');
-var index$1 = require('./fthry_index.Srl5eYm5.js');
+var Overlay = require('./fthry_Overlay.LMt9KzN-.js');
+var index$1 = require('./fthry_index.9ZmxFEH5.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.BMhDSvsN.js → fthry_index.C9zhMsB3.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var styles = require('./fthry_styles.DDrbD7PV.js');
+var styles = require('./fthry_styles.DlQ_QrZf.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.BlbuXVF3.js → fthry_index.CMeJRKId.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.CWlKeuqz.js → fthry_index.CQO0U9To.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DRD0iTwt.js');
+var index$1 = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CGG1eUWI.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.CqkQEvU3.js');
+var Placeholder = require('./fthry_Placeholder.BN043D6l.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.BHGgGTVb.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.dLOs3POl.js');
+require('./fthry_Overlay.LMt9KzN-.js');
 
 function PasswordField(_a) {
     var _b;

package/cjs/{fthry_index.BdTls4Lg.js → fthry_index.C_Q00nYG.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var styles = require('./fthry_styles.DDrbD7PV.js');
+var styles = require('./fthry_styles.DlQ_QrZf.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.BqNLbMy7.js → fthry_index.CaNFlDGz.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.vuYMQcab.js → fthry_index.CiYud9N5.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DRD0iTwt.js');
+var index$1 = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CGG1eUWI.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
-var Overlay = require('./fthry_Overlay.dLOs3POl.js');
-var useElementSize = require('./fthry_useElementSize.DnuxzPqr.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.CqkQEvU3.js');
-var input = require('./fthry_input.3eZioCQX.js');
+var Placeholder = require('./fthry_Placeholder.BN043D6l.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
+var Overlay = require('./fthry_Overlay.LMt9KzN-.js');
+var useElementSize = require('./fthry_useElementSize.EOJz4fsM.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.BHGgGTVb.js');
+var input = require('./fthry_input.3BaMJclT.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_index.H0oI-pdw.js');
+require('./fthry_index.Dd_amHCw.js');
 
 function TextAutocomplete$1(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/cjs/{fthry_index.D4Iu9UG6.js → fthry_index.CqTrVAy3.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.uOFzu2dA.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DmWS-V5J.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.dLOs3POl.js');
+require('./fthry_Overlay.LMt9KzN-.js');
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/cjs/{fthry_index.DxydBYq9.js → fthry_index.Cuiraxkm.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DRD0iTwt.js');
+var index$1 = require('./fthry_index.BEkekVor.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.DdmX24ud.js');
-var Placeholder$2 = require('./fthry_Placeholder.CGG1eUWI.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.uOFzu2dA.js');
-var Overlay = require('./fthry_Overlay.dLOs3POl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.ueZUi_5a.js');
+var Placeholder$2 = require('./fthry_Placeholder.BN043D6l.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DmWS-V5J.js');
+var Overlay = require('./fthry_Overlay.LMt9KzN-.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.FziiiLJL.js → fthry_index.D9U_tTQc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DRD0iTwt.js');
+var index = require('./fthry_index.BEkekVor.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
@@ -191,7 +191,7 @@ var buttonStyle = {
         cursor: 'auto'
     }
 };
-var actionButtonStyle = index.__assign(index.__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', width: 'auto', height: '28px', position: 'relative' });
+var actionButtonStyle = index.__assign(index.__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', paddingBlock: '4px', width: 'auto', height: 'auto', minHeight: '28px', position: 'relative' });
 var menuIconStyle = {
     width: '16px',
     height: '16px',
@@ -247,9 +247,6 @@ var pageButtonStyle = index.__assign(index.__assign({}, buttonStyle), { width: '
 var pageButtonPrevStyle = index.__assign(index.__assign({}, pageButtonStyle), { borderTopLeftRadius: '8px', borderBottomLeftRadius: '8px', paddingLeft: '12px', paddingRight: '12px', width: 'auto' });
 var pageButtonNextStyle = index.__assign(index.__assign({}, pageButtonStyle), { borderTopRightRadius: '8px', borderBottomRightRadius: '8px', paddingLeft: '12px', paddingRight: '12px', width: 'auto', borderRightWidth: 1 });
 var pageButtonActiveStyle = index.__assign(index.__assign({}, pageButtonStyle), { color: colors.blue700, backgroundColor: colors.blue50, border: "1px solid ".concat(colors.gray200) });
-var pageButtonEllipsisStyle = index.__assign(index.__assign({}, pageButtonStyle), { cursor: 'default', '&:focus': {
-        outline: 'none'
-    } });
 var pageButtonDisabledStyle = {
     opacity: 0.8,
     cursor: 'default',
@@ -258,7 +255,13 @@ var pageButtonDisabledStyle = {
         backgroundColor: colors.gray50,
         color: colors.gray400
     }
-};
+};
+var overflowSelectStyle = index.__assign(index.__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 (index.jsx("svg", index.__assign({ css: searchIconStyle, fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2 }, { children: index.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' }) })));
@@ -300,22 +303,45 @@ function NextButton(_a) {
     var disabled = _a.disabled, onClick = _a.onClick;
     return (index.jsx("button", index.__assign({ type: 'button', onClick: onClick, disabled: disabled, css: index.__assign(index.__assign({}, pageButtonNextStyle), (disabled ? pageButtonDisabledStyle : {})) }, { children: "Next" })));
 }
+function OverflowSelect(_a) {
+    var pages = _a.pages, onPageChange = _a.onPageChange;
+    return (index.jsxs("select", index.__assign({ value: '', onChange: function (e) {
+            onPageChange(Number(e.target.value));
+        }, "aria-label": 'Go to page', css: overflowSelectStyle }, { children: [index.jsx("option", index.__assign({ value: '', disabled: true, hidden: true }, { children: "..." })), pages.map(function (page) { return (index.jsx("option", index.__assign({ value: page }, { children: page + 1 }), page)); })] })));
+}
 function PageNumbers(_a) {
     var currentPage = _a.currentPage, totalPages = _a.totalPages, onPageChange = _a.onPageChange;
-    return (index.jsx(index.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 (index.jsx("li", { children: index.jsx("button", index.__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 (index.jsx("li", { children: index.jsx("button", index.__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 (index.jsx(index.Fragment, { children: items.map(function (item, idx) {
+            if (item.type === 'overflow') {
+                if (item.pages.length === 1) {
+                    return (index.jsx("li", { children: index.jsx("button", index.__assign({ type: 'button', onClick: function () { return onPageChange(item.pages[0]); }, css: pageButtonStyle }, { children: item.pages[0] + 1 })) }, "overflow-".concat(idx)));
+                }
+                return (index.jsx("li", { children: index.jsx(OverflowSelect, { pages: item.pages, onPageChange: onPageChange }) }, "overflow-".concat(idx)));
+            }
+            var isActive = item.page === currentPage;
+            return (index.jsx("li", { children: index.jsx("button", index.__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) {
@@ -342,6 +368,8 @@ function ActionButtons(_a) {
     var menuButtonRef = React.useRef(null);
     var useOverflow = !forceInlineButtons && actions.length > 1;
     React.useEffect(function () {
+        if (!isMenuOpen)
+            return;
         var handleClickOutside = function (event) {
             if (menuRef.current &&
                 !menuRef.current.contains(event.target) &&
@@ -350,11 +378,15 @@ function ActionButtons(_a) {
                 setIsMenuOpen(false);
             }
         };
-        if (isMenuOpen) {
-            index.featheryDoc().addEventListener('mousedown', handleClickOutside);
-        }
+        var handleScroll = function () {
+            setIsMenuOpen(false);
+        };
+        var doc = index.featheryDoc();
+        doc.addEventListener('mousedown', handleClickOutside);
+        doc.addEventListener('scroll', handleScroll, true);
         return function () {
-            index.featheryDoc().removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('scroll', handleScroll, true);
         };
     }, [isMenuOpen]);
     var handleActionClick = function (action) {