@feathery/react 2.7.1 → 2.8.0

package/dist/{fthry_index.3X-DqTfs.js → fthry_index.DAGDZi5r.js}

@@ -1,9 +1,9 @@
-import { j as jsxs, a as __assign, b as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.diObxaBS.js';
+import { j as jsxs, a as __assign, b as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.F6BXSHA5.js';
 import { useRef, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.DxW_Bnm8.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DpFG-lbP.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CKU9xvD_.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BNvWxPzE.js';
+import { F as FormControl } from './fthry_FormControl.CPHJNRoq.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DV1PqB3d.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.AGcWhuhV.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.prWuB8V7.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';
@@ -11,7 +11,7 @@ import 'events';
 import 'buffer';
 import 'util';
 import 'react-dom';
-import './fthry_Overlay.CAkqWcqE.js';
+import './fthry_Overlay.X0blINpo.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/{fthry_index.DpFG-lbP.js → fthry_index.DV1PqB3d.js}

@@ -1,4 +1,4 @@
-import { a as __assign, h as hoverStylesGuard, j as jsxs, b as jsx, i as iosScrollOnFocus } from './fthry_index.diObxaBS.js';
+import { a as __assign, h as hoverStylesGuard, j as jsxs, b as jsx, i as iosScrollOnFocus } from './fthry_index.F6BXSHA5.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.D6UpFxPB.js → fthry_index.DWyfWu2d.js}

@@ -1,4 +1,4 @@
-import { b as jsx, a as __assign, j as jsxs, _ as __read, c as __awaiter, d as __generator, l as featheryWindow, m as Fragment, E as ErrorInput } from './fthry_index.diObxaBS.js';
+import { b as jsx, a as __assign, j as jsxs, _ as __read, c as __awaiter, d as __generator, l as featheryWindow, m as Fragment, E as ErrorInput } from './fthry_index.F6BXSHA5.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.BQObFcP7.js → fthry_index.DaFYDmA_.js}

@@ -1,19 +1,19 @@
-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.diObxaBS.js';
+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.F6BXSHA5.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.Dns0M5df.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CKU9xvD_.js';
+import { P as Placeholder } from './fthry_Placeholder.DLtEoCLC.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.AGcWhuhV.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.COhHyroj.js';
+import { I as IMask, a as IMaskInput } from './fthry_input.Bfzc5hmV.js';
 import 'react-dom/client';
 import 'stream';
 import 'events';
 import 'buffer';
 import 'util';
-import './fthry_Overlay.CAkqWcqE.js';
-import './fthry_index.D19e9CJD.js';
+import './fthry_Overlay.X0blINpo.js';
+import './fthry_index.B_soCJRW.js';
 
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.BMqtYXlU.js → fthry_index.DghPMqyH.js}

@@ -1,10 +1,10 @@
-import { y as stringify, z as rulesheet, C as COMMENT, A as middleware, R as RULESET, B as combine, H as match, I as serialize, J as copy, K as replace, W as WEBKIT, M as MOZ, L as MS, N as KEYFRAMES, O as DECLARATION, P as dealloc, Q as alloc, S as hash, T as charat, U as strlen, V as indexof, X as next, Y as token, Z as from, $ as peek, a0 as delimit, a1 as slice, a2 as position, a3 as compile, b as jsx$1, a as __assign, j as jsxs, m as Fragment$1, t as __rest, _ as __read, k as FORM_Z_INDEX, l as featheryWindow, s as featheryDoc, a4 as __spreadArray, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.diObxaBS.js';
+import { y as stringify, z as rulesheet, C as COMMENT, A as middleware, R as RULESET, B as combine, H as match, I as serialize, J as copy, K as replace, W as WEBKIT, M as MOZ, L as MS, N as KEYFRAMES, O as DECLARATION, P as dealloc, Q as alloc, S as hash, T as charat, U as strlen, V as indexof, X as next, Y as token, Z as from, $ as peek, a0 as delimit, a1 as slice, a2 as position, a3 as compile, b as jsx$1, a as __assign, j as jsxs, m as Fragment$1, t as __rest, _ as __read, k as FORM_Z_INDEX, l as featheryWindow, s as featheryDoc, a4 as __spreadArray, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.F6BXSHA5.js';
 import * as React from 'react';
 import { useState, useCallback, forwardRef, useContext, useLayoutEffect, useEffect, createContext, useRef, useMemo, Component, Fragment } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CKU9xvD_.js';
-import { P as Placeholder$2 } from './fthry_Placeholder.Dns0M5df.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BNvWxPzE.js';
-import { T as Tooltip, O as Overlay } from './fthry_Overlay.CAkqWcqE.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.AGcWhuhV.js';
+import { P as Placeholder$2 } from './fthry_Placeholder.DLtEoCLC.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.prWuB8V7.js';
+import { T as Tooltip, O as Overlay } from './fthry_Overlay.X0blINpo.js';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.ghZ0mkQF.js → fthry_index.DodXvrXD.js}

@@ -1,9 +1,9 @@
-import { _ as __read, j as jsxs, a as __assign, b as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.diObxaBS.js';
+import { _ as __read, j as jsxs, a as __assign, b as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.F6BXSHA5.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.DxW_Bnm8.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DpFG-lbP.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CKU9xvD_.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BNvWxPzE.js';
+import { F as FormControl } from './fthry_FormControl.CPHJNRoq.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DV1PqB3d.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.AGcWhuhV.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.prWuB8V7.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';
@@ -11,7 +11,7 @@ import 'events';
 import 'buffer';
 import 'util';
 import 'react-dom';
-import './fthry_Overlay.CAkqWcqE.js';
+import './fthry_Overlay.X0blINpo.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.DD4M0PFc.js → fthry_index.DohTu1v2.js}

@@ -1,6 +1,6 @@
-import { _ as __read, j as jsxs, a as __assign, b as jsx, h as hoverStylesGuard } from './fthry_index.diObxaBS.js';
+import { _ as __read, j as jsxs, a as __assign, b as jsx, h as hoverStylesGuard } from './fthry_index.F6BXSHA5.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.Bcy5cq6p.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.yVoSvBEy.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';

package/dist/{fthry_index.diObxaBS.js → fthry_index.F6BXSHA5.js}

@@ -51198,7 +51198,14 @@ var StatusIcon = function (_a) {
 };
 
 var INDENT_PX = 24;
-function ExtractionItem(_a) {
+// Default labels for different toast types
+var DEFAULT_LABELS = {
+    queued: 'Queued Document',
+    incomplete: 'Uploading Document',
+    complete: 'Completed',
+    error: 'Failed'
+};
+function ToastItem(_a) {
     var _b;
     var item = _a.item, _c = _a.level, level = _c === void 0 ? 0 : _c;
     var _d = __read(useState(true), 2), isExpanded = _d[0], setIsExpanded = _d[1];
@@ -51226,17 +51233,18 @@ function ExtractionItem(_a) {
                             display: 'flex',
                             alignItems: 'center',
                             gap: '8px'
-                        } }, { children: hasChildren && (isExpanded ? jsx$1(ChevronUp, {}) : jsx$1(ChevronDown, {})) }))] })), hasChildren && isExpanded && (jsx$1("div", __assign({ css: { width: '100%' } }, { children: (_b = item.children) === null || _b === void 0 ? void 0 : _b.map(function (child, index) { return (jsx$1(ExtractionItem, { item: child, level: level + 1 }, index)); }) })))] })));
+                        } }, { children: hasChildren && (isExpanded ? jsx$1(ChevronUp, {}) : jsx$1(ChevronDown, {})) }))] })), hasChildren && isExpanded && (jsx$1("div", __assign({ css: { width: '100%' } }, { children: (_b = item.children) === null || _b === void 0 ? void 0 : _b.map(function (child, index) { return (jsx$1(ToastItem, { item: child, level: level + 1 }, index)); }) })))] })));
 }
 var renderItemLabel = function (item) {
+    var _a;
     // fallback labels if no run data yet
     if (!item.extractionKey) {
-        var label = {
-            complete: 'Completed',
-            error: 'Failed',
-            queued: 'Queued Document',
-            incomplete: 'Uploading Document'
-        }[item.status] || 'Action';
+        var docCount = ((_a = item.documents) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        var docCountText = docCount > 1 ? " (".concat(docCount, ")") : '';
+        // Use custom labels if provided, otherwise use defaults
+        var labels = item.labels || DEFAULT_LABELS;
+        var baseLabel = labels[item.status] || DEFAULT_LABELS[item.status] || 'Action';
+        var label = "".concat(baseLabel).concat(docCountText);
         return (jsx$1("span", __assign({ css: { color: item.status === 'queued' ? '#9ca3af' : '#374151' } }, { children: label })));
     }
     var fileSourcesText = getFileSourcesText(item.fileSources);
@@ -51255,9 +51263,25 @@ var getFileName = function (fileUrl) {
     return fileUrl.substring(lastSlashIndex + 1);
 };
 
-var ExtractionToast = function (_a) {
-    var data = _a.data, _b = _a.title, title = _b === void 0 ? 'Scanning Documents' : _b, _c = _a.bottom, bottom = _c === void 0 ? 20 : _c;
-    var _d = __read(useState(true), 2), isToastExpanded = _d[0], setIsToastExpanded = _d[1];
+var getTitle = function (data) {
+    var hasAIExtraction = data.some(function (item) { return item.type === 'ai-extraction'; });
+    var hasEnvelopes = data.some(function (item) { return item.type === 'envelope-generation'; });
+    var totalDocs = data
+        .filter(function (item) { return item.type === 'envelope-generation'; })
+        .reduce(function (sum, item) { var _a; return sum + (((_a = item.documents) === null || _a === void 0 ? void 0 : _a.length) || 0); }, 0);
+    if (hasAIExtraction && hasEnvelopes) {
+        return 'Processing Documents';
+    }
+    if (hasEnvelopes) {
+        return totalDocs > 1 ? 'Preparing Documents' : 'Preparing Document';
+    }
+    return 'Scanning Documents';
+};
+var ActionToast = function (_a) {
+    var data = _a.data, _b = _a.bottom, bottom = _b === void 0 ? 20 : _b;
+    var _c = __read(useState(true), 2), isToastExpanded = _c[0], setIsToastExpanded = _c[1];
+    if (data.length === 0)
+        return null;
     return (jsxs("div", __assign({ css: {
             position: 'fixed',
             bottom: "".concat(bottom, "px"),
@@ -51285,18 +51309,25 @@ var ExtractionToast = function (_a) {
                             color: '#111827',
                             margin: 0,
                             fontSize: '16px'
-                        } }, { children: title })), isToastExpanded ? jsx$1(ChevronUp, {}) : jsx$1(ChevronDown, {})] })), isToastExpanded && (jsx$1("div", __assign({ css: {
+                        } }, { children: getTitle(data) })), isToastExpanded ? jsx$1(ChevronUp, {}) : jsx$1(ChevronDown, {})] })), isToastExpanded && (jsx$1("div", __assign({ css: {
                     maxHeight: '384px',
                     overflowY: 'auto'
-                } }, { children: data.map(function (item, index) { return (jsx$1(ExtractionItem, { item: item }, index)); }) })))] })));
+                } }, { children: data.map(function (item, index) { return (jsx$1(ToastItem, { item: item }, index)); }) })))] })));
 };
 
 // Type guard function
 function isAIExtractionAction(action) {
     return action.type === ACTION_AI_EXTRACTION;
 }
