@feathery/react 2.14.0 → 2.15.0

package/dist/{fthry_index.sXNItbKY.js → fthry_index.CCtbaItI.js}

@@ -1,9 +1,9 @@
-import { t as __rest, _ as __read, w as countryData, af as authState, ag as firebaseSMSCountries, j as jsxs, b as jsx, a as __assign, m as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ah as phoneLibPromise, h as hoverStylesGuard, ai as isNum, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CdIRvNp8.js';
+import { y as __rest, b as __read, A as countryData, ag as authState, ah as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ai as phoneLibPromise, h as hoverStylesGuard, aj as isNum, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.DSkVpyvV.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.7M07CwTS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
-import { O as Overlay } from './fthry_Overlay.CJFSLbLE.js';
-import { u as useElementSize } from './fthry_useElementSize.1FdURPgQ.js';
+import { P as Placeholder } from './fthry_Placeholder.BYxBlfxe.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
+import { O as Overlay } from './fthry_Overlay.DSfIRMWh.js';
+import { u as useElementSize } from './fthry_useElementSize.COmxJss_.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.BdbDXIuj.js → fthry_index.COrbe5-R.js}

@@ -1,16 +1,16 @@
-import { j as jsxs, a as __assign, b as jsx, D as DROPDOWN_Z_INDEX, _ as __read, u as useBorder, ar as getFieldValue, as as stringifyWithNull, h as hoverStylesGuard, i as iosScrollOnFocus, k as FORM_Z_INDEX, r as resetStyles, at as emailPatternStr } from './fthry_index.CdIRvNp8.js';
+import { a as jsxs, _ as __assign, j as jsx, D as DROPDOWN_Z_INDEX, b as __read, u as useBorder, as as getFieldValue, s as stringifyWithNull, h as hoverStylesGuard, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles, at as emailPatternStr } from './fthry_index.DSkVpyvV.js';
 import { memo, useRef, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.7M07CwTS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
-import { O as Overlay } from './fthry_Overlay.CJFSLbLE.js';
-import { u as useElementSize } from './fthry_useElementSize.1FdURPgQ.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.n639xEWA.js';
-import { a as IMaskInput } from './fthry_input.CD5doOgD.js';
+import { P as Placeholder } from './fthry_Placeholder.BYxBlfxe.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
+import { O as Overlay } from './fthry_Overlay.DSfIRMWh.js';
+import { u as useElementSize } from './fthry_useElementSize.COmxJss_.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DcuxGpJk.js';
+import { a as IMaskInput } from './fthry_input.BJLJlGVj.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.CwsphGMI.js';
+import './fthry_index.Ox88biXC.js';
 
 function TextAutocomplete(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/dist/{fthry_index.RwhYSoEm.js → fthry_index.CkEibXDT.js}

@@ -1,16 +1,16 @@
-import { b as jsx, G as Global, o as css, p as __makeTemplateObject, a as __assign, _ as __read, q as isMobile, l as featheryWindow, s as featheryDoc, u as useBorder, j as jsxs$1, h as hoverStylesGuard, r as resetStyles, t as __rest, v as formatDateString } from './fthry_index.CdIRvNp8.js';
+import { j as jsx, G as Global, v as css, w as __makeTemplateObject, _ as __assign, b as __read, x as isMobile, t as featheryWindow, f as featheryDoc, u as useBorder, a as jsxs$1, h as hoverStylesGuard, r as resetStyles, y as __rest, z as formatDateString } from './fthry_index.DSkVpyvV.js';
 import * as React from 'react';
 import React__default, { useMemo, useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, memo, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.7M07CwTS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
+import { P as Placeholder } from './fthry_Placeholder.BYxBlfxe.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
 import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { I as IMask, a as IMaskInput } from './fthry_input.CD5doOgD.js';
+import { I as IMask, a as IMaskInput } from './fthry_input.BJLJlGVj.js';
 import 'react-dom/client';
 import 'jszip';
-import './fthry_Overlay.CJFSLbLE.js';
-import './fthry_index.CwsphGMI.js';
+import './fthry_Overlay.DSfIRMWh.js';
+import './fthry_index.Ox88biXC.js';
 
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.DMTSFPNS.js → fthry_index.Cocw39qz.js}

@@ -1,4 +1,4 @@
-import { l as featheryWindow, j as jsxs, a as __assign, b as jsx, _ as __read, u as useBorder, h as hoverStylesGuard, ai as isNum } from './fthry_index.CdIRvNp8.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.DSkVpyvV.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DgIPpVNk.js → fthry_index.CxYSZnO_.js}

@@ -1,12 +1,12 @@
-import { _ as __read, u as useBorder, j as jsxs, a as __assign, h as hoverStylesGuard, b as jsx, r as resetStyles } from './fthry_index.CdIRvNp8.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.DSkVpyvV.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.7M07CwTS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
+import { P as Placeholder } from './fthry_Placeholder.BYxBlfxe.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CJFSLbLE.js';
+import './fthry_Overlay.DSfIRMWh.js';
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/{fthry_index.BKbx2qxD.js → fthry_index.Cz1sN7j0.js}

@@ -1,14 +1,14 @@
-import { j as jsxs, a as __assign, b as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CdIRvNp8.js';
+import { a as jsxs, _ as __assign, j as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.DSkVpyvV.js';
 import { useRef, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.CrSvLSA7.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.BpsK3TYO.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.wEr6a7_E.js';
+import { F as FormControl } from './fthry_FormControl.BdmdMzA3.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.uw0MJJ4F.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BZM69NNS.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CJFSLbLE.js';
+import './fthry_Overlay.DSfIRMWh.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/{fthry_index.Be8xdrui.js → fthry_index.D6uzSPi5.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, _ as __read, j as jsxs, a as __assign, h as hoverStylesGuard, b as jsx, i as iosScrollOnFocus, k as FORM_Z_INDEX, r as resetStyles } from './fthry_index.CdIRvNp8.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.DSkVpyvV.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.7M07CwTS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.n639xEWA.js';
+import { P as Placeholder } from './fthry_Placeholder.BYxBlfxe.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DcuxGpJk.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CJFSLbLE.js';
+import './fthry_Overlay.DSfIRMWh.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.Df-7wyL2.js → fthry_index.D9VkJYNy.js}

@@ -1,6 +1,6 @@
-import { s as featheryDoc, am as devicePixelRatio, g as getDefaultExportFromCjs, _ as __read, j as jsxs, b as jsx, a as __assign, m as Fragment, c as __awaiter, d as __generator, an as toBase64, e as debounce, ao as MODAL_Z_INDEX, aa as CloseIcon, ap as dataURLToFile, k as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.CdIRvNp8.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.DSkVpyvV.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.CwsphGMI.js';
+import { P as PropTypes } from './fthry_index.Ox88biXC.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
@@ -1134,7 +1134,7 @@ var SignatureCanvas = forwardRef(function (props, ref) {
                     onClear();
                     setIsClearVisible(false);
                 } }, { children: t.clear }))), jsx(SignatureCanvas$1, { penColor: 'black', dotSize: 4, minWidth: 1.5, maxWidth: 3, clearOnResize: false, canvasProps: {
-                    id: fieldKey + repeatIndex,
+                    id: "".concat(fieldKey).concat(repeatIndex),
                     style: __assign(__assign({}, signatureCanvasStyles), { width: '100%', height: '100%', boxSizing: 'border-box', paddingLeft: '5px' })
                 }, ref: signatureRef, onEnd: function () {
                     onEnd();
@@ -1433,7 +1433,7 @@ function SignatureField(_a) {
     useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = import(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.ChgT0Ifr.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BonjOYue.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/dist/{fthry_index.Cfn3D1XZ.js → fthry_index.DCKiab_1.js}

@@ -1,7 +1,7 @@
-import { _ as __read, b as jsx, m as Fragment, q as isMobile, j as jsxs, a as __assign, k as FORM_Z_INDEX, i as iosScrollOnFocus } from './fthry_index.CdIRvNp8.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.DSkVpyvV.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.CJFSLbLE.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.BpsK3TYO.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.DSfIRMWh.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.uw0MJJ4F.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CdIRvNp8.js → fthry_index.DSkVpyvV.js}

@@ -16482,7 +16482,8 @@ var stepElementTypes = [
     'servar_fields',
     'progress_bars',
     'images',
-    'videos'
+    'videos',
+    'tables'
 ];
 var getPositionKey = function (node) {
     if (!node.position)
@@ -16540,7 +16541,9 @@ function getVisiblePositions(step, internalId) {
     var typeIndex = elementTypes.indexOf('subgrids');
     elementTypes.splice(typeIndex, 1);
     elementTypes.forEach(function (elementType) {
-        step[elementType].forEach(function (el) {
+        var _a;
+        // TODO (table): remove backwards compatibility
+        (_a = step[elementType]) === null || _a === void 0 ? void 0 : _a.forEach(function (el) {
             _collectHideFlags(step, el, visiblePositions, hiddenPositions, repeatKeys, internalId);
         });
     });
@@ -20121,7 +20124,7 @@ var Element$1 = function (_a) {
     var _b, _c, _d, _e, _f, _g;
     var el = _a.node, form = _a.form;
     var type = el.type;
-    var userProgress = form.userProgress, curDepth = form.curDepth, maxDepth = form.maxDepth, elementProps = form.elementProps, activeStep = form.activeStep, buttonLoaders = form.buttonLoaders, customClickSelectionState = form.customClickSelectionState, runElementActions = form.runElementActions, buttonOnClick = form.buttonOnClick, fieldOnChange = form.fieldOnChange, inlineErrors = form.inlineErrors, setInlineErrors = form.setInlineErrors, changeValue = form.changeValue, updateFieldValues = form.updateFieldValues, elementOnView = form.elementOnView, onViewElements = form.onViewElements, formSettings = form.formSettings, formRef = form.formRef, focusRef = form.focusRef, setCardElement = form.setCardElement, visiblePositions = form.visiblePositions, featheryContext = form.featheryContext;
+    var userProgress = form.userProgress, curDepth = form.curDepth, maxDepth = form.maxDepth, elementProps = form.elementProps, activeStep = form.activeStep, buttonLoaders = form.buttonLoaders, customClickSelectionState = form.customClickSelectionState, runElementActions = form.runElementActions, buttonOnClick = form.buttonOnClick, tableOnClick = form.tableOnClick, fieldOnChange = form.fieldOnChange, inlineErrors = form.inlineErrors, setInlineErrors = form.setInlineErrors, changeValue = form.changeValue, updateFieldValues = form.updateFieldValues, elementOnView = form.elementOnView, onViewElements = form.onViewElements, formSettings = form.formSettings, formRef = form.formRef, focusRef = form.focusRef, setCardElement = form.setCardElement, visiblePositions = form.visiblePositions, featheryContext = form.featheryContext;
     var readOnly = formSettings.readOnly || initState.collaboratorReview === 'readOnly';
     var basicProps = {
         componentOnly: false,
@@ -20140,6 +20143,8 @@ var Element$1 = function (_a) {
         return jsx$1(Elements.ImageElement, __assign({}, basicProps));
     else if (type === 'video')
         return jsx$1(Elements.VideoElement, __assign({}, basicProps));
+    else if (type === 'table')
+        return (jsx$1(Elements.TableElement, __assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); } })));
     else if (type === 'text')
         return (jsx$1(Elements.TextElement, __assign({ textSpanOnClick: function (textSpanStart, textSpanEnd) {
                 var _a;
@@ -21965,7 +21970,9 @@ var buildStepGrid = function (step, viewport, visiblePositions) {
 };
 var convertStepToViewport = function (step, viewport) {
     stepElementTypes.forEach(function (type) {
-        step[type].forEach(function (obj, i) {
+        // TODO (table): remove backwards compatibility
+        var _a;
+        (_a = step[type]) === null || _a === void 0 ? void 0 : _a.forEach(function (obj, i) {
             step[type][i] =
                 type === 'subgrids'
                     ? convertToViewport(obj, viewport, viewportProperties.subgrids)
@@ -21998,7 +22005,8 @@ var typeMap = {
     texts: 'text',
     buttons: 'button',
     servar_fields: 'field',
-    videos: 'video'
+    videos: 'video',
+    tables: 'table'
 };
 var buildGridMap = function (step) {
     var map = {};
@@ -38498,13 +38506,28 @@ function Form(_a) {
             }
         });
     }); };
+    var tableOnClick = function (table, payload) { return __awaiter$2(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, runElementActions({
+                        actions: [],
+                        element: table,
+                        elementType: 'table',
+                        triggerPayload: payload
+                    })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     // Orchestrates all actions triggered by a button/element click.
     // Runs validations and submission first (if submit=true), then executes click actions in order.
     // Prevents race conditions by locking element during execution and tracking global button state.
     // 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;
+        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 _this = this;
@@ -38528,7 +38551,7 @@ function Form(_a) {
                             start: textSpanStart,
                             end: textSpanEnd
                         };
-                        trigger = __assign(__assign({}, lookUpTrigger(activeStep, elementType === 'container' ? element.key : element.id, elementType)), { repeatIndex: element.repeat });
+                        trigger = __assign(__assign({}, lookUpTrigger(activeStep, elementType === 'container' ? element.key : element.id, elementType, triggerPayload)), { repeatIndex: element.repeat });
                         submitPromise = Promise.resolve();
                         if (!(submit && !readOnly)) return [3 /*break*/, 7];
                         // Do not proceed until user has gone through required flows
@@ -38629,7 +38652,8 @@ function Form(_a) {
                                                 setElementError: setElementError,
                                                 onAsyncEnd: onAsyncEnd,
                                                 textSpanStart: textSpanStart,
-                                                textSpanEnd: textSpanEnd
+                                                textSpanEnd: textSpanEnd,
+                                                triggerPayload: triggerPayload
                                             })];
                                     case 1:
                                         running = _a.sent();
@@ -39404,6 +39428,7 @@ function Form(_a) {
         customClickSelectionState: customClickSelectionState,
         runElementActions: runElementActions,
         buttonOnClick: buttonOnClick,
+        tableOnClick: tableOnClick,
         fieldOnChange: fieldOnChange,
         buttonLoaders: buttonLoaders,
         inlineErrors: inlineErrors,
@@ -43607,9 +43632,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.B1ROwso4.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BL_LvOsU.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.ChgT0Ifr.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BonjOYue.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -43755,7 +43780,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.14.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.15.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;');
 }
 
@@ -43791,9 +43816,10 @@ var getABVariant = function (stepRes) {
     return stepRes;
 };
 var getAllElements = function (step) {
-    return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], __read(step.progress_bars.map(function (e) { return [e, 'progress_bar']; })), false), __read(step.images.map(function (e) { return [e, 'image']; })), false), __read(step.videos.map(function (e) { return [e, 'video']; })), false), __read(step.texts.map(function (e) { return [e, 'text']; })), false), __read(step.buttons.map(function (e) { return [e, 'button']; })), false), __read(step.servar_fields.map(function (e) { return [e, 'field']; })), false), __read(step.subgrids.map(function (e) { return [e, 'subgrid']; })), false);
+    var _a, _b;
+    return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], __read(step.progress_bars.map(function (e) { return [e, 'progress_bar']; })), false), __read(step.images.map(function (e) { return [e, 'image']; })), false), __read(step.videos.map(function (e) { return [e, 'video']; })), false), __read(((_b = (_a = step.tables) === null || _a === void 0 ? void 0 : _a.map(function (e) { return [e, 'table']; })) !== null && _b !== void 0 ? _b : [])), false), __read(step.texts.map(function (e) { return [e, 'text']; })), false), __read(step.buttons.map(function (e) { return [e, 'button']; })), false), __read(step.servar_fields.map(function (e) { return [e, 'field']; })), false), __read(step.subgrids.map(function (e) { return [e, 'subgrid']; })), false);
 };
-var lookUpTrigger = function (step, elementID, type) {
+var lookUpTrigger = function (step, elementID, type, additionalPayload) {
     var _a, _b;
     var payload = {};
     if (type === 'button') {
@@ -43813,7 +43839,12 @@ var lookUpTrigger = function (step, elementID, type) {
             text: element.servar.name
         };
     }
-    return __assign({ id: elementID, type: type }, payload);
+    else if (type === 'table') {
+        // For tables, we don't look up additional properties from the step
+        // All table-specific data is provided via additionalPayload
+        payload = {};
+    }
+    return __assign(__assign({ id: elementID, type: type }, payload), additionalPayload);
 };
 /** Update the fieldValues cache with a backend session */
 function updateSessionValues(session) {
@@ -45227,39 +45258,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.DtttVU-B.js'); });
-var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BE1aEx2n.js'); });
-var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.BpsK3TYO.js'); });
+var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.BIkZtQJH.js'); });
+var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.4fMPrW44.js'); });
+var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.uw0MJJ4F.js'); });
 var CheckboxGroupField = lazy(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BKbx2qxD.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Cz1sN7j0.js');
 });
-var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DEU7NBKU.js'); });
-var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.CzHuSmWc.js'); });
+var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DkSTwhvF.js'); });
+var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.B-bHDKSO.js'); });
 var DateSelectorField = lazy(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.RwhYSoEm.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CkEibXDT.js');
 });
-var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DsHJmYgu.js'); });
+var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DwzU97uW.js'); });
 var DropdownMultiField = lazy(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.g8xB96Yo.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BD6daAle.js');
 });
-var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.DQuVxHkp.js'); });
-var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.Cfn3D1XZ.js'); });
-var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.Be8xdrui.js'); });
+var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BuGMpxqA.js'); });
+var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.DCKiab_1.js'); });
+var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.D6uzSPi5.js'); });
 var PaymentMethodField = lazy(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.PRJIHswh.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C2kDTnuL.js');
 });
-var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.sXNItbKY.js'); });
-var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.DMTSFPNS.js'); });
-var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.DQhKI62v.js'); });
+var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.CCtbaItI.js'); });
+var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.Cocw39qz.js'); });
+var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.BF_Plcr0.js'); });
 var RadioButtonGroupField = lazy(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CxH24rcl.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DvV-_9rQ.js');
 });
-var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.Dd5mpmpk.js'); });
-var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.Df-7wyL2.js'); });
-var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.D6sWBKuA.js'); });
-var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.BdbDXIuj.js'); });
-var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DgIPpVNk.js'); });
+var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.C0TSdYY1.js'); });
+var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.D9VkJYNy.js'); });
+var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.BXiUUqma.js'); });
+var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.COrbe5-R.js'); });
+var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.CxYSZnO_.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -45299,7 +45330,7 @@ var defaultBorderFields = [
     'file_upload'
 ];
 var DROPDOWN_Z_INDEX = 10;
-function applyFieldStyles$1(field, styles) {
+function applyFieldStyles(field, styles) {
     var type = field.servar.type;
     styles.addTargets('fc', 'sub-fc', 'field', 'error', 'active', 'hover', 'disabled', 'tooltipIcon');
     // For these fields, selector font colors
@@ -45634,7 +45665,7 @@ Object.entries(Fields).map(function (_a) {
                 whiteSpace: 'pre-wrap',
                 overflowWrap: 'anywhere'
             } }, { children: servar.name }))) : null;
