@feathery/react 2.42.0 → 2.44.0

package/dist/{fthry_index.BabA9Mw-.js → fthry_index.B6pEx1zI.js}

@@ -1,9 +1,9 @@
-import { k as __rest, c as __read, d as countryData, Q as phoneLib, R as authState, S as firebaseSMSCountries, j as jsxs, a as jsx, _ as __assign, q as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, T as phoneLibPromise, h as hoverStylesGuard, P as isNum, b as iosScrollOnFocus, r as resetStyles } from './fthry_index._5bwnWsa.js';
+import { k as __rest, c as __read, d as countryData, Q as phoneLib, R as authState, S as firebaseSMSCountries, j as jsxs, a as jsx, _ as __assign, q as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, T as phoneLibPromise, h as hoverStylesGuard, P as isNum, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.CDuqBBJn.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.BH2h6ybj.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.bROBNZ_Z.js';
-import { O as Overlay } from './fthry_Overlay.c1qlB9ct.js';
-import { u as useElementSize } from './fthry_useElementSize.BcPjULOb.js';
+import { P as Placeholder } from './fthry_Placeholder.C7B4adz4.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Chat1FIN.js';
+import { O as Overlay } from './fthry_Overlay.pCv-XBOA.js';
+import { u as useElementSize } from './fthry_useElementSize.DvHJBcIE.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Cni5qhKo.js → fthry_index.BJKDlrlW.js}

@@ -1,12 +1,12 @@
-import { u as useBorder, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard, i as imgMaxSizeStyles, n as noTextSelectStyles, E as ErrorInput } from './fthry_index._5bwnWsa.js';
+import { u as useBorder, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard, i as imgMaxSizeStyles, n as noTextSelectStyles, E as ErrorInput } from './fthry_index.CDuqBBJn.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.bROBNZ_Z.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.lJhIijY2.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Chat1FIN.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.DHWXQkeF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.c1qlB9ct.js';
+import './fthry_Overlay.pCv-XBOA.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/{fthry_index.CNnWO_IQ.js → fthry_index.BMzPHmtX.js}

@@ -1,6 +1,6 @@
-import { c as __read, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard } from './fthry_index._5bwnWsa.js';
+import { c as __read, j as jsxs, _ as __assign, a as jsx, h as hoverStylesGuard } from './fthry_index.CDuqBBJn.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.DMI6ijBl.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.DNxDElEh.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DXdUdmGQ.js → fthry_index.BWH9S7pc.js}

@@ -1,4 +1,4 @@
-import { k as __rest, a as jsx, _ as __assign, j as jsxs, q as Fragment, c as __read, t as featheryDoc, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index._5bwnWsa.js';
+import { k as __rest, a as jsx, _ as __assign, j as jsxs, q as Fragment, c as __read, t as featheryDoc, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.CDuqBBJn.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
@@ -1360,7 +1360,7 @@ function applyTableStyles(responsiveStyles) {
     return responsiveStyles;
 }
 function TableElement(_a) {
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.updateFieldValues, updateFieldValues = _c === void 0 ? function () { } : _c, _d = _a.submitCustom, submitCustom = _d === void 0 ? function () { } : _d, _e = _a.editMode, editMode = _e === void 0 ? false : _e, _f = _a.buttonLoaders, buttonLoaders = _f === void 0 ? {} : _f;
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.updateFieldValues, updateFieldValues = _c === void 0 ? function () { } : _c, _d = _a.submitCustom, submitCustom = _d === void 0 ? function () { } : _d, _e = _a.editMode, editMode = _e === void 0 ? false : _e, _f = _a.buttonLoaders, buttonLoaders = _f === void 0 ? {} : _f, assistantClient = _a.assistantClient;
     var styles = useMemo(function () { return applyTableStyles(responsiveStyles); }, [responsiveStyles]);
     var _g = __read(useState(0), 2), dataVersion = _g[0], setDataVersion = _g[1];
     var onMutate = useCallback(function () { return setDataVersion(function (v) { return v + 1; }); }, []);
@@ -1387,6 +1387,7 @@ function TableElement(_a) {
         searchQuery: searchQuery,
         onMutate: onMutate
     }), handleAddRow = _j.handleAddRow, handleDeleteRow = _j.handleDeleteRow, handleCellEdit = _j.handleCellEdit, handleCellClear = _j.handleCellClear;
+    var tableId = element === null || element === void 0 ? void 0 : element.id;
     var canEdit = enableEditing && !isTransposed;
     var showAddRow = canEdit && enableAddDeleteRows;
     var canDeleteRows = canEdit && enableAddDeleteRows;
@@ -1414,18 +1415,40 @@ function TableElement(_a) {
     var handleCancelDelete = useCallback(function () { return setDeleteRowIndex(null); }, []);
     var deleteIconRefs = useRef(new Map());
     var actionCellRefs = useRef(new Map());
+    var wrappedHandleAddRow = useCallback(function () {
+        setDeleteRowIndex(null);
+        handleAddRow();
+        setPendingAddRows(function (prev) {
+            var next = new Set();
+            next.add(0);
+            prev.forEach(function (idx) { return next.add(idx + 1); });
+            return next;
+        });
+    }, [handleAddRow]);
+    var wrappedHandleDeleteRow = useCallback(function (rowIndex) {
+        handleDeleteRow(rowIndex);
+        setDeleteRowIndex(null);
+    }, [handleDeleteRow]);
+    // Lets the assistant invoke this table's mutations through the same handlers the user UI calls
+    useEffect(function () {
+        if (!assistantClient || !tableId)
+            return;
+        assistantClient.registerTable(tableId, {
+            handleCellEdit: wrappedHandleCellEdit,
+            handleAddRow: wrappedHandleAddRow,
+            handleDeleteRow: wrappedHandleDeleteRow
+        });
+        return function () { return assistantClient.unregisterTable(tableId); };
+    }, [
+        assistantClient,
+        tableId,
+        wrappedHandleCellEdit,
+        wrappedHandleAddRow,
+        wrappedHandleDeleteRow
+    ]);
     var showEmptyState = !hasData || !hasSearchResults;
     var showToolbar = enableSearch || showAddRow;
-    return (jsxs("div", __assign({ css: __assign(__assign({}, containerStyle), styles.getTarget('container')) }, { children: [showToolbar && (jsxs("div", __assign({ css: toolbarStyle }, { children: [enableSearch ? (jsx(Search, { searchQuery: searchQuery, onSearchChange: setSearchQuery })) : (jsx("div", {})), showAddRow && (jsx("button", __assign({ type: 'button', css: addRowButtonStyle, onClick: function () {
-                            setDeleteRowIndex(null);
-                            handleAddRow();
-                            setPendingAddRows(function (prev) {
-                                var next = new Set();
-                                next.add(0);
-                                prev.forEach(function (idx) { return next.add(idx + 1); });
-                                return next;
-                            });
-                        } }, { children: "+ Add Row" })))] }))), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsx("div", __assign({ css: { overflowX: 'auto' } }, { children: jsxs("table", __assign({ css: __assign(__assign({}, tableStyle), styles.getTarget('table')) }, { children: [!isTransposed && (jsx("thead", __assign({ css: theadStyle }, { children: jsxs("tr", { children: [jsx(SortHeader, { columns: columns, enableSort: enableSort, sortColumn: sortColumn, sortDirection: sortDirection, onSort: handleSort, styles: styles }), actions.length > 0 && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), { paddingLeft: 0 }), styles.getTarget('th')) })), showStandaloneDeleteColumn && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), deleteColumnStyle), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
+    return (jsxs("div", __assign({ css: __assign(__assign({}, containerStyle), styles.getTarget('container')) }, { children: [showToolbar && (jsxs("div", __assign({ css: toolbarStyle }, { children: [enableSearch ? (jsx(Search, { searchQuery: searchQuery, onSearchChange: setSearchQuery })) : (jsx("div", {})), showAddRow && (jsx("button", __assign({ type: 'button', css: addRowButtonStyle, onClick: wrappedHandleAddRow }, { children: "+ Add Row" })))] }))), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsx("div", __assign({ css: { overflowX: 'auto' } }, { children: jsxs("table", __assign({ css: __assign(__assign({}, tableStyle), styles.getTarget('table')) }, { children: [!isTransposed && (jsx("thead", __assign({ css: theadStyle }, { children: jsxs("tr", { children: [jsx(SortHeader, { columns: columns, enableSort: enableSort, sortColumn: sortColumn, sortDirection: sortDirection, onSort: handleSort, styles: styles }), actions.length > 0 && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), { paddingLeft: 0 }), styles.getTarget('th')) })), showStandaloneDeleteColumn && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), deleteColumnStyle), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
                                     var _a, _b;
                                     var rowData = {};
                                     if (!isTransposed) {
@@ -1499,10 +1522,7 @@ function TableElement(_a) {
                                                         actionCellRefs.current.delete(rowIndex);
                                                 }, css: __assign(__assign(__assign({}, cellStyle), { paddingLeft: 0 }), styles.getTarget('td')) }, { children: [jsx(ActionButtons, { actions: actions, rowIndex: rowIndex, columnData: baseColumns, fieldValues: baseFieldValues, onClick: onClick, tableId: element.id, buttonLoaders: buttonLoaders, canDeleteRows: canDeleteRows && hasOverflowMenu, onDeleteRow: function (ri) { return setDeleteRowIndex(ri); } }), hasOverflowMenu &&
                                                         canDeleteRows &&
-                                                        deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_a = actionCellRefs.current.get(rowIndex)) !== null && _a !== void 0 ? _a : null, onConfirm: function () {
-                                                            handleDeleteRow(rowIndex);
-                                                            setDeleteRowIndex(null);
-                                                        }, onCancel: handleCancelDelete }))] }))), showStandaloneDeleteColumn && (jsxs("td", __assign({ css: __assign(__assign({}, deleteColumnStyle), styles.getTarget('td')) }, { children: [jsx("button", __assign({ type: 'button', ref: function (el) {
+                                                        deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_a = actionCellRefs.current.get(rowIndex)) !== null && _a !== void 0 ? _a : null, onConfirm: function () { return wrappedHandleDeleteRow(rowIndex); }, onCancel: handleCancelDelete }))] }))), showStandaloneDeleteColumn && (jsxs("td", __assign({ css: __assign(__assign({}, deleteColumnStyle), styles.getTarget('td')) }, { children: [jsx("button", __assign({ type: 'button', ref: function (el) {
                                                             if (el)
                                                                 deleteIconRefs.current.set(rowIndex, el);
                                                             else
@@ -1512,10 +1532,7 @@ function TableElement(_a) {
                                                         })), onClick: function (e) {
                                                             e.stopPropagation();
                                                             setDeleteRowIndex(deleteRowIndex === rowIndex ? null : rowIndex);
-                                                        } }, { children: jsx(TrashIcon, {}) })), deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_b = deleteIconRefs.current.get(rowIndex)) !== null && _b !== void 0 ? _b : null, onConfirm: function () {
-                                                            handleDeleteRow(rowIndex);
-                                                            setDeleteRowIndex(null);
-                                                        }, onCancel: handleCancelDelete }))] })))] }), rowIndex));
+                                                        } }, { children: jsx(TrashIcon, {}) })), deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_b = deleteIconRefs.current.get(rowIndex)) !== null && _b !== void 0 ? _b : null, onConfirm: function () { return wrappedHandleDeleteRow(rowIndex); }, onCancel: handleCancelDelete }))] })))] }), rowIndex));
                                 }), isTransposed && actions.length > 0 && (jsxs("tr", __assign({ css: __assign(__assign({}, rowStyle), styles.getTarget('tr')) }, { children: [jsx("th", { scope: 'row', css: __assign(__assign(__assign({}, thStyle), { backgroundColor: '#f9fafb', borderRight: '1px solid #e5e7eb', width: '1px', whiteSpace: 'nowrap' }), styles.getTarget('th')) }), transposedRowIndices.map(function (originalRowIndex, idx) { return (jsx("td", __assign({ css: __assign(__assign(__assign({}, cellStyle), (idx === 0 ? {} : { paddingLeft: 0 })), styles.getTarget('td')) }, { children: jsx("div", __assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsx(ActionButtons, { actions: actions, rowIndex: originalRowIndex, columnData: baseColumns, fieldValues: baseFieldValues, onClick: onClick, forceInlineButtons: true, tableId: element.id, buttonLoaders: buttonLoaders }) })) }), originalRowIndex)); })] })))] }))] })) }))), !showEmptyState && enablePagination && (jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, totalItems: totalRows, rowsPerPage: rowsPerPage, onPageChange: setCurrentPage }))] })));
 }
 