-var COMPLETED_TOAST_DURATION_MS = 3200;
-var isFinished = function (item) {
+// Labels for AI extraction
+var AI_EXTRACTION_LABELS = {
+    queued: 'Queued Document',
+    incomplete: 'Uploading Document',
+    complete: 'Completed',
+    error: 'Failed'
+};
+var COMPLETED_TOAST_DURATION_MS$1 = 3200;
+var isFinished$1 = function (item) {
     return !(item.status === 'queued' || item.status === 'incomplete');
 };
 var emptyItems = function (item) {
@@ -51310,15 +51341,15 @@ var useAIExtractionToast = function () {
     // automatically clear toast after all extractions are finished
     useEffect(function () {
         if (currentActionExtractions.length) {
-            if (currentActionExtractions.every(isFinished)) {
+            if (currentActionExtractions.every(isFinished$1)) {
                 var timeoutId_1 = setTimeout(function () {
                     setCurrentActionExtractions(function (prev) {
-                        if (prev.every(isFinished)) {
+                        if (prev.every(isFinished$1)) {
                             return [];
                         }
                         return prev;
                     });
-                }, COMPLETED_TOAST_DURATION_MS);
+                }, COMPLETED_TOAST_DURATION_MS$1);
                 return function () { return clearTimeout(timeoutId_1); };
             }
         }
@@ -51333,7 +51364,9 @@ var useAIExtractionToast = function () {
                     id: action.extraction_id,
                     variantId: action.variant_id || '',
                     status: 'queued',
-                    children: []
+                    type: 'ai-extraction',
+                    children: [],
+                    labels: AI_EXTRACTION_LABELS
                 });
             }
         }
@@ -51476,6 +51509,81 @@ var useAIExtractionToast = function () {
     };
 };
 
+// Type guard function
+function isEnvelopeGenerationAction(action) {
+    return action.type === ACTION_GENERATE_ENVELOPES;
+}
+// Labels for envelope generation
+var ENVELOPE_LABELS = {
+    queued: 'Queued Document',
+    incomplete: 'Generating Document',
+    complete: 'Completed',
+    error: 'Failed'
+};
+var COMPLETED_TOAST_DURATION_MS = 3200;
+var isFinished = function (item) {
+    return !(item.status === 'queued' || item.status === 'incomplete');
+};
+var useEnvelopeGenerationToast = function () {
+    var _a = __read(useState([]), 2), currentEnvelopeGeneration = _a[0], setCurrentEnvelopeGeneration = _a[1];
+    // automatically clear toast after all envelope generations are finished
+    useEffect(function () {
+        if (currentEnvelopeGeneration.length) {
+            var allFinished = currentEnvelopeGeneration.every(isFinished);
+            if (allFinished) {
+                var timeoutId_1 = setTimeout(function () {
+                    setCurrentEnvelopeGeneration(function (prev) {
+                        if (prev.every(isFinished)) {
+                            return [];
+                        }
+                        return prev;
+                    });
+                }, COMPLETED_TOAST_DURATION_MS);
+                return function () { return clearTimeout(timeoutId_1); };
+            }
+        }
+    }, [currentEnvelopeGeneration]);
+    // take a set of actions and create toast data
+    var initializeEnvelopeGeneration = useCallback(function (actions) {
+        var envelopes = [];
+        for (var i = 0; i < actions.length; i++) {
+            var action = actions[i];
+            if (isEnvelopeGenerationAction(action)) {
+                envelopes.push({
+                    id: "envelope-".concat(i),
+                    variantId: '',
+                    documents: action.documents,
+                    status: 'queued',
+                    type: 'envelope-generation',
+                    labels: ENVELOPE_LABELS
+                });
+            }
+        }
+        setCurrentEnvelopeGeneration(envelopes);
+    }, []);
+    // update envelope generation status
+    var updateEnvelopeGeneration = useCallback(function (id, updates) {
+        setCurrentEnvelopeGeneration(function (prev) {
+            var updated = prev.map(function (envelope) {
+                if (envelope.id === id) {
+                    return __assign(__assign({}, envelope), updates);
+                }
+                return envelope;
+            });
+            return updated;
+        });
+    }, []);
+    var clearEnvelopeGeneration = useCallback(function () {
+        setCurrentEnvelopeGeneration([]);
+    }, []);
+    return {
+        currentEnvelopeGeneration: currentEnvelopeGeneration,
+        initializeEnvelopeGeneration: initializeEnvelopeGeneration,
+        updateEnvelopeGeneration: updateEnvelopeGeneration,
+        clearEnvelopeGeneration: clearEnvelopeGeneration
+    };
+};
+
 function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     useEffect(function () {
         if (isInteractionDetected())
@@ -51709,6 +51817,7 @@ function Form(_a) {
         });
     }, [setLoaders]);
     var _30 = useAIExtractionToast(), currentActionExtractions = _30.currentActionExtractions, initializeActionExtractions = _30.initializeActionExtractions, updateExtractionInAction = _30.updateExtractionInAction, handleExtractionStatusUpdate = _30.handleExtractionStatusUpdate;