-        var styles = useMemo(function () { return applyFieldStyles$1(element, responsiveStyles); }, [element]);
+        var styles = useMemo(function () { return applyFieldStyles(element, responsiveStyles); }, [element]);
         return (jsx$1(Field, __assign({ element: element, fieldLabel: fieldLabel, responsiveStyles: styles }, props)));
     });
 });
@@ -46028,7 +46059,7 @@ function ProgressBarElement(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, progress = _a.progress, _d = _a.curDepth, curDepth = _d === void 0 ? 1 : _d, _e = _a.maxDepth, maxDepth = _e === void 0 ? 1 : _e, _f = _a.elementProps, elementProps = _f === void 0 ? {} : _f, children = _a.children;
     var styles = useMemo(function () { return applyProgressBarStyles(responsiveStyles); }, [responsiveStyles]);
     var userProgress, userSegments;
-    if (progress) {
+    if (![null, undefined].includes(progress)) {
         if (typeof progress === 'number') {
             userProgress = progress;
         }
@@ -46061,7 +46092,8 @@ var shimmerFields = [
     'select',
     'button_group',
     'slider',
-    'rating'
+    'rating',
+    'table_element'
 ];
 var shimmer = keyframes$1(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  100% {\n    transform: translateX(100%);\n  }\n"], ["\n  100% {\n    transform: translateX(100%);\n  }\n"])));
 var shimmerStyles = {
@@ -46080,8 +46112,8 @@ var shimmerStyles = {
         animation: "".concat(shimmer, " 5s infinite")
     }
 };
-function applyFieldStyles(field, styles) {
-    var type = field.servar.type;
+function applyStyles(element, styles) {
+    var type = element._type;
     styles.addTargets('fc', 'sub-fc', 'field');
     styles.applyFontStyles('fc', false, true);
     switch (type) {
@@ -46153,11 +46185,11 @@ function applyFieldStyles(field, styles) {
     }
     return styles;
 }
-function FieldSkeleton(_a) {
+function ElementSkeleton(_a) {
     var _b, _c, _d;
     var responsiveStyles = _a.responsiveStyles, element = _a.element;
-    var type = element.servar.type;
-    var styles = useMemo(function () { return applyFieldStyles(element, responsiveStyles); }, [element, responsiveStyles]);
+    var type = element._type;
+    var styles = useMemo(function () { return applyStyles(element, responsiveStyles); }, [element, responsiveStyles]);
     var renderPinInput = function () {
         var maxLength = element.servar.max_length || 6;
         var pinDivs = [];
@@ -46181,6 +46213,15 @@ function FieldSkeleton(_a) {
     else if (type === 'qr_scanner') {
         heightAdjust.height = '166px'; // hardcode qr scanner height
     }
+    if (!element.servar) {
+        return (jsx$1("div", __assign({ css: {
+                maxWidth: '100%',
+                width: '100%',
+                height: '100%',
+                position: 'relative',
+                boxSizing: 'border-box'
+            } }, { children: jsx$1("div", { css: __assign(__assign({ width: '100%', boxSizing: 'border-box' }, heightAdjust), shimmerStyles) }) })));
+    }
     return (jsx$1("div", __assign({ css: __assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative', boxSizing: 'border-box' }, styles.getTarget('fc')) }, { children: type === 'pin_input' ? (jsx$1("div", __assign({ css: {
                 display: 'flex',
                 alignItems: 'center',
@@ -46189,12 +46230,14 @@ function FieldSkeleton(_a) {
 }
 var templateObject_1;
 
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.IjpiaOO-.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
     TextElement: TextElement,
     ButtonElement: ButtonElement,
-    ProgressBarElement: ProgressBarElement
+    ProgressBarElement: ProgressBarElement,
+    TableElement: TableElement
 };
 var Elements = __assign(__assign({}, Basic), Fields);
 Object.entries(Elements).map(function (_a) {
@@ -46205,7 +46248,7 @@ Object.entries(Elements).map(function (_a) {
         var responsiveStyles = useMemo(function () {
             return new ResponsiveStyles(element, ['container'], !componentOnly, formSettings === null || formSettings === void 0 ? void 0 : formSettings.mobileBreakpoint);
         }, [element, componentOnly, formSettings]);
-        var featheryElement = (jsx$1(Suspense, __assign({ fallback: jsx$1(FieldSkeleton, { element: element, responsiveStyles: responsiveStyles }) }, { children: jsx$1(Element, __assign({ element: element, responsiveStyles: responsiveStyles }, props)) })));
+        var featheryElement = (jsx$1(Suspense, __assign({ fallback: jsx$1(ElementSkeleton, { element: element, responsiveStyles: responsiveStyles }) }, { children: jsx$1(Element, __assign({ element: element, responsiveStyles: responsiveStyles }, props)) })));
         var e = onView ? (jsx$1(InView, __assign({ onChange: onView }, { children: featheryElement }))) : (featheryElement);
         if (componentOnly) {
             return (jsxs(Fragment, { children: [children, e] }));
@@ -46484,4 +46527,4 @@ var Feathery = {
     renderAt: renderAt
 };
 
-export { peek as $, middleware as A, combine as B, COMMENT as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, FeatheryClient as F, Global as G, match as H, serialize as I, copy as J, replace as K, MS as L, MOZ as M, KEYFRAMES as N, DECLARATION as O, dealloc as P, alloc as Q, RULESET as R, hash as S, charat as T, strlen as U, indexof as V, WEBKIT as W, next as X, token as Y, from as Z, __read as _, __assign as a, delimit as a0, slice as a1, position as a2, compile as a3, __spreadArray as a4, __values as a5, isEmptyArray as a6, toList as a7, useThumbnailData as a8, downloadFile as a9, setFieldValues as aA, getFieldValues as aB, renderAt as aC, LoginForm as aD, useAuthClient as aE, Feathery as aF, StyledContainer as aG, CloseIcon as aa, justRemove as ab, getStripe as ac, filterKeys as ad, ERROR_COLOR as ae, authState as af, firebaseSMSCountries as ag, phoneLibPromise as ah, isNum as ai, loadQRScanner as aj, throttle as ak, qrPromise as al, devicePixelRatio as am, toBase64 as an, MODAL_Z_INDEX as ao, dataURLToFile as ap, cls as aq, getFieldValue$1 as ar, stringifyWithNull as as, emailPatternStr as at, replaceTextVariables as au, ReactForm as av, Elements as aw, init as ax, updateUserId as ay, updateTheme as az, jsx$1 as b, __awaiter$2 as c, __generator as d, debounce as e, imgMaxSizeStyles as f, getDefaultExportFromCjs as g, hoverStylesGuard as h, iosScrollOnFocus as i, jsxs as j, FORM_Z_INDEX as k, featheryWindow as l, Fragment as m, noTextSelectStyles as n, css as o, __makeTemplateObject as p, isMobile as q, resetStyles as r, featheryDoc as s, __rest$1 as t, useBorder as u, formatDateString as v, countryData as w, fieldValues as x, stringify$2 as y, rulesheet as z };
+export { next as $, countryData as A, stringify$2 as B, rulesheet as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, COMMENT as H, middleware as I, combine as J, match as K, serialize as L, copy as M, replace as N, MOZ as O, MS as P, KEYFRAMES as Q, RULESET as R, DECLARATION as S, dealloc as T, alloc as U, hash as V, WEBKIT as W, charat as X, strlen as Y, indexof as Z, __assign as _, jsxs as a, token as a0, from as a1, peek as a2, delimit as a3, slice as a4, position as a5, compile as a6, isEmptyArray as a7, toList as a8, useThumbnailData as a9, setFieldValues as aA, getFieldValues as aB, renderAt as aC, LoginForm as aD, useAuthClient as aE, Feathery as aF, StyledContainer as aG, downloadFile as aa, CloseIcon as ab, justRemove as ac, getStripe as ad, filterKeys as ae, ERROR_COLOR as af, authState as ag, firebaseSMSCountries as ah, phoneLibPromise as ai, isNum as aj, loadQRScanner as ak, throttle as al, qrPromise as am, devicePixelRatio as an, toBase64 as ao, MODAL_Z_INDEX as ap, dataURLToFile as aq, cls as ar, getFieldValue$1 as as, emailPatternStr as at, replaceTextVariables as au, ReactForm as av, Elements as aw, init as ax, updateUserId as ay, updateTheme as az, __read as b, fieldValues as c, __values as d, __spreadArray as e, featheryDoc as f, getDefaultExportFromCjs as g, hoverStylesGuard as h, iosScrollOnFocus as i, jsx$1 as j, __awaiter$2 as k, __generator as l, FeatheryClient as m, debounce as n, imgMaxSizeStyles as o, noTextSelectStyles as p, FORM_Z_INDEX as q, resetStyles as r, stringifyWithNull as s, featheryWindow as t, useBorder as u, css as v, __makeTemplateObject as w, isMobile as x, __rest$1 as y, formatDateString as z };

package/dist/{fthry_index.DEU7NBKU.js → fthry_index.DkSTwhvF.js}

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

package/dist/{fthry_index.CxH24rcl.js → fthry_index.DvV-_9rQ.js}

@@ -1,14 +1,14 @@
-import { _ as __read, j as jsxs, a as __assign, b as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CdIRvNp8.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.DSkVpyvV.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.CrSvLSA7.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.BpsK3TYO.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.wEr6a7_E.js';
+import { F as FormControl } from './fthry_FormControl.BdmdMzA3.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.uw0MJJ4F.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BZM69NNS.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CJFSLbLE.js';
+import './fthry_Overlay.DSfIRMWh.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.DsHJmYgu.js → fthry_index.DwzU97uW.js}

@@ -1,12 +1,12 @@
-import { b as jsx, a as __assign, u as useBorder, _ as __read, w as countryData, x as fieldValues, j as jsxs, h as hoverStylesGuard, o as css, p as __makeTemplateObject, G as Global, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CdIRvNp8.js';
+import { j as jsx, _ as __assign, u as useBorder, b as __read, A as countryData, c as fieldValues, a as jsxs, h as hoverStylesGuard, v as css, w as __makeTemplateObject, G as Global, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.DSkVpyvV.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.wEr6a7_E.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DRPooJGa.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BZM69NNS.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CJFSLbLE.js';
+import './fthry_Overlay.DSfIRMWh.js';
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },