@feathery/react 2.20.0 → 2.22.0

package/cjs/{fthry_index.DbmqQgFK.js → fthry_index.lrVIrRLc.js}

@@ -5870,6 +5870,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;
@@ -5878,7 +5907,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) {
@@ -5902,6 +5931,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);
@@ -6009,6 +6045,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() {
@@ -6047,6 +6084,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:
@@ -6060,14 +6101,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)();
@@ -6410,7 +6458,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; } });
@@ -6434,6 +6482,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();
@@ -6453,6 +6502,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
@@ -6952,9 +7011,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
@@ -6962,54 +7021,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*/];
                     }
                 });
             }); };
@@ -7380,12 +7443,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) ||
@@ -20222,7 +20293,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", exports.__assign({ css: {
             width: '100%',
             height: '100%',
@@ -20239,7 +20310,7 @@ function FormOff(_a) {
                     lineHeight: '32px',
                     textAlign: 'center',
                     margin: '50px 0'
-                } }, { children: messages[reason] })), showCTA && (jsx$1("button", exports.__assign({ css: {
+                } }, { children: message || messages[reason] })), showCTA && (jsx$1("button", exports.__assign({ css: {
                     border: '1px solid #e2626e',
                     color: '#e2626e',
                     outline: 'none',
@@ -21609,12 +21680,12 @@ var ShadowDomHtmlContent = function (_a) {
  * and the editor to render "Containers".
  */
 var StyledContainer = React.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.Children.toArray(_children);
     var type = useNodeType(node, rawNode, viewport);
-    var _h = __read(React.useState(''), 2), backgroundImage = _h[0], setBackgroundImage = _h[1];
+    var _k = __read(React.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) {
@@ -21636,10 +21707,10 @@ var StyledContainer = React.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)));
@@ -21653,11 +21724,12 @@ var StyledContainer = React.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, exports.__assign({ ref: ref, node: _node, css: styles, className: cls('styled-container', type, className) }, props, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), node.id));
     }
-    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", exports.__assign({ className: cls('styled-container', type, className) }, props, { css: exports.__assign(exports.__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key }, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", exports.__assign({ ref: ref, css: isFixed ? exports.__assign(exports.__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", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
+    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", exports.__assign({ className: cls('styled-container', type, className) }, props, { css: exports.__assign(exports.__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", exports.__assign({ ref: ref, css: isFixed ? exports.__assign(exports.__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", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
 });
 
 /**
@@ -22423,7 +22495,8 @@ var typeMap = {
     buttons: 'button',
     servar_fields: 'field',
     videos: 'video',
-    tables: 'table'
+    tables: 'table',
+    subgrids: 'container'
 };
 var buildGridMap = function (step) {
     var map = {};
@@ -22716,6 +22789,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 });
@@ -40674,7 +40751,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) {
@@ -40781,6 +40858,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) {
@@ -40832,7 +40921,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) {
@@ -40909,8 +40998,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 = {
@@ -41488,6 +41585,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();
@@ -41609,6 +41708,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 });
@@ -45689,6 +45792,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));
 
@@ -45740,6 +45875,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();
@@ -45766,9 +45903,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.bHvj52W8.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.C2pt_bUm.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CtGFRK-R.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.Du37duiu.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -45914,7 +46051,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.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;');
 }
 
@@ -47342,39 +47479,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.CTvJpKMD.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CL0Og4Dc.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DiWVgvmp.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.CvLykMCw.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CRdtsgYY.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.D3t9MrC8.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DBh1LYie.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CIxKm2W7.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Zr0Zf4vN.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.BAFB4RHg.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C7ja1s3P.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.Dl8zGsAp.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CF_5aTpr.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BoacvsbM.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.Dnzf38f1.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.dpVLfqGZ.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DuuOe7wg.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.D9UgyAK0.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CCemnwsu.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BAvCMZms.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.D0u2xH_C.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.2sunYeoj.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BJT2EG9q.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BqZlc7T3.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.B8o3hJZc.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.D05feokK.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.CyFPPgis.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BM5SEWS3.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CAPznQPm.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DBJtTx9s.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.DiSY7Ac7.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CofrHdeg.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CVRwl5e8.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BO3AY9qR.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.BPhGm93v.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.M9hqHrBw.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.C7wFi7y1.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.BsK-G-o1.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.oBstjM0Y.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.B7fwm2Qq.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.BNdR1Zvy.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.Cy80QFQZ.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.C-ANSPxY.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.DjWVnEr6.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48314,7 +48451,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.p7Cu-nM0.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.avrbgACA.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_input.NIWw-1nq.js → fthry_input.CHp_Jap5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.CPO_3E6l.js');
+var index = require('./fthry_index.6gJGxnEh.js');
 
 /** Checks if value is string */
 function isString(str) {

package/cjs/{fthry_script.bHvj52W8.js → fthry_script.C2pt_bUm.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DbmqQgFK.js');
+var index = require('./fthry_index.lrVIrRLc.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/cjs/{fthry_styles.D2wHG088.js → fthry_styles.DFm8HxDr.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.DbmqQgFK.js');
+var index = require('./fthry_index.lrVIrRLc.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {

package/cjs/{fthry_useElementSize.B1YQZQeL.js → fthry_useElementSize.BroSkGyG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DbmqQgFK.js');
+var index = require('./fthry_index.lrVIrRLc.js');
 var React = require('react');
 
 function useElementSize(anchorRef) {

package/cjs/{fthry_useSalesforceSync.CGrJMMq8.js → fthry_useSalesforceSync.DiWBOGl_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DbmqQgFK.js');
+var index = require('./fthry_index.lrVIrRLc.js');
 var React = require('react');
 
 function useSalesforceSync(salesforceSync, editMode) {

package/cjs/{fthry_webfontloader.CtGFRK-R.js → fthry_webfontloader.Du37duiu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DbmqQgFK.js');
+var index = require('./fthry_index.lrVIrRLc.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/cjs/index.d.ts

@@ -91,6 +91,12 @@ declare function renderAt(elementId: any, props: FormProps, loginEnabled?: boole
         payload?: undefined;
     }>;
     setCollaboratorAsCompleted: (templateId: string) => Promise<any>;
+    dataHubAction: ({ hubId, operation, entryId, data }: {
+        hubId: string;
+        operation: "get" | "create" | "update" | "delete";
+        entryId?: string | undefined;
+        data?: Record<string, any> | undefined;
+    }) => Promise<any>;
     generateDocuments: ({ documentIds, download, merge }: {
         documentIds: string[];
         download?: boolean | undefined;