@feathery/react 2.11.0 → 2.11.2

package/dist/cjs/elements/fields/FileUploadField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/FileUploadField/index.tsx"],"names":[],"mappings":"AAeA,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,gBAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,QAAQ,EAAE,cAAyB,EACnC,YAAiB,EACjB,YAAiB,EACjB,QAAQ,EACT,EAAE,GAAG,oDAiWL;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/FileUploadField/index.tsx"],"names":[],"mappings":"AAeA,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,gBAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,QAAQ,EAAE,cAAyB,EACnC,YAAiB,EACjB,YAAiB,EACjB,QAAQ,EACT,EAAE,GAAG,oDA0WL;AAED,eAAe,eAAe,CAAC"}

package/dist/cjs/elements/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/index.tsx"],"names":[],"mappings":";AA6EA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBX,CAAC;AAkBF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AA0ZnC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/index.tsx"],"names":[],"mappings":";AA6EA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBX,CAAC;AAkBF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AA2ZnC,eAAe,MAAM,CAAC"}

package/dist/cjs/{fthry_FormControl.BlJZjs35.js → fthry_FormControl.D6cl6D9S.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 
 // Simple input used for the 'other' option in checkbox and radio groups
 function FormControl(_a) {

package/dist/cjs/{fthry_InlineTooltip.BkttK4lB.js → fthry_InlineTooltip.BznYePC8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
+var Overlay = require('./fthry_Overlay.Y_J8ccm6.js');
 
 function HelpIcon(_a) {
     var _b = _a.cssStyles, cssStyles = _b === void 0 ? {} : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;

package/dist/cjs/{fthry_Overlay.OLX1E5Mx.js → fthry_Overlay.Y_J8ccm6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 

package/dist/cjs/{fthry_PaymentMethodField.xVoJ3tP3.js → fthry_PaymentMethodField.D0YALHBL.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var index = require('./fthry_index.Bs9hNEnE.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
+var index = require('./fthry_index.DmHwjSeG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.js');
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);

package/dist/cjs/{fthry_Placeholder.BYhrdrmr.js → fthry_Placeholder.DLJqaPGW.js}

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

package/dist/cjs/{fthry_ShowEyeIcon.D2ndFoZG.js → fthry_ShowEyeIcon.DzvNCry-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.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/dist/cjs/{fthry_index.DVoFPw_6.js → fthry_index.5Pl_oKxb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var index$1 = require('./fthry_index.DivS5VJj.js');
+var Overlay = require('./fthry_Overlay.Y_J8ccm6.js');
+var index$1 = require('./fthry_index.Biaf9DMR.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.DU4NyVta.js → fthry_index.6K3SolcM.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var useElementSize = require('./fthry_useElementSize.DcThHOvc.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.D2ndFoZG.js');
-var input = require('./fthry_input.BiOQUOMr.js');
+var Placeholder = require('./fthry_Placeholder.DLJqaPGW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var Overlay = require('./fthry_Overlay.Y_J8ccm6.js');
+var useElementSize = require('./fthry_useElementSize.d2r6U5ah.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.DzvNCry-.js');
+var input = require('./fthry_input.zxl6q_39.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_index.Bs9hNEnE.js');
+require('./fthry_index.DmHwjSeG.js');
 
 function TextAutocomplete$1(_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/cjs/{fthry_index.Dscne3Dt.js → fthry_index.BIDjlZK9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.C91OrhDJ.js → fthry_index.BVctbQwI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.DivS5VJj.js → fthry_index.Biaf9DMR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.u1vwwO92.js → fthry_index.C-CXGg0X.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$3 = require('./fthry_index.DfayElGY.js');
+var index$3 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
+var Placeholder = require('./fthry_Placeholder.DLJqaPGW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.BiOQUOMr.js');
+var input = require('./fthry_input.zxl6q_39.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.OLX1E5Mx.js');
-require('./fthry_index.Bs9hNEnE.js');
+require('./fthry_Overlay.Y_J8ccm6.js');
+require('./fthry_index.DmHwjSeG.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/dist/cjs/{fthry_index.C6L3jtzR.js → fthry_index.CVdIUnnS.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BhgCgOph.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.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;

package/dist/cjs/{fthry_index.CBzm-zz0.js → fthry_index.CaFboSVZ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var styles = require('./fthry_styles.EGpWXoMs.js');
+var styles = require('./fthry_styles.8kKnpgke.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.CxCE-XtP.js → fthry_index.Cl0pC-iC.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.BlJZjs35.js');
-var index = require('./fthry_index.DivS5VJj.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var FormControl = require('./fthry_FormControl.D6cl6D9S.js');
+var index = require('./fthry_index.Biaf9DMR.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BhgCgOph.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.js');
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/cjs/{fthry_index.CBVYoHSE.js → fthry_index.DKwYIEay.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BhgCgOph.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/cjs/{fthry_index.BaPWhv11.js → fthry_index.DPJLojch.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.hcpwrtk6.js → fthry_index.DfjbwYs8.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Placeholder$2 = require('./fthry_Placeholder.BYhrdrmr.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var Placeholder$2 = require('./fthry_Placeholder.DLJqaPGW.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BhgCgOph.js');
+var Overlay = require('./fthry_Overlay.Y_J8ccm6.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.Bo70vqfi.js → fthry_index.Dg3FFh_g.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');
@@ -28,6 +28,7 @@ function FileUploadField(_a) {
     var fileInput = React.useRef(null);
     var _g = index.__read(React.useState([]), 2), rawFiles = _g[0], setRawFiles = _g[1];
     var _h = index.__read(React.useState(-1), 2), hoverDownload = _h[0], setHoverDownload = _h[1];
+    var _j = index.__read(React.useState(new Set()), 2), failedThumbnails = _j[0], setFailedThumbnails = _j[1];
     React.useEffect(function () {
         // Prevent infinite loop of setting a new empty array as the value
         if (index.isEmptyArray(rawFiles) && index.isEmptyArray(initialFiles))
@@ -35,6 +36,10 @@ function FileUploadField(_a) {
         // Normalize placeholders like [null] to an empty list
         setRawFiles(index.toList(initialFiles).filter(Boolean));
     }, [initialFiles]);
+    // Reset failed thumbnails when file list changes
+    React.useEffect(function () {
+        setFailedThumbnails(new Set());
+    }, [rawFiles.length]);
     // Thumbnails derived from current files; rawFiles is normalized to exclude nulls
     var thumbnailData = index.useThumbnailData(rawFiles);
     var hasFiles = rawFiles.length > 0;
@@ -198,16 +203,16 @@ function FileUploadField(_a) {
                                             return [4 /*yield*/, rawFiles[index$1]];
                                         case 1: return [2 /*return*/, _a.apply(void 0, [(_b.sent())])];
                                     }
-                                }); }); } }, { children: index.jsx(DownloadIcon, {}) }))), thumbnail ? (index.jsx("img", { src: thumbnail, style: {
+                                }); }); } }, { children: index.jsx(DownloadIcon, {}) }))), thumbnail && !failedThumbnails.has(index$1) ? (index.jsx("img", { src: thumbnail, onError: function () {
+                                    return setFailedThumbnails(function (prev) { return new Set(prev).add(index$1); });
+                                }, style: {
                                     width: '100%',
                                     height: '100%',
                                     objectFit: 'contain'
                                 }, alt: filename || '' })) : (index.jsx("span", index.__assign({ style: {
-                                    color: 'black',
                                     height: '100%',
                                     width: '100%',
                                     wordBreak: 'break-all',
-                                    fontSize: 'small',
                                     display: 'flex',
                                     justifyContent: 'center',
                                     alignItems: 'center',

package/dist/cjs/{fthry_index.KFDJ5jHx.js → fthry_index.DhP_ifSD.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var index$1 = require('./fthry_index.Bs9hNEnE.js');
+var index$1 = require('./fthry_index.DmHwjSeG.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
@@ -1435,7 +1435,7 @@ function SignatureField(_a) {
     React.useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DasBAca1.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BxRwLQqw.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/dist/cjs/{fthry_index.Bs9hNEnE.js → fthry_index.DmHwjSeG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 
 var propTypes = {exports: {}};
 

package/dist/cjs/{fthry_index.DfayElGY.js → fthry_index.EMYHk8IT.js}

@@ -17052,6 +17052,8 @@ var BASE64_REGEX = /(data:image\/(png|jpg|jpeg);base64,)([0-9a-zA-Z+/]{4})*(([0-
 function getThumbnailType(file) {
     var thumbnailType = THUMBNAIL_TYPE.UNKNOWN;
     if (file) {
+        // Allow all image/*; unsupported ones (e.g., TIFF, HEIC off Safari)
+        // will fall back via the <img> onError handler in FileUploadField
         if (/image\//.test(file.type)) {
             thumbnailType = THUMBNAIL_TYPE.IMAGE;
         }
@@ -43559,9 +43561,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.BIB8RC3N.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BR1PC2YO.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DasBAca1.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BxRwLQqw.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -43707,7 +43709,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.11.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.11.2" + ' ', // 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;');
 }
 
@@ -45179,39 +45181,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.B-OQCs5M.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.C6L3jtzR.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DivS5VJj.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.uPlANshe.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CVdIUnnS.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.Biaf9DMR.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CxCE-XtP.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Cl0pC-iC.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Dscne3Dt.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.ClLgzqZ3.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BIDjlZK9.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.XwO_Rbt1.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.u1vwwO92.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.C-CXGg0X.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CBVYoHSE.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.DKwYIEay.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.hcpwrtk6.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DfjbwYs8.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.Bo70vqfi.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.DVoFPw_6.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CS9Y7B8-.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.Dg3FFh_g.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.5Pl_oKxb.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.lBGOIoJv.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.xVoJ3tP3.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.D0YALHBL.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.Bw4tg6t2.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BaPWhv11.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CBzm-zz0.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.hetQ4hFA.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.DPJLojch.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CaFboSVZ.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.hN9N-F0_.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index._0ok1zlZ.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.C91OrhDJ.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.KFDJ5jHx.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.gNcgXpsa.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DU4NyVta.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.D7NIHZKl.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.BVctbQwI.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DhP_ifSD.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.nvFgoNpW.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.6K3SolcM.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.ObOAUNgg.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -45311,6 +45313,7 @@ function applyFieldStyles$1(field, styles) {
             styles.applyBorders({ target: 'field' });
             styles.applyCorners('field');
             styles.applyBoxShadow('field');
+            styles.applyColor('field', 'background_color', 'backgroundColor');
             styles.applyColor('ac', 'background_color', 'backgroundColor');
             styles.applyBorders({ target: 'ac' });
             styles.applyCorners('ac');

package/dist/cjs/{fthry_index.D7NIHZKl.js → fthry_index.ObOAUNgg.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
+var Placeholder = require('./fthry_Placeholder.DLJqaPGW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.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/cjs/{fthry_index.ClLgzqZ3.js → fthry_index.XwO_Rbt1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/dist/cjs/{fthry_index.hN9N-F0_.js → fthry_index._0ok1zlZ.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.BlJZjs35.js');
-var index$1 = require('./fthry_index.DivS5VJj.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DFczx5s3.js');
+var FormControl = require('./fthry_FormControl.D6cl6D9S.js');
+var index$1 = require('./fthry_index.Biaf9DMR.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BhgCgOph.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/cjs/{fthry_index.Bw4tg6t2.js → fthry_index.hetQ4hFA.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var useElementSize = require('./fthry_useElementSize.DcThHOvc.js');
+var Placeholder = require('./fthry_Placeholder.DLJqaPGW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var Overlay = require('./fthry_Overlay.Y_J8ccm6.js');
+var useElementSize = require('./fthry_useElementSize.d2r6U5ah.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.CS9Y7B8-.js → fthry_index.lBGOIoJv.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.D2ndFoZG.js');
+var Placeholder = require('./fthry_Placeholder.DLJqaPGW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.DzvNCry-.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.OLX1E5Mx.js');
+require('./fthry_Overlay.Y_J8ccm6.js');
 
 function PasswordField(_a) {
     var _b;

package/dist/cjs/{fthry_index.gNcgXpsa.js → fthry_index.nvFgoNpW.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.DfayElGY.js');
+var index = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var styles = require('./fthry_styles.EGpWXoMs.js');
+var styles = require('./fthry_styles.8kKnpgke.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_index.B-OQCs5M.js → fthry_index.uPlANshe.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DfayElGY.js');
+var index$1 = require('./fthry_index.EMYHk8IT.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BYhrdrmr.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BkttK4lB.js');
-var Overlay = require('./fthry_Overlay.OLX1E5Mx.js');
-var useElementSize = require('./fthry_useElementSize.DcThHOvc.js');
+var Placeholder = require('./fthry_Placeholder.DLJqaPGW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BznYePC8.js');
+var Overlay = require('./fthry_Overlay.Y_J8ccm6.js');
+var useElementSize = require('./fthry_useElementSize.d2r6U5ah.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/dist/cjs/{fthry_input.BiOQUOMr.js → fthry_input.zxl6q_39.js}

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

package/dist/cjs/{fthry_script.BIB8RC3N.js → fthry_script.BR1PC2YO.js}

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

package/dist/cjs/{fthry_styles.EGpWXoMs.js → fthry_styles.8kKnpgke.js}

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