@feathery/react 2.14.0 → 2.15.0

package/cjs/{fthry_Placeholder.Jcsn0I77.js → fthry_Placeholder.xDn0I29f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.YHxFZskW.js');
+var index = require('./fthry_index.B5Nc9EIn.js');
 
 function Placeholder(_a) {
     var _b;

package/cjs/{fthry_ShowEyeIcon.B1bZYLk8.js → fthry_ShowEyeIcon.COZczYEG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.YHxFZskW.js');
+var index = require('./fthry_index.B5Nc9EIn.js');
 
 function ShowEyeIcon$1(_a) {
     var _b = _a.width, width = _b === void 0 ? 30 : _b, _c = _a.height, height = _c === void 0 ? 30 : _c, props = index.__rest(_a, ["width", "height"]);

package/cjs/{fthry_index.YHxFZskW.js → fthry_index.B5Nc9EIn.js}

@@ -16503,7 +16503,8 @@ var stepElementTypes = [
     'servar_fields',
     'progress_bars',
     'images',
-    'videos'
+    'videos',
+    'tables'
 ];
 var getPositionKey = function (node) {
     if (!node.position)
@@ -16561,7 +16562,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);
         });
     });
@@ -20142,7 +20145,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,
@@ -20161,6 +20164,8 @@ var Element$1 = function (_a) {
         return jsx$1(Elements.ImageElement, exports.__assign({}, basicProps));
     else if (type === 'video')
         return jsx$1(Elements.VideoElement, exports.__assign({}, basicProps));
+    else if (type === 'table')
+        return (jsx$1(Elements.TableElement, exports.__assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); } })));
     else if (type === 'text')
         return (jsx$1(Elements.TextElement, exports.__assign({ textSpanOnClick: function (textSpanStart, textSpanEnd) {
                 var _a;
@@ -21986,7 +21991,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)
@@ -22019,7 +22026,8 @@ var typeMap = {
     texts: 'text',
     buttons: 'button',
     servar_fields: 'field',
-    videos: 'video'
+    videos: 'video',
+    tables: 'table'
 };
 var buildGridMap = function (step) {
     var map = {};
@@ -38519,13 +38527,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;
@@ -38549,7 +38572,7 @@ function Form(_a) {
                             start: textSpanStart,
                             end: textSpanEnd
                         };
-                        trigger = exports.__assign(exports.__assign({}, lookUpTrigger(activeStep, elementType === 'container' ? element.key : element.id, elementType)), { repeatIndex: element.repeat });
+                        trigger = exports.__assign(exports.__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
@@ -38650,7 +38673,8 @@ function Form(_a) {
                                                 setElementError: setElementError,
                                                 onAsyncEnd: onAsyncEnd,
                                                 textSpanStart: textSpanStart,
-                                                textSpanEnd: textSpanEnd
+                                                textSpanEnd: textSpanEnd,
+                                                triggerPayload: triggerPayload
                                             })];
                                     case 1:
                                         running = _a.sent();
@@ -39425,6 +39449,7 @@ function Form(_a) {
         customClickSelectionState: customClickSelectionState,
         runElementActions: runElementActions,
         buttonOnClick: buttonOnClick,
+        tableOnClick: tableOnClick,
         fieldOnChange: fieldOnChange,
         buttonLoaders: buttonLoaders,
         inlineErrors: inlineErrors,
@@ -43628,9 +43653,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.Bq4U9W-W.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.CEXFQk2h.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BEk-u0hO.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CZxQtgFm.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -43776,7 +43801,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.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;');
 }
 
@@ -43812,9 +43837,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') {
@@ -43834,7 +43860,12 @@ var lookUpTrigger = function (step, elementID, type) {
             text: element.servar.name
         };
     }
-    return exports.__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 exports.__assign(exports.__assign({ id: elementID, type: type }, payload), additionalPayload);
 };
 /** Update the fieldValues cache with a backend session */
 function updateSessionValues(session) {
@@ -45248,39 +45279,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.C1fh-rBQ.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DAUqZ_Ax.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.CIRAsV1y.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BZzFi9o3.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.B5aSeoEj.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.Dm94Mor0.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BlqRmYU3.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CFl7Tra-.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.D347YZZf.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.BWlL6Yer.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Iw93ZIvk.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CfGx505W.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CH-jUzEB.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.ByYAaIPz.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CM61c38_.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.C97Bm277.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.LJEYPWI3.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BokP8_1j.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CFas_RaG.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BAjR2Rnl.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.Wk8VztlG.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BvXec6y1.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BAis6iAm.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BV9FIqI3.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.mg1fdRD0.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C_yV3aay.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.CdljdZZa.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BDYAeN41.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.DamIMdR9.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.Dzq-7u_A.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.Ct-olYcX.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.Db8Zj-xl.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.Brf3d6gi.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BdfASO2V.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.stdBLQZf.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.6mEHhzfW.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CrMPecva.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.Dl8vbJjd.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.Cg6LX1gC.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.D35rnGh5.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.Be_wKtBW.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CgatqFlS.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.CoR2X1u6.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CPkoG8dL.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -45320,7 +45351,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
@@ -45655,7 +45686,7 @@ Object.entries(Fields).map(function (_a) {
                 whiteSpace: 'pre-wrap',
                 overflowWrap: 'anywhere'
             } }, { children: servar.name }))) : null;
-        var styles = React.useMemo(function () { return applyFieldStyles$1(element, responsiveStyles); }, [element]);
+        var styles = React.useMemo(function () { return applyFieldStyles(element, responsiveStyles); }, [element]);
         return (jsx$1(Field, exports.__assign({ element: element, fieldLabel: fieldLabel, responsiveStyles: styles }, props)));
     });
 });
@@ -46049,7 +46080,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 = React.useMemo(function () { return applyProgressBarStyles(responsiveStyles); }, [responsiveStyles]);
     var userProgress, userSegments;
-    if (progress) {
+    if (![null, undefined].includes(progress)) {
         if (typeof progress === 'number') {
             userProgress = progress;
         }
@@ -46082,7 +46113,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 = {
@@ -46101,8 +46133,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) {
@@ -46174,11 +46206,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 = React.useMemo(function () { return applyFieldStyles(element, responsiveStyles); }, [element, responsiveStyles]);
+    var type = element._type;
+    var styles = React.useMemo(function () { return applyStyles(element, responsiveStyles); }, [element, responsiveStyles]);
     var renderPinInput = function () {
         var maxLength = element.servar.max_length || 6;
         var pinDivs = [];
@@ -46202,6 +46234,15 @@ function FieldSkeleton(_a) {
     else if (type === 'qr_scanner') {
         heightAdjust.height = '166px'; // hardcode qr scanner height
     }
+    if (!element.servar) {
+        return (jsx$1("div", exports.__assign({ css: {
+                maxWidth: '100%',
+                width: '100%',
+                height: '100%',
+                position: 'relative',
+                boxSizing: 'border-box'
+            } }, { children: jsx$1("div", { css: exports.__assign(exports.__assign({ width: '100%', boxSizing: 'border-box' }, heightAdjust), shimmerStyles) }) })));
+    }
     return (jsx$1("div", exports.__assign({ css: exports.__assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative', boxSizing: 'border-box' }, styles.getTarget('fc')) }, { children: type === 'pin_input' ? (jsx$1("div", exports.__assign({ css: {
                 display: 'flex',
                 alignItems: 'center',
@@ -46210,12 +46251,14 @@ function FieldSkeleton(_a) {
 }
 var templateObject_1;
 
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.B9CITASf.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
     TextElement: TextElement,
     ButtonElement: ButtonElement,
-    ProgressBarElement: ProgressBarElement
+    ProgressBarElement: ProgressBarElement,
+    TableElement: TableElement
 };
 var Elements = exports.__assign(exports.__assign({}, Basic), Fields);
 Object.entries(Elements).map(function (_a) {
@@ -46226,7 +46269,7 @@ Object.entries(Elements).map(function (_a) {
         var responsiveStyles = React.useMemo(function () {
             return new ResponsiveStyles(element, ['container'], !componentOnly, formSettings === null || formSettings === void 0 ? void 0 : formSettings.mobileBreakpoint);
         }, [element, componentOnly, formSettings]);
-        var featheryElement = (jsx$1(React.Suspense, exports.__assign({ fallback: jsx$1(FieldSkeleton, { element: element, responsiveStyles: responsiveStyles }) }, { children: jsx$1(Element, exports.__assign({ element: element, responsiveStyles: responsiveStyles }, props)) })));
+        var featheryElement = (jsx$1(React.Suspense, exports.__assign({ fallback: jsx$1(ElementSkeleton, { element: element, responsiveStyles: responsiveStyles }) }, { children: jsx$1(Element, exports.__assign({ element: element, responsiveStyles: responsiveStyles }, props)) })));
         var e = onView ? (jsx$1(InView, exports.__assign({ onChange: onView }, { children: featheryElement }))) : (featheryElement);
         if (componentOnly) {
             return (jsxs(Fragment, { children: [children, e] }));

package/cjs/{fthry_index.DAUqZ_Ax.js → fthry_index.B5aSeoEj.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.YHxFZskW.js');
+var index = require('./fthry_index.B5Nc9EIn.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BdhCa_rK.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.PzKJwKNh.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CRRFOiO4.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.GHaAu-dd.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CkaxO8d5.js');
+require('./fthry_Overlay.CMYptYVH.js');
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;