+    var _31 = useEnvelopeGenerationToast(), currentEnvelopeGeneration = _31.currentEnvelopeGeneration, initializeEnvelopeGeneration = _31.initializeEnvelopeGeneration, updateEnvelopeGeneration = _31.updateEnvelopeGeneration;
     // Tracks element to focus
     var focusRef = useRef(undefined);
     // Tracks the execution of user-provided callback functions
@@ -51783,7 +51892,7 @@ function Form(_a) {
         setRequiredStepAction(requiredStepAction);
     }, [activeStep === null || activeStep === void 0 ? void 0 : activeStep.id]);
     // viewElements state
-    var _31 = __read(useState([]), 2), viewElements = _31[0], setViewElements = _31[1];
+    var _32 = __read(useState([]), 2), viewElements = _32[0], setViewElements = _32[1];
     useEffect(function () {
         setViewElements(onViewElements);
     }, [onViewElements.length]);
@@ -51927,7 +52036,7 @@ function Form(_a) {
         return true;
     };
     // For audio AI only right now
-    var _32 = __read(useState(_pollFuserData), 2), pollFuserData = _32[0], setPollFuserData = _32[1];
+    var _33 = __read(useState(_pollFuserData), 2), pollFuserData = _33[0], setPollFuserData = _33[1];
     usePollFuserData(pollFuserData, client, updateFieldValues);
     var eventCallbackMap = {
         change: onChange,
@@ -52654,7 +52763,7 @@ function Form(_a) {
         });
     }); };
     // usePayments (Stripe)
