@feathery/react 2.20.0 → 2.22.0

package/dist/{fthry_index.gTJ9T5iG.js → fthry_index.CDRQrd84.js}

@@ -5849,6 +5849,35 @@ var api$1 = {};
 
 var utils = {};
 
+var cookies = {};
+
+var hasRequiredCookies;
+
+function requireCookies () {
+	if (hasRequiredCookies) return cookies;
+	hasRequiredCookies = 1;
+	Object.defineProperty(cookies, "__esModule", { value: true });
+	cookies.getCookie = getCookie;
+	/**
+	 * Get a cookie value
+	 *
+	 * @param name - The name of the cookie to retrieve
+	 * @returns The cookie value or null if not found or no browser
+	 */
+	function getCookie(name) {
+	    if (typeof document === 'undefined')
+	        return null;
+	    const value = `; ${document.cookie}`;
+	    const parts = value.split(`; ${name}=`);
+	    if (parts.length === 2) {
+	        const cookieValue = parts.pop()?.split(';').shift();
+	        return cookieValue || null;
+	    }
+	    return null;
+	}
+	return cookies;
+}
+
 var error = {};
 
 var hasRequiredError;
@@ -5857,7 +5886,7 @@ function requireError () {
 	if (hasRequiredError) return error;
 	hasRequiredError = 1;
 	Object.defineProperty(error, "__esModule", { value: true });
-	error.ValidationError = error.SDKKeyError = error.FormConflictError = error.FetchError = void 0;
+	error.ValidationError = error.FormAuthenticationError = error.SDKKeyError = error.FormConflictError = error.FetchError = void 0;
 	error.parseAPIError = parseAPIError;
 	class FetchError extends Error {
 	    constructor(message, payload = null) {
@@ -5881,6 +5910,13 @@ function requireError () {
 	    }
 	}
 	error.SDKKeyError = SDKKeyError;
+	class FormAuthenticationError extends Error {
+	    constructor(message = 'User does not have access to this form') {
+	        super(message);
+	        this.name = 'FormAuthenticationError';
+	    }
+	}
+	error.FormAuthenticationError = FormAuthenticationError;
 	class ValidationError extends Error {
 	    constructor(message) {
 	        super(message);
@@ -5988,6 +6024,7 @@ function requireUtils () {
 	utils.apiFetch = apiFetch;
 	utils.createHttpHelpers = createHttpHelpers;
 	const api_1 = requireApi();
+	const cookies_1 = requireCookies();
 	const error_1 = requireError();
 	const setup_1 = requireSetup();
 	function getApiUrl() {
@@ -6026,6 +6063,10 @@ function requireUtils () {
 	            throw new error_1.FetchError(payload.toString());
 	        case 401:
 	            throw new error_1.SDKKeyError();
+	        case 403:
+	            payload = await response.clone().json();
+	            const message = (0, error_1.parseAPIError)(payload);
+	            throw new error_1.FormAuthenticationError(message);
 	        case 404:
 	            throw new error_1.FetchError("Can't find object");
 	        case 409:
@@ -6039,14 +6080,21 @@ function requireUtils () {
 	async function apiFetch(sdkKey, url, options, parseResponse = true) {
 	    options = options ?? {};
 	    const { headers, ...otherOptions } = options;
+	    // Read JWT from cookie
+	    const sessionJwt = (0, cookies_1.getCookie)('feathery_session_token');
+	    const requestHeaders = {
+	        Authorization: 'Token ' + sdkKey,
+	        ...headers,
+	    };
+	    // Add session JWT if available
+	    if (sessionJwt) {
+	        requestHeaders['X-Feathery-Session'] = sessionJwt;
+	    }
 	    options = {
 	        cache: 'no-store',
 	        // write requests must succeed so data is tracked
 	        keepalive: ['POST', 'PATCH', 'PUT'].includes(options.method),
-	        headers: {
-	            Authorization: 'Token ' + sdkKey,
-	            ...headers,
-	        },
+	        headers: requestHeaders,
 	        ...otherOptions,
 	    };
 	    const { internalSecretKey } = (0, setup_1.getEnvironment)();
@@ -6389,7 +6437,7 @@ function requireDist$2 () {
 	hasRequiredDist$2 = 1;
 	(function (exports$1) {
 		Object.defineProperty(exports$1, "__esModule", { value: true });
-		exports$1.setEnvironment = exports$1.parseAPIError = exports$1.FormConflictError = exports$1.SDKKeyError = exports$1.FetchError = exports$1.getS3Url = exports$1.getCdnUrl = exports$1.getStaticUrl = exports$1.getApiUrl = exports$1.createHttpHelpers = exports$1.checkResponseSuccess = exports$1.apiFetch = exports$1.sendEmail = exports$1.pollForCompletion = exports$1.inviteFormCollaborator = exports$1.getQuikAccountForms = exports$1.getQuikForms = exports$1.getQuikFormRoles = exports$1.generateQuikEnvelopes = exports$1.generateFormDocuments = exports$1.forwardInboxEmail = exports$1.extractAIDocument = exports$1.customRolloutAction = void 0;
+		exports$1.setEnvironment = exports$1.parseAPIError = exports$1.FormConflictError = exports$1.FormAuthenticationError = exports$1.SDKKeyError = exports$1.FetchError = exports$1.getS3Url = exports$1.getCdnUrl = exports$1.getStaticUrl = exports$1.getApiUrl = exports$1.createHttpHelpers = exports$1.checkResponseSuccess = exports$1.apiFetch = exports$1.sendEmail = exports$1.pollForCompletion = exports$1.inviteFormCollaborator = exports$1.getQuikAccountForms = exports$1.getQuikForms = exports$1.getQuikFormRoles = exports$1.generateQuikEnvelopes = exports$1.generateFormDocuments = exports$1.forwardInboxEmail = exports$1.extractAIDocument = exports$1.customRolloutAction = void 0;
 		var api_1 = requireApi();
 		Object.defineProperty(exports$1, "customRolloutAction", { enumerable: true, get: function () { return api_1.customRolloutAction; } });
 		Object.defineProperty(exports$1, "extractAIDocument", { enumerable: true, get: function () { return api_1.extractAIDocument; } });
@@ -6413,6 +6461,7 @@ function requireDist$2 () {
 		var error_1 = requireError();
 		Object.defineProperty(exports$1, "FetchError", { enumerable: true, get: function () { return error_1.FetchError; } });
 		Object.defineProperty(exports$1, "SDKKeyError", { enumerable: true, get: function () { return error_1.SDKKeyError; } });
+		Object.defineProperty(exports$1, "FormAuthenticationError", { enumerable: true, get: function () { return error_1.FormAuthenticationError; } });
 		Object.defineProperty(exports$1, "FormConflictError", { enumerable: true, get: function () { return error_1.FormConflictError; } });
 		Object.defineProperty(exports$1, "parseAPIError", { enumerable: true, get: function () { return error_1.parseAPIError; } });
 		var setup_1 = requireSetup();
@@ -6432,6 +6481,16 @@ function handleFormConflict() {
     untrackUnload(true);
     featheryWindow().alert('This form has been updated. Please fill it out again.');
     location.reload();
+}
+function handleFormAuthenticationError(errorMessage) {
+    untrackUnload(true);
+    // Store the authentication error in initState so Form component can show FormOff
+    initState.authenticationError =
+        errorMessage || 'Access to this form is restricted';
+    // Trigger a re-render by updating remount callbacks
+    Object.values(initState.remountCallbacks).forEach(function (callback) {
+        callback === null || callback === void 0 ? void 0 : callback();
+    });
 }
 
 // Constants for the IndexedDB database
@@ -6931,9 +6990,9 @@ var OfflineRequestHandler = /** @class */ (function () {
             };
             var attemptRequest = function () { return __awaiter$2(_this, void 0, void 0, function () {
                 var attempts, response, error_2, nextDelay;
-                var _a, _b, _c, _d, _e;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
+                var _a, _b, _c, _d, _e, _f;
+                return __generator(this, function (_g) {
+                    switch (_g.label) {
                         case 0:
                             attempts = (_a = request.retryAttempts) !== null && _a !== void 0 ? _a : 0;
                             // Ensure exhausted retries are marked as failed before being skipped
@@ -6941,54 +7000,58 @@ var OfflineRequestHandler = /** @class */ (function () {
                                 markFileUploadRetryFailure((_b = request.metadata) === null || _b === void 0 ? void 0 : _b.fieldKey);
                                 return [2 /*return*/];
                             }
-                            _f.label = 1;
+                            _g.label = 1;
                         case 1:
-                            if (!(attempts < this.maxRetryAttempts)) return [3 /*break*/, 13];
-                            _f.label = 2;
+                            if (!(attempts < this.maxRetryAttempts)) return [3 /*break*/, 15];
+                            _g.label = 2;
                         case 2:
-                            _f.trys.push([2, 6, , 12]);
+                            _g.trys.push([2, 6, , 14]);
                             return [4 /*yield*/, fetch(url, fetchOptions)];
                         case 3:
-                            response = _f.sent();
+                            response = _g.sent();
                             return [4 /*yield*/, distExports$2.checkResponseSuccess(response)];
                         case 4:
-                            _f.sent();
+                            _g.sent();
                             markFileUploadRetrySuccess((_c = request.metadata) === null || _c === void 0 ? void 0 : _c.fieldKey);
                             return [4 /*yield*/, this.removeRequest(key)];
                         case 5:
-                            _f.sent();
+                            _g.sent();
                             return [2 /*return*/];
                         case 6:
-                            error_2 = _f.sent();
-                            if (error_2 instanceof distExports$2.FormConflictError) {
-                                handleFormConflict();
-                                return [2 /*return*/];
-                            }
+                            error_2 = _g.sent();
+                            if (!(error_2 instanceof distExports$2.FormConflictError)) return [3 /*break*/, 8];
+                            handleFormConflict();
+                            markFileUploadRetrySuccess((_d = request.metadata) === null || _d === void 0 ? void 0 : _d.fieldKey);
+                            return [4 /*yield*/, this.removeRequest(key)];
+                        case 7:
+                            _g.sent();
+                            return [2 /*return*/];
+                        case 8:
                             attempts++;
                             return [4 /*yield*/, this.updateRetryAttempts(key, attempts)];
-                        case 7:
-                            _f.sent();
-                            if (!navigator.onLine) return [3 /*break*/, 9];
+                        case 9:
+                            _g.sent();
+                            if (!navigator.onLine) return [3 /*break*/, 11];
                             nextDelay = this.getExponentialDelay(attempts);
                             if (attempts >= this.maxRetryAttempts) {
                                 // Skip alerting when a specific field upload already surfaces its own retry error
-                                if (this.errorCallback && !((_d = request.metadata) === null || _d === void 0 ? void 0 : _d.fieldKey)) {
+                                if (this.errorCallback && !((_e = request.metadata) === null || _e === void 0 ? void 0 : _e.fieldKey)) {
                                     this.errorCallback("Failed to submit after ".concat(this.maxRetryAttempts, " attempts. Please check your connection and try again."));
                                 }
-                                markFileUploadRetryFailure((_e = request.metadata) === null || _e === void 0 ? void 0 : _e.fieldKey);
+                                markFileUploadRetryFailure((_f = request.metadata) === null || _f === void 0 ? void 0 : _f.fieldKey);
                                 return [2 /*return*/];
                             }
                             return [4 /*yield*/, this.delay(nextDelay)];
-                        case 8:
-                            _f.sent();
-                            return [3 /*break*/, 11];
-                        case 9: return [4 /*yield*/, this.onlineAndReplayed()];
                         case 10:
-                            _f.sent();
+                            _g.sent();
+                            return [3 /*break*/, 13];
+                        case 11: return [4 /*yield*/, this.onlineAndReplayed()];
+                        case 12:
+                            _g.sent();
                             return [2 /*return*/];
-                        case 11: return [3 /*break*/, 12];
-                        case 12: return [3 /*break*/, 1];
-                        case 13: return [2 /*return*/];
+                        case 13: return [3 /*break*/, 14];
+                        case 14: return [3 /*break*/, 1];
+                        case 15: return [2 /*return*/];
                     }
                 });
             }); };
@@ -7359,12 +7422,20 @@ var IntegrationClient = /** @class */ (function () {
         if (parseResponse === void 0) { parseResponse = true; }
         if (propagateNetworkErrors === void 0) { propagateNetworkErrors = false; }
         var sdkKey = initInfo().sdkKey;
+        // Stop making requests if authentication error has occurred
+        if (initState.authenticationError) {
+            return Promise.resolve(undefined);
+        }
         return distExports$2.apiFetch(sdkKey, url, options, parseResponse).catch(function (e) {
             var _a;
             if (e instanceof distExports$2.FormConflictError) {
                 handleFormConflict();
                 return;
             }
+            if (e instanceof distExports$2.FormAuthenticationError) {
+                handleFormAuthenticationError(e.message);
+                return;
+            }
             // Ignore TypeErrors if form has redirected because `fetch` in
             // Safari will error after redirect
             var ignore = ((_a = _this.ignoreNetworkErrors) === null || _a === void 0 ? void 0 : _a.current) ||
@@ -20201,7 +20272,7 @@ var messages = (_a = {},
     _a[NO_BUSINESS_EMAIL] = 'Activate forms by adding an email from a company domain to your Feathery account',
     _a);
 function FormOff(_a) {
-    var _b = _a.width, width = _b === void 0 ? 400 : _b, _c = _a.reason, reason = _c === void 0 ? CLOSED : _c, _d = _a.showCTA, showCTA = _d === void 0 ? true : _d;
+    var _b = _a.width, width = _b === void 0 ? 400 : _b, _c = _a.reason, reason = _c === void 0 ? CLOSED : _c, _d = _a.showCTA, showCTA = _d === void 0 ? true : _d, message = _a.message;
     return (jsxs("div", __assign({ css: {
             width: '100%',
             height: '100%',
@@ -20218,7 +20289,7 @@ function FormOff(_a) {
                     lineHeight: '32px',
                     textAlign: 'center',
                     margin: '50px 0'
-                } }, { children: messages[reason] })), showCTA && (jsx$1("button", __assign({ css: {
+                } }, { children: message || messages[reason] })), showCTA && (jsx$1("button", __assign({ css: {
                     border: '1px solid #e2626e',
                     color: '#e2626e',
                     outline: 'none',
@@ -21588,12 +21659,12 @@ var ShadowDomHtmlContent = function (_a) {
  * and the editor to render "Containers".
  */
 var StyledContainer = forwardRef(function (_a, ref) {
-    var _b, _c;
-    var _node = _a.node, raw = _a.raw, _d = _a.css, css = _d === void 0 ? {} : _d, viewport = _a.viewport, component = _a.component, _children = _a.children, className = _a.className, _e = _a.viewportOnly, viewportOnly = _e === void 0 ? false : _e, _f = _a.editMode, editMode = _f === void 0 ? false : _f, breakpoint = _a.breakpoint, props = __rest$1(_a, ["node", "raw", "css", "viewport", "component", "children", "className", "viewportOnly", "editMode", "breakpoint"]);
-    var _g = useFormattedNode(_node, raw), node = _g.node, rawNode = _g.rawNode;
+    var _b, _c, _d, _e;
+    var _node = _a.node, raw = _a.raw, _f = _a.css, css = _f === void 0 ? {} : _f, viewport = _a.viewport, component = _a.component, _children = _a.children, className = _a.className, _g = _a.viewportOnly, viewportOnly = _g === void 0 ? false : _g, _h = _a.editMode, editMode = _h === void 0 ? false : _h, breakpoint = _a.breakpoint, props = __rest$1(_a, ["node", "raw", "css", "viewport", "component", "children", "className", "viewportOnly", "editMode", "breakpoint"]);
+    var _j = useFormattedNode(_node, raw), node = _j.node, rawNode = _j.rawNode;
     var children = React__default.Children.toArray(_children);
     var type = useNodeType(node, rawNode, viewport);
-    var _h = __read(useState(''), 2), backgroundImage = _h[0], setBackgroundImage = _h[1];
+    var _k = __read(useState(''), 2), backgroundImage = _k[0], setBackgroundImage = _k[1];
     var imageUrlFieldKey = (_b = node.styles) === null || _b === void 0 ? void 0 : _b.uploaded_image_file_field_key;
     var file;
     if (imageUrlFieldKey) {
@@ -21615,10 +21686,10 @@ var StyledContainer = forwardRef(function (_a, ref) {
             });
         }
     }, [file]);
-    var _j = useContainerStyles(node, rawNode, css, viewportOnly ? viewport : undefined, breakpoint), styles = _j.styles, innerStyles = _j.innerStyles;
+    var _l = useContainerStyles(node, rawNode, css, viewportOnly ? viewport : undefined, breakpoint), styles = _l.styles, innerStyles = _l.innerStyles;
     if (backgroundImage)
         styles.backgroundImage = backgroundImage;
-    var _k = __read(useFixedContainer(node, rawNode, viewport, breakpoint), 2), isFixed = _k[0], fixedContainerRef = _k[1];
+    var _m = __read(useFixedContainer(node, rawNode, viewport, breakpoint), 2), isFixed = _m[0], fixedContainerRef = _m[1];
     if (node.properties.iframe_url) {
         var url = replaceTextVariables(node.properties.iframe_url);
         children.push(jsx$1("iframe", { width: '100%', height: '100%', src: url, css: { border: 'none' } }, "iframe:".concat(url)));
@@ -21632,11 +21703,12 @@ var StyledContainer = forwardRef(function (_a, ref) {
         children.push(jsx$1(RenderComponent, { html: html, css: baseStyles }, "html:".concat(html)));
     }
     useContainerEngine(node, rawNode, ref);
+    var elementType = (_e = (_d = node.servar) === null || _d === void 0 ? void 0 : _d.type) !== null && _e !== void 0 ? _e : node.type;
     if (component) {
         var Component = component;
         return (jsx$1(Component, __assign({ ref: ref, node: _node, css: styles, className: cls('styled-container', type, className) }, props, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), node.id));
     }
-    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", __assign({ className: cls('styled-container', type, className) }, props, { css: __assign(__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", __assign({ ref: ref, css: isFixed ? __assign(__assign({}, styles), { visibility: 'hidden' }) : styles, className: cls('styled-container', type, className), "data-id": node.id, "data-feathery-id": node.key }, props, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
+    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", __assign({ className: cls('styled-container', type, className) }, props, { css: __assign(__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", __assign({ ref: ref, css: isFixed ? __assign(__assign({}, styles), { visibility: 'hidden' }) : styles, className: cls('styled-container', type, className) }, props, { "data-id": node.id, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
 });
 
 /**
@@ -22402,7 +22474,8 @@ var typeMap = {
     buttons: 'button',
     servar_fields: 'field',
     videos: 'video',
-    tables: 'table'
+    tables: 'table',
+    subgrids: 'container'
 };
 var buildGridMap = function (step) {
     var map = {};
@@ -22695,6 +22768,10 @@ var getFormContext = function (formUuid) {
         setCollaboratorAsCompleted: function (templateId) {
             return formState.client.setCollaboratorAsCompleted(templateId);
         },
+        dataHubAction: function (_a) {
+            var hubId = _a.hubId, operation = _a.operation, entryId = _a.entryId, data = _a.data;
+            return formState.client.dataHubAction({ hubId: hubId, operation: operation, entryId: entryId, data: data });
+        },
         generateDocuments: function (_a) {
             var documentIds = _a.documentIds, download = _a.download, merge = _a.merge;
             return formState.client.generateDocuments({ documentIds: documentIds, download: download, merge: merge });
@@ -40653,7 +40730,7 @@ function Form(_a) {
     var runElementActions = function (_a) {
         var actions = _a.actions, element = _a.element, elementType = _a.elementType, _b = _a.submit, submit = _b === void 0 ? false : _b, _c = _a.setElementError, setElementError = _c === void 0 ? function () { } : _c, _d = _a.onAsyncEnd, onAsyncEnd = _d === void 0 ? function () { } : _d, textSpanStart = _a.textSpanStart, textSpanEnd = _a.textSpanEnd, triggerPayload = _a.triggerPayload;
         return __awaiter$2(_this, void 0, void 0, function () {
-            var id, metadata, trigger, submitPromise, pendingFileKeys, invalid, hasNext, submissionResult, error_3, _e, stepPromise, flowOnSuccess, actionTypes, runAction, i, hasExtractions, hasEnvelopeGeneration, _loop_1, state_1;
+            var id, metadata, trigger, submitPromise, pendingFileKeys, invalid, hasNext, submissionResult, error_3, _e, stepPromise, preOpenedWindows, flowOnSuccess, actionTypes, runAction, i, hasExtractions, hasEnvelopeGeneration, _loop_1, state_1;
             var _this = this;
             var _f, _g, _h, _j, _k;
             return __generator(this, function (_l) {
@@ -40760,6 +40837,18 @@ function Form(_a) {
                         // Adjust action order to prioritize certain actions and
                         // to ensure all actions are run as expected
                         actions = prioritizeActions(actions);
+                        preOpenedWindows = new Map();
+                        if (isIOS()) {
+                            actions.forEach(function (action, idx) {
+                                if (action.type === ACTION_URL && action.open_tab) {
+                                    var win = featheryWindow().open('about:blank', '_blank');
+                                    if (win) {
+                                        win.opener = null; // Prevent reverse tabnabbing
+                                        preOpenedWindows.set(idx, win);
+                                    }
+                                }
+                            });
+                        }
                         flowOnSuccess = function (index) { return function () { return __awaiter$2(_this, void 0, void 0, function () {
                             var running;
                             return __generator(this, function (_a) {
@@ -40811,7 +40900,7 @@ function Form(_a) {
                             initializeEnvelopeGeneration(actions);
                         }
                         _loop_1 = function () {
-                            var action, type, container, container, personaMeta, url, eventData, phoneNum, e_6, phoneNum, e_7, emailAddress, e_8, pinKey, pin, params, hasErr_1, prom, email, e_9, auth, loginStep, actionSuccess, val, valid, val, invitees, res, collabKey, newVals, e_10, e_11, extractions, _loop_2, state_2, data, errorEntry, e_12, envelopeId, data, envAction, url, eventData, files, newValues, e_13, payload, e_14, key_1, val, servar_1, hiddenFieldType, destVal, setToDefaultValue, curIndex, defaultVal, i_1, newValues, phoneNum, silentVeriResult, key, newValues, e_15, phoneNum, phoneType, key, newValues, e_16, phoneNum, e_17, pinKey, pin, pinMatch, e_18;
+                            var action, type, container, container, personaMeta, url, preOpened, eventData, phoneNum, e_6, phoneNum, e_7, emailAddress, e_8, pinKey, pin, params, hasErr_1, prom, email, e_9, auth, loginStep, actionSuccess, val, valid, val, invitees, res, collabKey, newVals, e_10, e_11, extractions, _loop_2, state_2, data, errorEntry, e_12, envelopeId, data, envAction, url, eventData, files, newValues, e_13, payload, e_14, key_1, val, servar_1, hiddenFieldType, destVal, setToDefaultValue, curIndex, defaultVal, i_1, newValues, phoneNum, silentVeriResult, key, newValues, e_15, phoneNum, phoneType, key, newValues, e_16, phoneNum, e_17, pinKey, pin, pinMatch, e_18;
                             var _m, _o, _p, _q, _r, _s, _t;
                             return __generator(this, function (_u) {
                                 switch (_u.label) {
@@ -40888,8 +40977,16 @@ function Form(_a) {
                                         if (url) {
                                             if (!url.includes(':'))
                                                 url = 'https://' + url;
-                                            if (action.open_tab)
-                                                openTab(url);
+                                            if (action.open_tab) {
+                                                preOpened = preOpenedWindows.get(i);
+                                                if (preOpened) {
+                                                    preOpened.location.href = url;
+                                                    preOpenedWindows.delete(i);
+                                                }
+                                                else {
+                                                    openTab(url);
+                                                }
+                                            }
                                         }
                                         if (!!action.open_tab) return [3 /*break*/, 21];
                                         eventData = {
@@ -41467,6 +41564,8 @@ function Form(_a) {
                         i++;
                         return [3 /*break*/, 9];
                     case 12:
+                        // Close any pre-opened windows that weren't used (e.g., validation failed)
+                        preOpenedWindows.forEach(function (win) { return win === null || win === void 0 ? void 0 : win.close(); });
                         if (i < actions.length) {
                             elementClicks[id] = false;
                             clearButtonActionState();
@@ -41588,6 +41687,10 @@ function Form(_a) {
         };
         handleFormComplete().then(redirectForm);
     }, [anyFinished]);
+    // Form authentication error (403)
+    if (initState.authenticationError) {
+        return (jsx$1(FormOff, { reason: CLOSED, message: initState.authenticationError, showCTA: false }));
+    }
     // Form is turned off
     if (formOffReason.current === CLOSED)
         return jsx$1(FormOff, { showCTA: formSettings.showBrand });
@@ -45668,6 +45771,38 @@ var FeatheryClient = /** @class */ (function (_super) {
             });
         });
     };
+    FeatheryClient.prototype.dataHubAction = function (_a) {
+        var hubId = _a.hubId, operation = _a.operation, entryId = _a.entryId, data = _a.data;
+        return __awaiter$2(this, void 0, void 0, function () {
+            var baseUrl, url, response, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        baseUrl = new URL(distExports$2.getApiUrl()).origin;
+                        url = "".concat(baseUrl, "/api/hub/").concat(hubId, "/action/");
+                        return [4 /*yield*/, this._fetch(url, {
+                                headers: { 'Content-Type': 'application/json' },
+                                method: 'POST',
+                                body: JSON.stringify({ operation: operation, entry_id: entryId, data: data })
+                            }, false)];
+                    case 1:
+                        response = _d.sent();
+                        if (!response) return [3 /*break*/, 5];
+                        if (response.status === 204)
+                            return [2 /*return*/, null];
+                        if (!response.ok) return [3 /*break*/, 3];
+                        return [4 /*yield*/, response.json()];
+                    case 2: return [2 /*return*/, _d.sent()];
+                    case 3:
+                        _b = Error;
+                        _c = distExports$2.parseAPIError;
+                        return [4 /*yield*/, response.json()];
+                    case 4: throw _b.apply(void 0, [_c.apply(void 0, [_d.sent()])]);
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
     return FeatheryClient;
 }(IntegrationClient));
 
@@ -45719,6 +45854,8 @@ function init(sdkKey, options) {
         return Promise.resolve((_a = initState.userId) !== null && _a !== void 0 ? _a : ''); // can only be initialized one time per load
     logFeatheryBadge();
     initState.initialized = true;
+    // Clear any previous authentication errors on new initialization
+    initState.authenticationError = undefined;
     initState.sdkKey = sdkKey;
     if (options._enterpriseRegion)
         initState.region = options._enterpriseRegion.toLowerCase();
@@ -45745,9 +45882,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.CXkwR9fy.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.DYkmIi0j.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DfY0lK30.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.sudLWRnv.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -45893,7 +46030,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.20.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.22.0" + ' ', // 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;');
 }
 
@@ -47321,39 +47458,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.Dnqjv4st.js'); });
-var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Cy8swXZF.js'); });
-var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CjVOeUO7.js'); });
+var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.D33p0Cu9.js'); });
+var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DomytyFl.js'); });
+var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.Bg6jDqRN.js'); });
 var CheckboxGroupField = lazy(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DrDR16uH.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DSpMogdQ.js');
 });
-var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.D3MIP4ZK.js'); });
-var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.F5q5xnZz.js'); });
+var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.D91kaNEu.js'); });
+var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.DgH--mO0.js'); });
 var DateSelectorField = lazy(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.6j3H5Jsd.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CAO_boB_.js');
 });
-var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BRiDM4kl.js'); });
+var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BVBupEyX.js'); });
 var DropdownMultiField = lazy(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.D8nG9qvV.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B-HK4FAf.js');
 });
-var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.7qjj8Bg8.js'); });
-var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.TDe1P2Bp.js'); });
-var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.CY50AQx5.js'); });
+var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.Cog2BDNb.js'); });
+var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.Ca6YzvQ4.js'); });
+var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.CbNESu0U.js'); });
 var PaymentMethodField = lazy(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.25ynnr4a.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BnHykb0-.js');
 });
-var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.Dcf59nAI.js'); });
-var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.AwddDMaC.js'); });
-var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.C-pG0RNO.js'); });
+var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.NZiAUoKR.js'); });
+var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.CZr2zxPE.js'); });
+var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.Bsx6VyJi.js'); });
 var RadioButtonGroupField = lazy(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BrKBOwpw.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.VasUvj87.js');
 });
-var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.vzZGXQtx.js'); });
-var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.B7TfCWWq.js'); });
-var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.Bpk_PYMh.js'); });
-var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.JGhr5Dls.js'); });
-var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DZB6jwWj.js'); });
+var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.DSXLISe1.js'); });
+var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.CbxKTwce.js'); });
+var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.CQIPge2V.js'); });
+var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.Cjz0TFbJ.js'); });
+var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.CenbmeTZ.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48293,7 +48430,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BnLk-Mgr.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BkvB1fWy.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/dist/{fthry_index.BO9Rqj_Y.js → fthry_index.CLjO1Hq8.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './fthry_index.gTJ9T5iG.js';
+import { g as getDefaultExportFromCjs } from './fthry_index.CDRQrd84.js';
 
 var propTypes = {exports: {}};
 

package/dist/{fthry_index.Bpk_PYMh.js → fthry_index.CQIPge2V.js}

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

package/dist/{fthry_index.AwddDMaC.js → fthry_index.CZr2zxPE.js}

@@ -1,4 +1,4 @@
-import { t as featheryWindow, a as jsxs, _ as __assign, j as jsx, b as __read, u as useBorder, h as hoverStylesGuard, aj as isNum } from './fthry_index.gTJ9T5iG.js';
+import { t as featheryWindow, a as jsxs, _ as __assign, j as jsx, b as __read, u as useBorder, h as hoverStylesGuard, aj as isNum } from './fthry_index.CDRQrd84.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.TDe1P2Bp.js → fthry_index.Ca6YzvQ4.js}

@@ -1,7 +1,7 @@
-import { b as __read, j as jsx, F as Fragment, x as isMobile, a as jsxs, _ as __assign, q as FORM_Z_INDEX, i as iosScrollOnFocus } from './fthry_index.gTJ9T5iG.js';
+import { b as __read, j as jsx, F as Fragment, x as isMobile, a as jsxs, _ as __assign, q as FORM_Z_INDEX, i as iosScrollOnFocus } from './fthry_index.CDRQrd84.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.CncQxaYG.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.CjVOeUO7.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.C0T4Ihiz.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.Bg6jDqRN.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CY50AQx5.js → fthry_index.CbNESu0U.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, b as __read, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles } from './fthry_index.gTJ9T5iG.js';
+import { u as useBorder, b as __read, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles } from './fthry_index.CDRQrd84.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.DihcDpfg.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DtrTD1lJ.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.C_om2PTd.js';
+import { P as Placeholder } from './fthry_Placeholder.OebdDszh.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D5rXgJxn.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.5ZGg8TFI.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CncQxaYG.js';
+import './fthry_Overlay.C0T4Ihiz.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.B7TfCWWq.js → fthry_index.CbxKTwce.js}

@@ -1,6 +1,6 @@
-import { f as featheryDoc, an as devicePixelRatio, g as getDefaultExportFromCjs, b as __read, a as jsxs, j as jsx, _ as __assign, F as Fragment, k as __awaiter, l as __generator, ao as toBase64, n as debounce, ap as MODAL_Z_INDEX, ab as CloseIcon, aq as dataURLToFile, q as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.gTJ9T5iG.js';
+import { f as featheryDoc, an as devicePixelRatio, g as getDefaultExportFromCjs, b as __read, a as jsxs, j as jsx, _ as __assign, F as Fragment, k as __awaiter, l as __generator, ao as toBase64, n as debounce, ap as MODAL_Z_INDEX, ab as CloseIcon, aq as dataURLToFile, q as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.CDRQrd84.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.BO9Rqj_Y.js';
+import { P as PropTypes } from './fthry_index.CLjO1Hq8.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.DfY0lK30.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.sudLWRnv.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });