@feathery/react 2.21.0 → 2.22.1

package/cjs/{fthry_index.B6dz6_D2.js → fthry_index.CQ1H9R8w.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',
@@ -22718,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 });
@@ -39028,6 +39103,26 @@ var getSubmissionErrorMessage = function (error) {
     }
     return 'Submission failed. Please try again.';
 };
+function closePreOpenedWindows(windows) {
+    windows.forEach(function (win) { return win === null || win === void 0 ? void 0 : win.close(); });
+}
+// Pre-open windows synchronously within the user-gesture call stack on iOS.
+// iOS Safari blocks window.open() after any await breaks the gesture chain.
+function preOpenIOSWindows(actions) {
+    var windows = 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;
+                    windows.set(idx, win);
+                }
+            }
+        });
+    }
+    return windows;
+}
 function Form(_a) {
     var _this = this;
     var _b;
@@ -40562,7 +40657,7 @@ function Form(_a) {
     };
     var _35 = useCheckButtonAction(setButtonLoader, clearLoaders), isButtonActionRunning = _35.isButtonActionRunning, updateButtonActionState = _35.updateButtonActionState, clearButtonActionState = _35.clearButtonActionState, setUserLogicRunning = _35.setUserLogicRunning;
     var buttonOnClick = function (button) { return __awaiter$2(_this, void 0, void 0, function () {
-        var setButtonError, invalid, running, e_5;
+        var setButtonError, actions, preOpenedWindows, invalid, running, e_5;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -40589,6 +40684,8 @@ function Form(_a) {
                             });
                         }, 10);
                     };
+                    actions = prioritizeActions((_a = button.properties.actions) !== null && _a !== void 0 ? _a : []);
+                    preOpenedWindows = preOpenIOSWindows(actions);
                     _b.label = 3;
                 case 3:
                     _b.trys.push([3, 7, , 8]);
@@ -40597,17 +40694,19 @@ function Form(_a) {
                 case 4:
                     invalid = _b.sent();
                     if (invalid) {
+                        closePreOpenedWindows(preOpenedWindows);
                         setButtonError("You didn't pass CAPTCHA verification");
                         return [2 /*return*/];
                     }
                     _b.label = 5;
                 case 5: return [4 /*yield*/, runElementActions({
-                        actions: (_a = button.properties.actions) !== null && _a !== void 0 ? _a : [],
+                        actions: actions,
                         element: button,
                         elementType: 'button',
                         submit: button.properties.submit,
                         setElementError: setButtonError,
-                        onAsyncEnd: function () { return clearLoaders(); }
+                        onAsyncEnd: function () { return clearLoaders(); },
+                        preOpenedWindows: preOpenedWindows
                     })];
                 case 6:
                     running = _b.sent();
@@ -40617,6 +40716,7 @@ function Form(_a) {
                     return [3 /*break*/, 8];
                 case 7:
                     e_5 = _b.sent();
+                    closePreOpenedWindows(preOpenedWindows);
                     // Clear the click lock so user can retry
                     if (button.id) {
                         elementClicks[button.id] = false;
@@ -40674,21 +40774,25 @@ function Form(_a) {
     // Some actions (Persona, Plaid, etc) require special handling: they pause execution and
     // provide a callback for continuing to the next action once they complete.
     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;
+        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, externalPreOpenedWindows = _a.preOpenedWindows;
         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, preOpenedWindows, metadata, trigger, submitPromise, pendingFileKeys, invalid, hasNext, submissionResult, error_3, _e, stepPromise, flowOnSuccess, actionTypes, runAction, i, hasExtractions, hasEnvelopeGeneration, _loop_1, state_1;
             var _this = this;
             var _f, _g, _h, _j, _k;
             return __generator(this, function (_l) {
                 switch (_l.label) {
                     case 0:
                         id = (_f = element.id) !== null && _f !== void 0 ? _f : '';
+                        preOpenedWindows = externalPreOpenedWindows !== null && externalPreOpenedWindows !== void 0 ? externalPreOpenedWindows : new Map();
                         // Prevent rapid re-clicks on the same element during async operations (file uploads, API calls)
-                        if (id && elementClicks[id])
+                        if (id && elementClicks[id]) {
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
+                        }
                         elementClicks[id] = true;
                         if (isButtonActionRunning()) {
                             elementClicks[id] = false;
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/, true];
                         }
                         updateButtonActionState(elementType, element, triggerPayload);
@@ -40708,6 +40812,7 @@ function Form(_a) {
                             setElementError(REQUIRED_FLOW_ACTIONS[requiredStepAction]);
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         pendingFileKeys = getPendingFileUploadKeys();
@@ -40743,6 +40848,7 @@ function Form(_a) {
                             setAutoValidate(true);
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         hasNext = actions.some(function (action) { return action.type === ACTION_NEXT; }) &&
@@ -40763,6 +40869,7 @@ function Form(_a) {
                         if (!submissionResult) {
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         _e = __read(submissionResult, 1), stepPromise = _e[0];
@@ -40780,9 +40887,14 @@ function Form(_a) {
                         submitPromise.catch(function () { });
                         _l.label = 7;
                     case 7:
-                        // Adjust action order to prioritize certain actions and
-                        // to ensure all actions are run as expected
-                        actions = prioritizeActions(actions);
+                        if (!externalPreOpenedWindows)
+                            actions = prioritizeActions(actions);
+                        // Guards text/container callers if an async onAction or action logic rule breaks the gesture chain
+                        if (!externalPreOpenedWindows) {
+                            preOpenIOSWindows(actions).forEach(function (win, idx) {
+                                return 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) {
@@ -40834,7 +40946,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) {
@@ -40911,8 +41023,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 = {
@@ -41490,6 +41610,7 @@ function Form(_a) {
                         i++;
                         return [3 /*break*/, 9];
                     case 12:
+                        closePreOpenedWindows(preOpenedWindows);
                         if (i < actions.length) {
                             elementClicks[id] = false;
                             clearButtonActionState();
@@ -41611,6 +41732,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 });
@@ -45691,6 +45816,43 @@ 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,
+                                    form_key: this.formKey
+                                })
+                            }, 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));
 
@@ -45742,6 +45904,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();
@@ -45768,9 +45932,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.BTrurqF7.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BKkDPtX8.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BUWRlWxA.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DVRrUK76.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -45916,7 +46080,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.21.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.22.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;');
 }
 
@@ -47344,39 +47508,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.CrI80enn.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DUau2wvs.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.BnndrG3W.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.D4smc8or.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CCS0xFt5.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.yRyX68Km.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.C5Pj-Zfh.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Gx6e2BxN.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C3o0YyvM.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.DMEipzfW.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DzPmH3iY.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.S71Qur9B.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BVa6RVKk.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Vzvb_jcV.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CiPmoBTf.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.DFwy8zPz.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DRNB-tCT.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CWdkg5Zm.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.Br3HlsO5.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.v9OD_-hq.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CkiBXgLp.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CeQp5dil.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.Cv6mZaeK.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.DyZ1R4Ss.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.O7j1bFxf.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BK4kwCOK.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DRz5hODR.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.-2aBRBrW.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.GU6DtzCY.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DfbrnR6k.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.DSSKVn_1.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.VkoiOsK9.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BA-WFjGc.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BtybYc89.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.DhqYB5dK.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DzXZ-Rb_.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.D2zIjosg.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.Cy-T4HCz.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.WqEOU2O1.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.k_4_AZEy.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.Dz3HdZ1B.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.Y9ysXndZ.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.BH6XhQdp.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.SwhJFwYK.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48316,7 +48480,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.J8P_vp8o.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.Ctj468qV.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_index.DRNB-tCT.js → fthry_index.CWdkg5Zm.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.B6dz6_D2.js');
+var index$1 = require('./fthry_index.CQ1H9R8w.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BqrUvYsf.js');
-var Placeholder$2 = require('./fthry_Placeholder.CeDmXoEH.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DViFa05Y.js');
-var Overlay = require('./fthry_Overlay.BogxM8_x.js');
+var InlineTooltip = require('./fthry_InlineTooltip.By-RR6_f.js');
+var Placeholder$2 = require('./fthry_Placeholder.6RgPOXj2.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DsBDJDOJ.js');
+var Overlay = require('./fthry_Overlay.DWYTsRft.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');