-    var _33 = __read(usePayments(), 2), getCardElement = _33[0], setCardElement = _33[1];
+    var _34 = __read(usePayments(), 2), getCardElement = _34[0], setCardElement = _34[1];
     function setupStepPaymentMethod(formattedFields) {
         return __awaiter$2(this, void 0, void 0, function () {
             var i, field, integrationData, actionData, actionResult;
@@ -52987,7 +53096,7 @@ function Form(_a) {
         }
         return state;
     };
-    var _34 = useCheckButtonAction(setButtonLoader, clearLoaders), isButtonActionRunning = _34.isButtonActionRunning, updateButtonActionState = _34.updateButtonActionState, clearButtonActionState = _34.clearButtonActionState, setUserLogicRunning = _34.setUserLogicRunning;
+    var _35 = useCheckButtonAction(setButtonLoader, clearLoaders), isButtonActionRunning = _35.isButtonActionRunning, updateButtonActionState = _35.updateButtonActionState, clearButtonActionState = _35.clearButtonActionState, setUserLogicRunning = _35.setUserLogicRunning;
     var buttonOnClick = function (button) { return __awaiter$2(_this, void 0, void 0, function () {
         var setButtonError, invalid, running, e_5;
         var _a;
@@ -53066,7 +53175,7 @@ function Form(_a) {
     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;
         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, _loop_1, state_1;
+            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;
             var _f, _g, _h, _j, _k;
             return __generator(this, function (_l) {
@@ -53218,8 +53327,12 @@ function Form(_a) {
                         if (hasExtractions) {
                             initializeActionExtractions(actions);
                         }
+                        hasEnvelopeGeneration = actions.some(function (action) { return action.type === ACTION_GENERATE_ENVELOPES; });
+                        if (hasEnvelopeGeneration) {
+                            initializeEnvelopeGeneration(actions);
+                        }
                         _loop_1 = function () {
-                            var action, type, container, container, personaMeta, url, eventData, phoneNum, e_6, phoneNum, e_7, emailAddress, e_8, pinKey, pin, params, hasErr_1, prom, email, e_9, auth, loginStep, actionSuccess, val, valid, val, invitees, res, collabKey, newVals, e_10, e_11, extractions, _loop_2, state_2, data, errorEntry, e_12, data, envAction, url, eventData, files, newValues, e_13, payload, e_14, key_1, val, servar_1, hiddenFieldType, destVal, setToDefaultValue, curIndex, defaultVal, i_1, newValues, phoneNum, silentVeriResult, key, newValues, e_15, phoneNum, phoneType, key, newValues, e_16, phoneNum, e_17, pinKey, pin, pinMatch, e_18;
+                            var action, type, container, container, personaMeta, url, eventData, phoneNum, e_6, phoneNum, e_7, emailAddress, e_8, pinKey, pin, params, hasErr_1, prom, email, e_9, auth, loginStep, actionSuccess, val, valid, val, invitees, res, collabKey, newVals, e_10, e_11, extractions, _loop_2, state_2, data, errorEntry, e_12, envelopeId, data, envAction, url, eventData, files, newValues, e_13, payload, e_14, key_1, val, servar_1, hiddenFieldType, destVal, setToDefaultValue, curIndex, defaultVal, i_1, newValues, phoneNum, silentVeriResult, key, newValues, e_15, phoneNum, phoneType, key, newValues, e_16, phoneNum, e_17, pinKey, pin, pinMatch, e_18;
                             var _m, _o, _p, _q, _r, _s, _t;
                             return __generator(this, function (_u) {
                                 switch (_u.label) {
@@ -53608,6 +53721,8 @@ function Form(_a) {
                                     case 89: return [3 /*break*/, 139];
                                     case 90:
                                         if (!(type === ACTION_GENERATE_ENVELOPES)) return [3 /*break*/, 103];
+                                        envelopeId = "envelope-".concat(i);
+                                        updateEnvelopeGeneration(envelopeId, { status: 'incomplete' });
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 91:
                                         _u.sent();
@@ -53618,9 +53733,11 @@ function Form(_a) {
                                     case 93:
                                         data = _u.sent();
                                         if (data.status === 'error') {
+                                            updateEnvelopeGeneration(envelopeId, { status: 'error' });
                                             setElementError(data.message);
                                             return [2 /*return*/, "break"];
                                         }
+                                        updateEnvelopeGeneration(envelopeId, { status: 'complete' });
                                         envAction = action.envelope_action;
                                         if (!!envAction) return [3 /*break*/, 97];
                                         url = getSignUrl(action.redirect);
@@ -53661,6 +53778,7 @@ function Form(_a) {
                                     case 100: return [3 /*break*/, 102];
                                     case 101:
                                         e_13 = _u.sent();
+                                        updateEnvelopeGeneration(envelopeId, { status: 'error' });
                                         setElementError(e_13.message);
                                         return [2 /*return*/, "break"];
                                     case 102: return [3 /*break*/, 139];
@@ -54011,12 +54129,10 @@ function Form(_a) {
                             navigate(getNewStepUrl(stepKey));
                         else
                             setStepKey(stepKey);
-                    }, formName: formName, draft: _draft, visible: !hideTestUI })), global.firebase && (jsx$1("div", { id: 'featheryRecaptcha', style: { position: 'absolute', visibility: 'hidden' } })), jsx$1(Watermark, { show: formSettings.showBrand, brandPosition: formSettings.brandPosition }), currentActionExtractions.length > 0 && (jsx$1(ExtractionToast, { data: currentActionExtractions, 
-                    // adjust position if brand watermark is in bottom right
-                    bottom: formSettings.showBrand &&
+                    }, formName: formName, draft: _draft, visible: !hideTestUI })), global.firebase && (jsx$1("div", { id: 'featheryRecaptcha', style: { position: 'absolute', visibility: 'hidden' } })), jsx$1(Watermark, { show: formSettings.showBrand, brandPosition: formSettings.brandPosition }), jsx$1(ActionToast, { data: __spreadArray(__spreadArray([], __read(currentActionExtractions), false), __read(currentEnvelopeGeneration), false), bottom: formSettings.showBrand &&
                         formSettings.brandPosition === 'bottom_right'
                         ? 67
-                        : 20 }))] })) })));
+                        : 20 })] })) })));
 }
 // normal <Form /> (aka ReactForm) component is exported with just `props:
 // Props`, so need this component to support exposing _internalId for use in
