@feathery/react 2.47.1 → 2.48.0

package/cjs/{fthry_index.FRl5eejL.js → fthry_index.DTxHjfFB.js}

@@ -1,11 +1,10 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
+var index = require('./fthry_index.CdGxoWiK.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.DFZNkWx6.js');
-var index$1 = require('./fthry_index.BMoX9PfE.js');
+var Overlay = require('./fthry_Overlay.D62XeoXL.js');
+var index$1 = require('./fthry_index.CJVXqn1l.js');
 require('react/jsx-runtime');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
 

package/cjs/{fthry_index.DOAZq3jf.js → fthry_index.DhoBBzQ7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$2 = require('./fthry_index.daHEECTd.js');
+var index$2 = require('./fthry_index.CdGxoWiK.js');
 
 function dset(obj, keys, val) {
 	keys.split && (keys=keys.split('.'));
@@ -5354,7 +5354,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B8u_S9bg.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.6jWwlIt0.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.link).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5373,7 +5373,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B8u_S9bg.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.6jWwlIt0.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.link).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5392,7 +5392,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B8u_S9bg.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.6jWwlIt0.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.form).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5411,7 +5411,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B8u_S9bg.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.6jWwlIt0.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.form).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5566,7 +5566,7 @@ var Analytics = /** @class */ (function (_super) {
                             return [2 /*return*/, []];
                         }
                         return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                            /* webpackChunkName: "queryString" */ './fthry_index.ClgzWTFY.js'); })];
+                            /* webpackChunkName: "queryString" */ './fthry_index.Cz0q4X3R.js'); })];
                     case 1:
                         queryString = (_a.sent()).queryString;
                         return [2 /*return*/, queryString(this, query)];
@@ -6609,7 +6609,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                     tsubMiddleware = _d;
                     if (!(hasLegacyDestinations(cdnSettings) || legacyIntegrationSources.length > 0)) return [3 /*break*/, 5];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "ajs-destination" */ './fthry_index.DJ-urDuh.js'); }).then(function (mod) {
+                        /* webpackChunkName: "ajs-destination" */ './fthry_index.C1_NpVP-.js'); }).then(function (mod) {
                             return mod.ajsDestinations(writeKey, cdnSettings, analytics.integrations, options, tsubMiddleware, legacyIntegrationSources);
                         })];
                 case 4:
@@ -6622,7 +6622,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                     legacyDestinations = _e;
                     if (!cdnSettings.legacyVideoPluginsEnabled) return [3 /*break*/, 8];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "legacyVideos" */ './fthry_index.C5KKdRP7.js'); }).then(function (mod) {
+                        /* webpackChunkName: "legacyVideos" */ './fthry_index.5BeecFlc.js'); }).then(function (mod) {
                             return mod.loadLegacyVideoPlugins(analytics);
                         })];
                 case 7:
@@ -6631,7 +6631,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                 case 8:
                     if (!((_a = options.plan) === null || _a === void 0 ? void 0 : _a.track)) return [3 /*break*/, 10];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "schemaFilter" */ './fthry_index.DAmqQesG.js'); }).then(function (mod) {
+                        /* webpackChunkName: "schemaFilter" */ './fthry_index.B66Sa4U0.js'); }).then(function (mod) {
                             var _a;
                             return mod.schemaFilter((_a = options.plan) === null || _a === void 0 ? void 0 : _a.track, cdnSettings);
                         })];