package/dist/fthry_index.BZvFWQLR.js

@@ -0,0 +1,71 @@
+import { l as __awaiter, m as __generator } from './fthry_index.CDuqBBJn.js';
+import { i as isServer, g as getNextIntegrationsURL, l as loadScript } from './fthry_index.1SZZv9d2.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-dom/client';
+import 'jszip';
+import 'react-dom';
+
+function remoteMiddlewares(ctx, settings, obfuscate) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+        var path, remoteMiddleware, names, scripts, middleware;
+        var _this = this;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (isServer()) {
+                        return [2 /*return*/, []];
+                    }
+                    path = getNextIntegrationsURL();
+                    remoteMiddleware = (_a = settings.enabledMiddleware) !== null && _a !== void 0 ? _a : {};
+                    names = Object.entries(remoteMiddleware)
+                        .filter(function (_a) {
+                        _a[0]; var enabled = _a[1];
+                        return enabled;
+                    })
+                        .map(function (_a) {
+                        var name = _a[0];
+                        return name;
+                    });
+                    scripts = names.map(function (name) { return __awaiter(_this, void 0, void 0, function () {
+                        var nonNamespaced, bundleName, fullPath, error_1;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    nonNamespaced = name.replace('@segment/', '');
+                                    bundleName = nonNamespaced;
+                                    if (obfuscate) {
+                                        bundleName = btoa(nonNamespaced).replace(/=/g, '');
+                                    }
+                                    fullPath = "".concat(path, "/middleware/").concat(bundleName, "/latest/").concat(bundleName, ".js.gz");
+                                    _a.label = 1;
+                                case 1:
+                                    _a.trys.push([1, 3, , 4]);
+                                    return [4 /*yield*/, loadScript(fullPath)
+                                        // @ts-ignore
+                                    ];
+                                case 2:
+                                    _a.sent();
+                                    // @ts-ignore
+                                    return [2 /*return*/, window["".concat(nonNamespaced, "Middleware")]];
+                                case 3:
+                                    error_1 = _a.sent();
+                                    ctx.log('error', error_1);
+                                    ctx.stats.increment('failed_remote_middleware');
+                                    return [3 /*break*/, 4];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                    return [4 /*yield*/, Promise.all(scripts)];
+                case 1:
+                    middleware = _b.sent();
+                    middleware = middleware.filter(Boolean);
+                    return [2 /*return*/, middleware];
+            }
+        });
+    });
+}
+
+export { remoteMiddlewares };

package/dist/{fthry_index.DDOGQlw5.js → fthry_index.BpKf-eNy.js}

@@ -1,4 +1,4 @@
-import { a as jsx, _ as __assign, c as __read, j as jsxs, E as ErrorInput } from './fthry_index._5bwnWsa.js';
+import { a as jsx, _ as __assign, c as __read, j as jsxs, E as ErrorInput } from './fthry_index.CDuqBBJn.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.IiZ-zUFp.js → fthry_index.C5BLw18G.js}

@@ -1,14 +1,14 @@
-import { c as __read, j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index._5bwnWsa.js';
+import { c as __read, j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.CDuqBBJn.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.CnYezAfl.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DjOqKkBq.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.bROBNZ_Z.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.lJhIijY2.js';
+import { F as FormControl } from './fthry_FormControl.DJieQaw-.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DdgFKsos.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Chat1FIN.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.DHWXQkeF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.c1qlB9ct.js';
+import './fthry_Overlay.pCv-XBOA.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.BU1tBfl4.js → fthry_index.C8LO6uJL.js}

@@ -1,14 +1,14 @@
-import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index._5bwnWsa.js';
+import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.CDuqBBJn.js';
 import { useRef, useMemo, useEffect } from 'react';
-import { F as FormControl } from './fthry_FormControl.CnYezAfl.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DjOqKkBq.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.bROBNZ_Z.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.lJhIijY2.js';
+import { F as FormControl } from './fthry_FormControl.DJieQaw-.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DdgFKsos.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Chat1FIN.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.DHWXQkeF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.c1qlB9ct.js';
+import './fthry_Overlay.pCv-XBOA.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');