@@ -58097,6 +58213,7 @@ function init(sdkKey, options) {
     }
     if (initState.initialized)
         return Promise.resolve((_a = initState.userId) !== null && _a !== void 0 ? _a : ''); // can only be initialized one time per load
+    logFeatheryBadge();
     initState.initialized = true;
     initState.sdkKey = sdkKey;
     if (options._enterpriseRegion)
@@ -58124,9 +58241,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.D9CLkYzO.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.cAr9Z1Ke.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DEj1XG0u.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DyMoLGZ3.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -58270,6 +58387,10 @@ function setFieldValues(userVals, rerender, skipServerSubmit) {
 function getFieldValues() {
     // Make a copy so users can't set fieldValues directly
     return __assign({}, fieldValues);
+}
+function logFeatheryBadge() {
+    console.log('%c Feathery %c v' + "2.8.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;');
 }
 
 function isStoreFieldValueAction(el) {
@@ -59740,39 +59861,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.DsECQjJb.js'); });
-var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CcFhx1jU.js'); });
-var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.DpFG-lbP.js'); });
+var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.uvWVc7KJ.js'); });
+var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BVM6mIvX.js'); });
+var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.DV1PqB3d.js'); });
 var CheckboxGroupField = lazy(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.3X-DqTfs.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DAGDZi5r.js');
 });
-var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CnVdemA5.js'); });
-var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.D6UpFxPB.js'); });
+var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.lC0Xyh-d.js'); });
+var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.DWyfWu2d.js'); });
 var DateSelectorField = lazy(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BQObFcP7.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DaFYDmA_.js');
 });
-var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BOBND5Kw.js'); });
+var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.dYsdCe_k.js'); });
 var DropdownMultiField = lazy(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BMqtYXlU.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DghPMqyH.js');
 });