@@ -6676,7 +6676,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                         return enabled;
                     })) return [3 /*break*/, 18];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "remoteMiddleware" */ './fthry_index.D_PrDgA_.js'); }).then(function (_a) {
+                        /* webpackChunkName: "remoteMiddleware" */ './fthry_index.Ptr3UN8d.js'); }).then(function (_a) {
                             var remoteMiddlewares = _a.remoteMiddlewares;
                             return index$2.__awaiter(_this, void 0, void 0, function () {
                                 var middleware, promises;

package/cjs/{fthry_index.CxSzzRrN.js → fthry_index.Dyh7d2u3.js}

@@ -1,16 +1,15 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
+var index = require('./fthry_index.CdGxoWiK.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.uHE9YK1E.js');
-var index$1 = require('./fthry_index.BMoX9PfE.js');
-var InlineTooltip = require('./fthry_InlineTooltip.WDUHsUpe.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.D43AFN7K.js');
+var FormControl = require('./fthry_FormControl.D2f1BXqB.js');
+var index$1 = require('./fthry_index.CJVXqn1l.js');
+var InlineTooltip = require('./fthry_InlineTooltip.DEdTUSm4.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.ZmjF5jeJ.js');
 require('react/jsx-runtime');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DFZNkWx6.js');
+require('./fthry_Overlay.D62XeoXL.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.D_PrDgA_.js → fthry_index.Ptr3UN8d.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
-var index$1 = require('./fthry_index.DOAZq3jf.js');
+var index = require('./fthry_index.CdGxoWiK.js');
+var index$1 = require('./fthry_index.DhoBBzQ7.js');
 require('react/jsx-runtime');
 require('react');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
 

package/cjs/{fthry_index.CFidkPLb.js → fthry_index.VYffek6q.js}

@@ -1,9 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
+var index = require('./fthry_index.CdGxoWiK.js');
 var React = require('react');
 require('react/jsx-runtime');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
 

package/cjs/{fthry_index.DjmiOyRF.js → fthry_index.XFPGCehV.js}

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

package/cjs/{fthry_index.DqBPUCFx.js → fthry_index.bje_1x-I.js}

@@ -1,15 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
+var index = require('./fthry_index.CdGxoWiK.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.WDUHsUpe.js');
-var index$1 = require('./fthry_index.BbiJ8b80.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.D43AFN7K.js');
+var InlineTooltip = require('./fthry_InlineTooltip.DEdTUSm4.js');
+var index$1 = require('./fthry_index.C-RRAbJm.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.ZmjF5jeJ.js');
 require('react/jsx-runtime');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DFZNkWx6.js');
+require('./fthry_Overlay.D62XeoXL.js');
 
 function DropdownField(_a) {
     var _b, _c, _d;

package/cjs/{fthry_index.JBMhMwS2.js → fthry_index.oTQT38C_.js}

@@ -1,14 +1,13 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
+var index = require('./fthry_index.CdGxoWiK.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.WDUHsUpe.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.D43AFN7K.js');
+var InlineTooltip = require('./fthry_InlineTooltip.DEdTUSm4.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.ZmjF5jeJ.js');
 require('react/jsx-runtime');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DFZNkWx6.js');
+require('./fthry_Overlay.D62XeoXL.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/cjs/{fthry_index.umd.ZElFDCsB.js → fthry_index.umd.wy3zwWSj.js}

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

package/cjs/{fthry_index.Cs-el-3L.js → fthry_index.xkoAL9cS.js}

@@ -1,9 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
+var index = require('./fthry_index.CdGxoWiK.js');
 var React = require('react');
 require('react/jsx-runtime');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
 

package/cjs/{fthry_input.dHDe7wx2.js → fthry_input.7C_cW8iE.js}

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

package/cjs/{fthry_mermaid-O7DHMXV3.BtqFYP4B.js → fthry_mermaid-O7DHMXV3.BNo6HbRp.js}

@@ -1,14 +1,13 @@
 'use strict';
 
-var AssistantChat = require('./fthry_AssistantChat.Dln3sZaO.js');
-require('./fthry_index.daHEECTd.js');
+var AssistantChat = require('./fthry_AssistantChat.D16Y4E74.js');
+require('./fthry_index.CdGxoWiK.js');
 require('react/jsx-runtime');
 require('react');
-require('react-dom/client');
 require('jszip');
 require('react-dom');
 require('./fthry_clsx.BtxeOLZW.js');
-require('./fthry_index.BbiJ8b80.js');
+require('./fthry_index.C-RRAbJm.js');
 
 
 

package/cjs/{fthry_script.CeLoALnM.js → fthry_script.CPZyEEIq.js}

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

package/cjs/{fthry_styles.DoMopnrI.js → fthry_styles.Dl7lVFJC.js}

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

package/cjs/{fthry_useElementSize.Bke0oCAL.js → fthry_useElementSize.Dh0Bml3S.js}

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

package/cjs/{fthry_useSalesforceSync.D43AFN7K.js → fthry_useSalesforceSync.ZmjF5jeJ.js}

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

package/cjs/{fthry_webfontloader.C_rnGebJ.js → fthry_webfontloader.DOEIvOUg.js}

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

package/cjs/index.js

@@ -1,25 +1,291 @@
 'use strict';
 
-var index = require('./fthry_index.daHEECTd.js');
-require('react-dom/client');
+var index = require('./fthry_index.CdGxoWiK.js');
+var client = require('react-dom/client');
+var React = require('react');
 require('react/jsx-runtime');
-require('react');
 require('jszip');
 require('react-dom');
 
+var useAuthClient = function () { return React.useContext(index.AuthContext); };
 
+var cjs = {};
+
+var flatten = {};
+
+var arraySpeciesCreate = {};
+
+var hasRequiredArraySpeciesCreate;
+
+function requireArraySpeciesCreate () {
+	if (hasRequiredArraySpeciesCreate) return arraySpeciesCreate;
+	hasRequiredArraySpeciesCreate = 1;
+
+	Object.defineProperty(arraySpeciesCreate, "__esModule", {
+	  value: true
+	});
+
+	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+	arraySpeciesCreate.default = arraySpeciesCreate$1;
+	/**
+	 * @template T
+	 * @param {T[]} originalArray
+	 * @param {number} length
+	 * @returns {T[]}
+	 */
+	function arraySpeciesCreate$1(originalArray, length) {
+	  var isArray = Array.isArray(originalArray);
+	  if (!isArray) {
+	    return Array(length);
+	  }
+	  /**
+	   * @type {ArrayConstructor|undefined|null} C
+	   */
+	  var C = Object.getPrototypeOf(originalArray).constructor;
+	  if (C) {
+	    // If IsConstructor(C) is true... not sure how this can be reliably checked without invoking it. Likely not insignificant.
+	    if ((typeof C === 'undefined' ? 'undefined' : _typeof(C)) === 'object' || typeof C === 'function') {
+	      C = C[Symbol.species.toString()];
+	      C = C !== null ? C : undefined;
+	    }
+	    if (C === undefined) {
+	      return Array(length);
+	    }
+	    if (typeof C !== 'function') {
+	      throw TypeError('invalid constructor');
+	    }
+	    /** @type {Array} */
+	    var result = new C(length);
+	    return result;
+	  }
+	}
+	
+	return arraySpeciesCreate;
+}
+
+var flattenIntoArray = {};
+
+var hasRequiredFlattenIntoArray;
+
+function requireFlattenIntoArray () {
+	if (hasRequiredFlattenIntoArray) return flattenIntoArray;
+	hasRequiredFlattenIntoArray = 1;
+
+	Object.defineProperty(flattenIntoArray, "__esModule", {
+	  value: true
+	});
+	flattenIntoArray.default = flattenIntoArray$1;
+	/**
+	 * @template T, U
+	 * @param {Array<U>} target
+	 * @param {Array<T>} source
+	 * @param {number} start
+	 * @param {number} depth
+	 * @param {function(T): U[]} mapperFunction
+	 * @param {Array<T>} thisArg
+	 * @returns {number}
+	 */
+	function flattenIntoArray$1(target, source, start, depth, mapperFunction, thisArg) {
+
+	  var mapperFunctionProvied = mapperFunction !== undefined;
+	  var targetIndex = start;
+	  var sourceIndex = 0;
+	  var sourceLen = source.length;
+	  while (sourceIndex < sourceLen) {
+	    var p = sourceIndex;
+	    var exists = !!source[p];
+	    if (exists === true) {
+	      var element = source[p];
+	      if (element) {
+	        if (mapperFunctionProvied) {
+	          element = mapperFunction.call(thisArg, element, sourceIndex, target);
+	        }
+	        var spreadable = Object.getOwnPropertySymbols(element).includes(Symbol.isConcatSpreadable) || Array.isArray(element);
+	        if (spreadable === true && depth > 0) {
+	          var nextIndex = flattenIntoArray$1(target, element, targetIndex, depth - 1);
+	          targetIndex = nextIndex;
+	        } else {
+	          if (!Number.isSafeInteger(targetIndex)) {
+	            throw TypeError();
+	          }
+	          target[targetIndex] = element;
+	        }
+	      }
+	    }
+	    targetIndex += 1;
+	    sourceIndex += 1;
+	  }
+	  return targetIndex;
+	}
+	
+	return flattenIntoArray;
+}
+
+var hasRequiredFlatten;
+
+function requireFlatten () {
+	if (hasRequiredFlatten) return flatten;
+	hasRequiredFlatten = 1;
+
+	var _arraySpeciesCreate = requireArraySpeciesCreate();
+
+	var _arraySpeciesCreate2 = _interopRequireDefault(_arraySpeciesCreate);
+
+	var _flattenIntoArray = requireFlattenIntoArray();
+
+	var _flattenIntoArray2 = _interopRequireDefault(_flattenIntoArray);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	if (!Object.prototype.hasOwnProperty.call(Array.prototype, 'flatten')) {
+
+	  /**
+	   * @param {number=Infinity} depth
+	   */
+	  Array.prototype.flatten = function flatten(depth) {
+	    var o = Object(this);
+	    var a = (0, _arraySpeciesCreate2.default)(o, this.length);
+	    var depthNum = depth !== undefined ? Number(depth) : Infinity;
+	    (0, _flattenIntoArray2.default)(a, o, 0, depthNum);
+	    return a.filter(function (e) {
+	      return e !== undefined;
+	    });
+	  };
+	}
+	
+	return flatten;
+}
+
+var flatMap = {};
+
+var hasRequiredFlatMap;
+
+function requireFlatMap () {
+	if (hasRequiredFlatMap) return flatMap;
+	hasRequiredFlatMap = 1;
+
+	var _flattenIntoArray = requireFlattenIntoArray();
+
+	var _flattenIntoArray2 = _interopRequireDefault(_flattenIntoArray);
+
+	var _arraySpeciesCreate = requireArraySpeciesCreate();
+
+	var _arraySpeciesCreate2 = _interopRequireDefault(_arraySpeciesCreate);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	if (!Object.prototype.hasOwnProperty.call(Array.prototype, 'flatMap')) {
+
+	  Array.prototype.flatMap = function flatMap(callbackFn, thisArg) {
+	    var o = Object(this);
+	    if (!callbackFn || typeof callbackFn.call !== 'function') {
+	      throw TypeError('callbackFn must be callable.');
+	    }
+	    var t = thisArg !== undefined ? thisArg : undefined;
+
+	    var a = (0, _arraySpeciesCreate2.default)(o, o.length);
+	    (0, _flattenIntoArray2.default)(a, o,
+	    /*start*/0,
+	    /*depth*/1, callbackFn, t);
+	    return a.filter(function (x) {
+	      return x !== undefined;
+	    }, a);
+	  };
+	}
+	
+	return flatMap;
+}
+
+var hasRequiredCjs;
+
+function requireCjs () {
+	if (hasRequiredCjs) return cjs;
+	hasRequiredCjs = 1;
+
+	requireFlatten();
+
+	requireFlatMap();
+	
+	return cjs;
+}
+
+requireCjs();
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+var reHasRegExpChar = RegExp(reRegExpChar.source);
+function escapeRegExp(str) {
+    return str && reHasRegExpChar.test(str)
+        ? str.replace(reRegExpChar, '\\$&')
+        : str;
+}
+if (!String.prototype.replaceAll) {
+    // eslint-disable-next-line no-extend-native
+    String.prototype.replaceAll = function (str, newStr) {
+        // If a regex pattern
+        if (Object.prototype.toString.call(str).toLowerCase() === '[object regexp]') {
+            return this.replace(str, newStr);
+        }
+        else {
+            // If a string
+            return this.replace(new RegExp(escapeRegExp(str), 'g'), newStr);
+        }
+    };
+}
+
+var mountedForms = {};
+/**
+ * Utility function which renders a form with the provided props in the DOM element with the provided ID.
+ * @param {string} elementId The ID of the DOM element to hold the form
+ * @param {Object} props The props defined on the *Form* component
+ */
+function renderAt(elementId, props, loginEnabled) {
+    if (loginEnabled === void 0) { loginEnabled = false; }
+    var container = index.featheryDoc().getElementById(elementId);
+    if (mountedForms[elementId]) {
+        mountedForms[elementId].unmount();
+    }
+    var root = client.createRoot(container);
+    var destroy = function () {
+        if (mountedForms[elementId]) {
+            mountedForms[elementId].unmount();
+            delete mountedForms[elementId];
+        }
+    };
+    mountedForms[elementId] = root;
+    var uuid = index.v4();
+    var formProps = index.__assign(index.__assign({}, props), { _internalId: uuid });
+    var component = loginEnabled ? (index.jsx(index.LoginForm, { formProps: formProps })) : (index.jsx(index.JSForm, index.__assign({}, formProps)));
+    root.render(component);
+    return index.__assign(index.__assign({}, index.getFormContext(uuid)), { destroy: destroy });
+}
+// Entrypoint for globally namespaced JS library
+var Feathery = {
+    Form: index.ReactForm,
+    Elements: index.Elements,
+    init: index.init,
+    updateUserId: index.updateUserId,
+    updateTheme: index.updateTheme,
+    setFieldValues: index.setFieldValues,
+    getFieldValues: index.getFieldValues,
+    renderAt: renderAt
+};
 
 exports.AssistantChat = index.AssistantChat;
 exports.Elements = index.Elements;
-exports.Feathery = index.Feathery;
 exports.Form = index.ReactForm;
 exports.LoginForm = index.LoginForm;
 exports.StyledContainer = index.StyledContainer;
 exports.getFieldValues = index.getFieldValues;
 exports.init = index.init;
-exports.renderAt = index.renderAt;
 exports.resolveLabelStyle = index.resolveLabelStyle;
 exports.setFieldValues = index.setFieldValues;
 exports.updateTheme = index.updateTheme;
 exports.updateUserId = index.updateUserId;
-exports.useAuthClient = index.useAuthClient;
+exports.Feathery = Feathery;
+exports.renderAt = renderAt;
+exports.useAuthClient = useAuthClient;

package/cjs/thumbnail-renderer.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./fthry_index.CdGxoWiK.js');
+var React = require('react');
+require('react/jsx-runtime');
+require('jszip');
+require('react-dom');
+
+var noop = function () { return undefined; };
+var setThumbnailFieldValues = function (values) {
+    Object.keys(index.fieldValues).forEach(function (key) {
+        delete index.fieldValues[key];
+    });
+    Object.assign(index.fieldValues, values);
+};
+var ThumbnailRenderer = function (_a) {
+    var step = _a.step, _b = _a.formId, formId = _b === void 0 ? '' : _b, _c = _a.formSettings, formSettings = _c === void 0 ? {} : _c, _d = _a.values, values = _d === void 0 ? {} : _d, _e = _a.viewport, viewport = _e === void 0 ? 'desktop' : _e, className = _a.className, _f = _a.style, style = _f === void 0 ? {} : _f;
+    var internalIdRef = React.useRef("thumbnail-".concat(formId || (step === null || step === void 0 ? void 0 : step.id) || 'form'));
+    var formRef = React.useRef(null);
+    var focusRef = React.useRef('');
+    var settings = React.useMemo(function () { return (index.__assign(index.__assign({ autocomplete: 'off', globalStyles: {}, mobileBreakpoint: index.DEFAULT_MOBILE_BREAKPOINT }, formSettings), { readOnly: true })); }, [formSettings]);
+    var visiblePositions = React.useMemo(function () { return (step ? index.getVisiblePositions(step, internalIdRef.current) : {}); }, [step]);
+    var stepCSS = React.useMemo(function () { return index.calculateStepCSS(step); }, [step]);
+    var globalCSS = React.useMemo(function () { return index.calculateGlobalCSS(settings.globalStyles); }, [settings.globalStyles]);
+    setThumbnailFieldValues(values);
+    var form = {
+        userProgress: 0,
+        curDepth: 0,
+        maxDepth: 0,
+        elementProps: {},
+        customComponents: {},
+        activeStep: step,
+        steps: step ? [step] : [],
+        customClickSelectionState: function () { return false; },
+        runElementActions: noop,
+        buttonOnClick: noop,
+        tableOnClick: noop,
+        fieldOnChange: function () { return noop; },
+        buttonLoaders: {},
+        inlineErrors: {},
+        setInlineErrors: noop,
+        changeValue: noop,
+        changeStep: noop,
+        client: null,
+        updateFieldValues: noop,
+        submitCustom: noop,
+        elementOnView: undefined,
+        onViewElements: [],
+        formSettings: settings,
+        focusRef: focusRef,
+        formRef: formRef,
+        setCardElement: noop,
+        visiblePositions: visiblePositions,
+        calendly: undefined,
+        featheryContext: { formId: formId },
+        assistantClient: undefined
+    };
+    return (index.jsx(index.FeatheryCacheProvider, { children: index.jsx("form", index.__assign({ autoComplete: settings.autocomplete, className: "feathery ".concat(className || ''), ref: formRef, css: index.__assign(index.__assign(index.__assign(index.__assign({}, globalCSS.getTarget('form')), stepCSS), style), { position: 'relative', display: 'flex' }), dir: settings.rightToLeft ? 'rtl' : 'ltr' }, { children: index.jsx(index.Grid, { step: step, form: form, viewport: viewport }) })) }));
+};
+
+exports.default = ThumbnailRenderer;