-var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.Di1aadud.js'); });
-var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.DQB3aI2u.js'); });
-var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.DMgGgKWy.js'); });
+var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BFrZ_89I.js'); });
+var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.CWt9W3bv.js'); });
+var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.mE9gZkgT.js'); });
 var PaymentMethodField = lazy(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DgbAXbj6.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DrAgJBPV.js');
 });
-var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.B2eJWMcW.js'); });
-var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.CJrl9QNZ.js'); });
-var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.DaJO430v.js'); });
+var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.Cfk_0HTE.js'); });
+var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.CjUraQwq.js'); });
+var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.KRksei8j.js'); });
 var RadioButtonGroupField = lazy(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.ghZ0mkQF.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DodXvrXD.js');
 });
-var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.CxRelutP.js'); });
-var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BOzMcNbx.js'); });
-var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.DD4M0PFc.js'); });
-var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CcNVqQ7R.js'); });
-var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DfiZRBo4.js'); });
+var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.CFbW8L20.js'); });
+var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.rtVAtURz.js'); });
+var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.DohTu1v2.js'); });
+var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.D99W7p5a.js'); });
+var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.BrWMLV_p.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,

package/dist/{fthry_index.DaJO430v.js → fthry_index.KRksei8j.js}

@@ -1,6 +1,6 @@
-import { c as __awaiter, d as __generator, a4 as __spreadArray, _ as __read, ai as __values, l as featheryWindow, aj as loadQRScanner, ak as throttle, b as jsx, j as jsxs, a as __assign, m as Fragment, E as ErrorInput, al as qrPromise } from './fthry_index.diObxaBS.js';
+import { c as __awaiter, d as __generator, a4 as __spreadArray, _ as __read, ai as __values, l as featheryWindow, aj as loadQRScanner, ak as throttle, b as jsx, j as jsxs, a as __assign, m as Fragment, E as ErrorInput, al as qrPromise } from './fthry_index.F6BXSHA5.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.Bcy5cq6p.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.yVoSvBEy.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';

package/dist/{fthry_index.BOBND5Kw.js → fthry_index.dYsdCe_k.js}

@@ -1,7 +1,7 @@
-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.diObxaBS.js';
+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.F6BXSHA5.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CKU9xvD_.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BNvWxPzE.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.AGcWhuhV.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.prWuB8V7.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';
@@ -9,7 +9,7 @@ import 'events';
 import 'buffer';
 import 'util';
 import 'react-dom';
-import './fthry_Overlay.CAkqWcqE.js';
+import './fthry_Overlay.X0blINpo.js';
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/{fthry_index.CnVdemA5.js → fthry_index.lC0Xyh-d.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.diObxaBS.js';
+import { _ as __read, j as jsxs$1, a as __assign, b as jsx$1, k as FORM_Z_INDEX } from './fthry_index.F6BXSHA5.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.DMgGgKWy.js → fthry_index.mE9gZkgT.js}

@@ -1,8 +1,8 @@
-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.diObxaBS.js';
+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.F6BXSHA5.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Dns0M5df.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CKU9xvD_.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.B5WMynZy.js';
+import { P as Placeholder } from './fthry_Placeholder.DLtEoCLC.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.AGcWhuhV.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CkEvtp1W.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';
@@ -10,7 +10,7 @@ import 'events';
 import 'buffer';
 import 'util';
 import 'react-dom';
-import './fthry_Overlay.CAkqWcqE.js';
+import './fthry_Overlay.X0blINpo.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.BOzMcNbx.js → fthry_index.rtVAtURz.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, a9 as CloseIcon, ap as dataURLToFile, k as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.diObxaBS.js';
+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, a9 as CloseIcon, ap as dataURLToFile, k as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.F6BXSHA5.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.D19e9CJD.js';
+import { P as PropTypes } from './fthry_index.B_soCJRW.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'stream';
@@ -1436,7 +1436,7 @@ function SignatureField(_a) {
     useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = import(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DEj1XG0u.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DyMoLGZ3.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });