@amp-labs/react 1.15.0 → 1.15.1

package/build/amp-react.es.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as F, Fragment as We } from "react/jsx-runtime";
 import * as X from "react";
-import Ut, { createContext as Qe, useContext as et, useState as U, useCallback as ee, useMemo as Re, useEffect as ae, forwardRef as Yn, useRef as ke, cloneElement as wc, useLayoutEffect as _c, useReducer as bc, Component as Cc, createElement as Kn } from "react";
+import Ut, { createContext as Qe, useContext as et, useState as U, useCallback as ee, useMemo as Re, useEffect as ie, forwardRef as Yn, useRef as ke, cloneElement as wc, useLayoutEffect as _c, useReducer as bc, Component as Cc, createElement as Kn } from "react";
 import { extendTheme as yi, ChakraProvider as Oc, Box as Je, Container as Nc, Text as jt, Stack as Kt, Spinner as Sc, useTab as vi, useMultiStyleConfig as Ii, Button as Se, Select as Ec, Divider as Tc, FormControl as mt, FormErrorMessage as xc, Checkbox as $n, Link as Rc, FormLabel as bt, Heading as Ct, InputGroup as Gn, Input as ot, InputRightElement as Zn, createIcon as Ac, Flex as Pc, Textarea as wi, Tabs as Dc } from "@chakra-ui/react";
 import "react-dom";
 const Fc = {
@@ -592,6 +592,7 @@ function Il(e) {
       destination: e.destination,
       selectedFields: e.selectedFields,
       selectedFieldMappings: e.selectedFieldMappings,
+      selectedFieldsAuto: e.selectedFieldsAuto,
       backfill: gl(e.backfill)
     };
 }
@@ -2009,7 +2010,7 @@ class bd {
     this.connectionApi = new hd(t), this.installationApi = new md(t), this.integrationApi = new gd(t), this.oAuthApi = new yd(t), this.projectApi = new vd(t), this.providerApi = new Id(t), this.providerAppApi = new wd(t), this.revisionApi = new _d(t);
   }
 }
-const Cd = "1.15.0", Od = "v1", Sn = "https://api.withampersand.com";
+const Cd = "1.15.1", Od = "v1", Sn = "https://api.withampersand.com";
 function Fi() {
   try {
     const e = process.env.REACT_APP_AMP_SERVER;
@@ -2119,7 +2120,7 @@ const Ee = async (e, t) => {
 };
 function $d({ projectIdOrName: e, children: t }) {
   const n = Ce(), { setError: o, isError: i } = Ot(), [r, a] = U(null), [s, l] = U(!0);
-  ae(() => {
+  ie(() => {
     me().integrationApi.listIntegrations({ projectIdOrName: e }, {
       headers: {
         "X-Api-Key": n ?? ""
@@ -2148,7 +2149,7 @@ const Ki = Qe({
 };
 function Ld({ projectIdOrName: e, children: t }) {
   const n = Ce(), { isError: o, setError: i } = Ot(), [r, a] = U(null), [s, l] = U(!0);
-  ae(() => {
+  ie(() => {
     me().projectApi.getProject({ projectIdOrName: e }, {
       headers: {
         "X-Api-Key": n ?? ""
@@ -2167,7 +2168,7 @@ function Ld({ projectIdOrName: e, children: t }) {
   }), [e, r]);
   return o(ye.PROJECT, e) ? /* @__PURE__ */ c(ht, { message: `Error loading project ${e}` }) : /* @__PURE__ */ c(Ki.Provider, { value: d, children: s ? /* @__PURE__ */ c(Ze, {}) : t });
 }
-function lg(e) {
+function ug(e) {
   const { options: { apiKey: t, projectId: n, project: o }, children: i } = e, r = o || n;
   if (n && o)
     throw new Error("Use AmpersandProvider either with projectId or project but not both.");
@@ -2178,7 +2179,7 @@ function lg(e) {
   return /* @__PURE__ */ c(Kc, { children: /* @__PURE__ */ c(Vc, { children: /* @__PURE__ */ c($c, { value: t, children: /* @__PURE__ */ c(Ld, { projectIdOrName: r, children: /* @__PURE__ */ c($d, { projectIdOrName: r, children: i }) }) }) }) });
 }
 const Vd = Qe(null);
-function ug() {
+function dg() {
   const e = et(Vd);
   if (!e)
     throw new Error(`Cannot call useAmpersandProvider unless your 
@@ -2232,7 +2233,7 @@ function Ud({
     () => Uc(t, g || []),
     [t, g]
   );
-  ae(() => {
+  ie(() => {
     N === null && (g != null && g.length) && console.error(`Integration "${t}" not found in integration list`);
   }, [t, N, g]);
   const V = ee((z) => {
@@ -2255,7 +2256,7 @@ function Ud({
     },
     [N, h, p, f, i]
   ), H = (N == null ? void 0 : N.id) || "";
-  ae(() => {
+  ie(() => {
     D();
   }, [D]);
   const Y = Re(() => ({
@@ -2321,7 +2322,7 @@ function Vi({
   const m = e || f;
   if (!m)
     throw new Error("ConnectionsProvider must be given a provider prop or be used within InstallIntegrationProvider");
-  ae(() => {
+  ie(() => {
     me().connectionApi.listConnections({ projectIdOrName: i, groupRef: t, provider: m }, {
       headers: {
         "X-Api-Key": o ?? ""
@@ -2349,7 +2350,7 @@ Ln.exports;
 (function(e, t) {
   var n = 200, o = "__lodash_hash_undefined__", i = 1, r = 2, a = 9007199254740991, s = "[object Arguments]", l = "[object Array]", d = "[object AsyncFunction]", p = "[object Boolean]", h = "[object Date]", g = "[object Error]", f = "[object Function]", m = "[object GeneratorFunction]", w = "[object Map]", v = "[object Number]", O = "[object Null]", y = "[object Object]", C = "[object Promise]", b = "[object Proxy]", I = "[object RegExp]", N = "[object Set]", V = "[object String]", D = "[object Symbol]", H = "[object Undefined]", Y = "[object WeakMap]", z = "[object ArrayBuffer]", Z = "[object DataView]", ne = "[object Float32Array]", Q = "[object Float64Array]", de = "[object Int8Array]", pe = "[object Int16Array]", oe = "[object Int32Array]", Te = "[object Uint8Array]", Ae = "[object Uint8ClampedArray]", E = "[object Uint16Array]", K = "[object Uint32Array]", k = /[\\^$.*+?()[\]{}|]/g, P = /^\[object .+?Constructor\]$/, A = /^(?:0|[1-9]\d*)$/, T = {};
   T[ne] = T[Q] = T[de] = T[pe] = T[oe] = T[Te] = T[Ae] = T[E] = T[K] = !0, T[s] = T[l] = T[z] = T[p] = T[Z] = T[h] = T[g] = T[f] = T[w] = T[v] = T[y] = T[I] = T[N] = T[V] = T[Y] = !1;
-  var B = typeof En == "object" && En && En.Object === Object && En, W = typeof self == "object" && self && self.Object === Object && self, j = B || W || Function("return this")(), J = t && !t.nodeType && t, q = J && !0 && e && !e.nodeType && e, ie = q && q.exports === J, R = ie && B.process, fe = function() {
+  var B = typeof En == "object" && En && En.Object === Object && En, W = typeof self == "object" && self && self.Object === Object && self, j = B || W || Function("return this")(), J = t && !t.nodeType && t, q = J && !0 && e && !e.nodeType && e, ae = q && q.exports === J, R = ae && B.process, fe = function() {
     try {
       return R && R.binding && R.binding("util");
     } catch {
@@ -2411,7 +2412,7 @@ Ln.exports;
     return u ? "Symbol(src)_1." + u : "";
   }(), Io = Ke.toString, bs = RegExp(
     "^" + yn.call(rt).replace(k, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), wo = ie ? j.Buffer : void 0, vn = j.Symbol, _o = j.Uint8Array, bo = Ke.propertyIsEnumerable, Cs = nt.splice, Et = vn ? vn.toStringTag : void 0, Co = Object.getOwnPropertySymbols, Os = wo ? wo.isBuffer : void 0, Ns = en(Object.keys, Object), ar = Vt(j, "DataView"), tn = Vt(j, "Map"), sr = Vt(j, "Promise"), cr = Vt(j, "Set"), lr = Vt(j, "WeakMap"), nn = Vt(Object, "create"), Ss = Rt(ar), Es = Rt(tn), Ts = Rt(sr), xs = Rt(cr), Rs = Rt(lr), Oo = vn ? vn.prototype : void 0, ur = Oo ? Oo.valueOf : void 0;
+  ), wo = ae ? j.Buffer : void 0, vn = j.Symbol, _o = j.Uint8Array, bo = Ke.propertyIsEnumerable, Cs = nt.splice, Et = vn ? vn.toStringTag : void 0, Co = Object.getOwnPropertySymbols, Os = wo ? wo.isBuffer : void 0, Ns = en(Object.keys, Object), ar = Vt(j, "DataView"), tn = Vt(j, "Map"), sr = Vt(j, "Promise"), cr = Vt(j, "Set"), lr = Vt(j, "WeakMap"), nn = Vt(Object, "create"), Ss = Rt(ar), Es = Rt(tn), Ts = Rt(sr), xs = Rt(cr), Rs = Rt(lr), Oo = vn ? vn.prototype : void 0, ur = Oo ? Oo.valueOf : void 0;
   function Tt(u) {
     var _ = -1, S = u == null ? 0 : u.length;
     for (this.clear(); ++_ < S; ) {
@@ -3248,7 +3249,7 @@ function yp({
 }) {
   var C;
   const { selectedConnection: n } = Gt(), { integrationId: o, integrationObj: i } = tt(), [r, a] = U(null), [s, l] = U(!0), { isError: d, removeError: p, setError: h } = Ot(), g = Ce(), f = n == null ? void 0 : n.id, m = (C = i == null ? void 0 : i.latestRevision) == null ? void 0 : C.id, w = (i == null ? void 0 : i.name) || o;
-  ae(() => {
+  ie(() => {
     e && o && m && f && g && me().revisionApi.getHydratedRevision({
       projectIdOrName: e,
       integrationId: o,
@@ -3466,10 +3467,10 @@ function wp() {
     function q(R) {
       return b(R) === i;
     }
-    function ie(R) {
+    function ae(R) {
       return b(R) === h;
     }
-    ce.AsyncMode = I, ce.ConcurrentMode = N, ce.ContextConsumer = V, ce.ContextProvider = D, ce.Element = H, ce.ForwardRef = Y, ce.Fragment = z, ce.Lazy = Z, ce.Memo = ne, ce.Portal = Q, ce.Profiler = de, ce.StrictMode = pe, ce.Suspense = oe, ce.isAsyncMode = Ae, ce.isConcurrentMode = E, ce.isContextConsumer = K, ce.isContextProvider = k, ce.isElement = P, ce.isForwardRef = A, ce.isFragment = T, ce.isLazy = B, ce.isMemo = W, ce.isPortal = j, ce.isProfiler = J, ce.isStrictMode = q, ce.isSuspense = ie, ce.isValidElementType = C, ce.typeOf = b;
+    ce.AsyncMode = I, ce.ConcurrentMode = N, ce.ContextConsumer = V, ce.ContextProvider = D, ce.Element = H, ce.ForwardRef = Y, ce.Fragment = z, ce.Lazy = Z, ce.Memo = ne, ce.Portal = Q, ce.Profiler = de, ce.StrictMode = pe, ce.Suspense = oe, ce.isAsyncMode = Ae, ce.isConcurrentMode = E, ce.isContextConsumer = K, ce.isContextProvider = k, ce.isElement = P, ce.isForwardRef = A, ce.isFragment = T, ce.isLazy = B, ce.isMemo = W, ce.isPortal = j, ce.isProfiler = J, ce.isStrictMode = q, ce.isSuspense = ae, ce.isValidElementType = C, ce.typeOf = b;
   }()), ce;
 }
 var Bo;
@@ -3642,8 +3643,8 @@ function Cp() {
     function v(E) {
       if (process.env.NODE_ENV !== "production")
         var K = {}, k = 0;
-      function P(T, B, W, j, J, q, ie) {
-        if (j = j || g, q = q || W, ie !== n) {
+      function P(T, B, W, j, J, q, ae) {
+        if (j = j || g, q = q || W, ae !== n) {
           if (l) {
             var R = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -3738,7 +3739,7 @@ function Cp() {
         for (var W = k[P], j = 0; j < E.length; j++)
           if (m(W, E[j]))
             return null;
-        var J = JSON.stringify(E, function(ie, R) {
+        var J = JSON.stringify(E, function(ae, R) {
           var fe = oe(R);
           return fe === "symbol" ? String(R) : R;
         });
@@ -3775,7 +3776,7 @@ function Cp() {
       }
       function P(A, T, B, W, j) {
         for (var J = [], q = 0; q < E.length; q++) {
-          var ie = E[q], R = ie(A, T, B, W, j, n);
+          var ae = E[q], R = ae(A, T, B, W, j, n);
           if (R == null)
             return null;
           R.data && o(R.data, "expectedType") && J.push(R.data.expectedType);
@@ -3805,9 +3806,9 @@ function Cp() {
           var q = E[J];
           if (typeof q != "function")
             return z(A, T, B, J, oe(q));
-          var ie = q(W, J, A, T, B + "." + J, n);
-          if (ie)
-            return ie;
+          var ae = q(W, J, A, T, B + "." + J, n);
+          if (ae)
+            return ae;
         }
         return null;
       }
@@ -3820,15 +3821,15 @@ function Cp() {
           return new w("Invalid " + T + " `" + B + "` of type `" + j + "` " + ("supplied to `" + A + "`, expected `object`."));
         var J = t({}, k[P], E);
         for (var q in J) {
-          var ie = E[q];
-          if (o(E, q) && typeof ie != "function")
-            return z(A, T, B, q, oe(ie));
-          if (!ie)
+          var ae = E[q];
+          if (o(E, q) && typeof ae != "function")
+            return z(A, T, B, q, oe(ae));
+          if (!ae)
             return new w(
               "Invalid " + T + " `" + B + "` key `" + q + "` supplied to `" + A + "`.\nBad object: " + JSON.stringify(k[P], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var R = ie(W, q, A, T, B + "." + q, n);
+          var R = ae(W, q, A, T, B + "." + q, n);
           if (R)
             return R;
         }
@@ -4129,7 +4130,7 @@ function xp() {
     function q($) {
       return I($) === i;
     }
-    function ie($) {
+    function ae($) {
       return I($) === o;
     }
     function R($) {
@@ -4138,7 +4139,7 @@ function xp() {
     function fe($) {
       return I($) === p;
     }
-    ue.ContextConsumer = N, ue.ContextProvider = V, ue.Element = D, ue.ForwardRef = H, ue.Fragment = Y, ue.Lazy = z, ue.Memo = Z, ue.Portal = ne, ue.Profiler = Q, ue.StrictMode = de, ue.Suspense = pe, ue.SuspenseList = oe, ue.isAsyncMode = E, ue.isConcurrentMode = K, ue.isContextConsumer = k, ue.isContextProvider = P, ue.isElement = A, ue.isForwardRef = T, ue.isFragment = B, ue.isLazy = W, ue.isMemo = j, ue.isPortal = J, ue.isProfiler = q, ue.isStrictMode = ie, ue.isSuspense = R, ue.isSuspenseList = fe, ue.isValidElementType = b, ue.typeOf = I;
+    ue.ContextConsumer = N, ue.ContextProvider = V, ue.Element = D, ue.ForwardRef = H, ue.Fragment = Y, ue.Lazy = z, ue.Memo = Z, ue.Portal = ne, ue.Profiler = Q, ue.StrictMode = de, ue.Suspense = pe, ue.SuspenseList = oe, ue.isAsyncMode = E, ue.isConcurrentMode = K, ue.isContextConsumer = k, ue.isContextProvider = P, ue.isElement = A, ue.isForwardRef = T, ue.isFragment = B, ue.isLazy = W, ue.isMemo = j, ue.isPortal = J, ue.isProfiler = q, ue.isStrictMode = ae, ue.isSuspense = R, ue.isSuspenseList = fe, ue.isValidElementType = b, ue.typeOf = I;
   }()), ue;
 }
 process.env.NODE_ENV === "production" ? Tr.exports = Tp() : Tr.exports = xp();
@@ -4187,12 +4188,12 @@ const ei = (e) => typeof e == "object" && e != null && e.nodeType === 1, ti = (e
     if (a === "if-needed" && I >= 0 && D >= 0 && V <= v && N <= w && I >= E && V <= k && D >= P && N <= K) return de;
     const A = getComputedStyle(oe), T = parseInt(A.borderLeftWidth, 10), B = parseInt(A.borderTopWidth, 10), W = parseInt(A.borderRightWidth, 10), j = parseInt(A.borderBottomWidth, 10);
     let J = 0, q = 0;
-    const ie = "offsetWidth" in oe ? oe.offsetWidth - oe.clientWidth - T - W : 0, R = "offsetHeight" in oe ? oe.offsetHeight - oe.clientHeight - B - j : 0, fe = "offsetWidth" in oe ? oe.offsetWidth === 0 ? 0 : Ae / oe.offsetWidth : 0, $ = "offsetHeight" in oe ? oe.offsetHeight === 0 ? 0 : Te / oe.offsetHeight : 0;
+    const ae = "offsetWidth" in oe ? oe.offsetWidth - oe.clientWidth - T - W : 0, R = "offsetHeight" in oe ? oe.offsetHeight - oe.clientHeight - B - j : 0, fe = "offsetWidth" in oe ? oe.offsetWidth === 0 ? 0 : Ae / oe.offsetWidth : 0, $ = "offsetHeight" in oe ? oe.offsetHeight === 0 ? 0 : Te / oe.offsetHeight : 0;
     if (g === oe) J = s === "start" ? ne : s === "end" ? ne - v : s === "nearest" ? xn(y, y + v, v, B, j, y + ne, y + ne + C, C) : ne - v / 2, q = l === "start" ? Q : l === "center" ? Q - w / 2 : l === "end" ? Q - w : xn(O, O + w, w, T, W, O + Q, O + Q + b, b), J = Math.max(0, J + y), q = Math.max(0, q + O);
     else {
-      J = s === "start" ? ne - E - B : s === "end" ? ne - k + j + R : s === "nearest" ? xn(E, k, Te, B, j + R, ne, ne + C, C) : ne - (E + Te / 2) + R / 2, q = l === "start" ? Q - P - T : l === "center" ? Q - (P + Ae / 2) + ie / 2 : l === "end" ? Q - K + W + ie : xn(P, K, Ae, T, W + ie, Q, Q + b, b);
+      J = s === "start" ? ne - E - B : s === "end" ? ne - k + j + R : s === "nearest" ? xn(E, k, Te, B, j + R, ne, ne + C, C) : ne - (E + Te / 2) + R / 2, q = l === "start" ? Q - P - T : l === "center" ? Q - (P + Ae / 2) + ae / 2 : l === "end" ? Q - K + W + ae : xn(P, K, Ae, T, W + ae, Q, Q + b, b);
       const { scrollLeft: Pe, scrollTop: De } = oe;
-      J = $ === 0 ? 0 : Math.max(0, Math.min(De + J / $, oe.scrollHeight - Te / $ + R)), q = fe === 0 ? 0 : Math.max(0, Math.min(Pe + q / fe, oe.scrollWidth - Ae / fe + ie)), ne += De - J, Q += Pe - q;
+      J = $ === 0 ? 0 : Math.max(0, Math.min(De + J / $, oe.scrollHeight - Te / $ + R)), q = fe === 0 ? 0 : Math.max(0, Math.min(Pe + q / fe, oe.scrollWidth - Ae / fe + ae)), ne += De - J, Q += Pe - q;
     }
     de.push({ el: oe, top: J, left: q });
   }
@@ -4964,7 +4965,7 @@ function Xp(e, t) {
 }
 var ai = Wr(function(e, t) {
   ca(e, t);
-}, 200), Yp = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? _c : ae, Gp = "useId" in Ut ? function(t) {
+}, 200), Yp = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? _c : ie, Gp = "useId" in Ut ? function(t) {
   var n = t.id, o = t.labelId, i = t.menuId, r = t.getItemId, a = t.toggleButtonId, s = t.inputId, l = "downshift-" + Ut.useId();
   n || (n = l);
   var d = ke({
@@ -5018,7 +5019,7 @@ function Qp(e, t, n, o) {
       props: p.current
     }, f));
   }, [p]), g = r.current;
-  return ae(function() {
+  return ie(function() {
     var f = Vn(i.current, g == null ? void 0 : g.props), m = g && i.current && !o(f, l);
     m && Jp(g, f, l), i.current = l;
   }, [l, g, o]), [l, h];
@@ -5073,7 +5074,7 @@ function tf(e, t, n) {
     isTouchMove: !1,
     isTouchEnd: !1
   });
-  return ae(function() {
+  return ie(function() {
     if (!e)
       return Le;
     var i = n.map(function(p) {
@@ -5108,7 +5109,7 @@ process.env.NODE_ENV !== "production" && (Na = function() {
   var i = ke(n.reduce(function(a, s) {
     return a[s] = {}, a;
   }, {}));
-  ae(function() {
+  ie(function() {
     Object.keys(i.current).forEach(function(a) {
       var s = i.current[a];
       if (!Object.keys(s).length) {
@@ -5131,12 +5132,12 @@ process.env.NODE_ENV !== "production" && (Na = function() {
 function nf(e, t, n, o) {
   o === void 0 && (o = {});
   var i = o.document, r = er();
-  ae(function() {
+  ie(function() {
     if (!(!e || r || !i)) {
       var a = e(t);
       ai(a, i);
     }
-  }, n), ae(function() {
+  }, n), ie(function() {
     return function() {
       ai.cancel(), $p(i);
     };
@@ -5151,7 +5152,7 @@ function rf(e) {
 var Sa = Le;
 process.env.NODE_ENV !== "production" && (Sa = function(t) {
   var n = t.props, o = t.state, i = ke(n), r = er();
-  ae(function() {
+  ie(function() {
     r || (Jr(o, i.current, n), i.current = n);
   }, [o, n, r]);
 });
@@ -5350,7 +5351,7 @@ var lf = re({}, Ea, {
 });
 function uf(e, t, n, o) {
   var i = ke(), r = Qp(e, t, n, o), a = r[0], s = r[1], l = er();
-  return ae(function() {
+  return ie(function() {
     if (Hn(t, "selectedItem")) {
       if (!l) {
         var d = t.itemToKey(t.selectedItem) !== t.itemToKey(i.current);
@@ -5491,10 +5492,10 @@ function co(e) {
   Sa({
     props: t,
     state: s
-  }), ae(function() {
+  }), ie(function() {
     var k = ln(t, "isOpen");
     k && w.current && w.current.focus();
-  }, []), ae(function() {
+  }, []), ie(function() {
     O || (C.current = n.length);
   });
   var V = tf(i, ee(function() {
@@ -5505,9 +5506,9 @@ function co(e) {
   }, [l, b]), Re(function() {
     return [f, v, w];
   }, [f.current, v.current, w.current])), D = Na("getInputProps", "getMenuProps");
-  ae(function() {
+  ie(function() {
     d || (m.current = {});
-  }, [d]), ae(function() {
+  }, [d]), ie(function() {
     var k;
     !d || !(i != null && i.document) || !(w != null && (k = w.current) != null && k.focus) || i.document.activeElement !== w.current && w.current.focus();
   }, [d, i]);
@@ -5564,7 +5565,7 @@ function co(e) {
       htmlFor: y.inputId
     }, k);
   }, [y]), z = ee(function(k, P) {
-    var A, T = k === void 0 ? {} : k, B = T.onMouseLeave, W = T.refKey, j = W === void 0 ? "ref" : W, J = T.ref, q = pt(T, ff), ie = P === void 0 ? {} : P, R = ie.suppressRefError, fe = R === void 0 ? !1 : R;
+    var A, T = k === void 0 ? {} : k, B = T.onMouseLeave, W = T.refKey, j = W === void 0 ? "ref" : W, J = T.ref, q = pt(T, ff), ae = P === void 0 ? {} : P, R = ae.suppressRefError, fe = R === void 0 ? !1 : R;
     return D("getMenuProps", fe, j, f), re((A = {}, A[j] = Ht(J, function($) {
       f.current = $;
     }), A.id = y.menuId, A.role = "listbox", A["aria-labelledby"] = q && q["aria-label"] ? void 0 : "" + y.labelId, A.onMouseLeave = be(B, function() {
@@ -5573,7 +5574,7 @@ function co(e) {
       });
     }), A), q);
   }, [l, D, y]), Z = ee(function(k) {
-    var P, A, T = k === void 0 ? {} : k, B = T.item, W = T.index, j = T.refKey, J = j === void 0 ? "ref" : j, q = T.ref, ie = T.onMouseMove, R = T.onMouseDown, fe = T.onClick;
+    var P, A, T = k === void 0 ? {} : k, B = T.item, W = T.index, j = T.refKey, J = j === void 0 ? "ref" : j, q = T.ref, ae = T.onMouseMove, R = T.onMouseDown, fe = T.onClick;
     T.onPress;
     var $ = T.disabled, Pe = pt(T, hf);
     $ !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useCombobox.');
@@ -5594,13 +5595,13 @@ function co(e) {
     return re((P = {}, P[J] = Ht(q, function(Fe) {
       Fe && (m.current[y.getItemId(Ye)] = Fe);
     }), P["aria-disabled"] = St, P["aria-selected"] = Ye === Xe.highlightedIndex, P.id = y.getItemId(Ye), P.role = "option", P), !St && (A = {}, A[en] = be(Lt, ct), A), {
-      onMouseMove: be(ie, nt),
+      onMouseMove: be(ae, nt),
       onMouseDown: be(R, Ke)
     }, Pe);
   }, [l, y, b, V, N]), ne = ee(function(k) {
     var P, A = k === void 0 ? {} : k, T = A.onClick;
     A.onPress;
-    var B = A.refKey, W = B === void 0 ? "ref" : B, j = A.ref, J = pt(A, mf), q = b.current.state, ie = function() {
+    var B = A.refKey, W = B === void 0 ? "ref" : B, j = A.ref, J = pt(A, mf), q = b.current.state, ae = function() {
       l({
         type: Ra
       });
@@ -5608,12 +5609,12 @@ function co(e) {
     return re((P = {}, P[W] = Ht(j, function(R) {
       v.current = R;
     }), P["aria-controls"] = y.menuId, P["aria-expanded"] = q.isOpen, P.id = y.toggleButtonId, P.tabIndex = -1, P), !J.disabled && re({}, {
-      onClick: be(T, ie)
+      onClick: be(T, ae)
     }), J);
   }, [l, b, y]), Q = ee(function(k, P) {
     var A, T = k === void 0 ? {} : k, B = T.onKeyDown, W = T.onChange, j = T.onInput, J = T.onBlur;
     T.onChangeText;
-    var q = T.onClick, ie = T.refKey, R = ie === void 0 ? "ref" : ie, fe = T.ref, $ = pt(T, gf), Pe = P === void 0 ? {} : P, De = Pe.suppressRefError, st = De === void 0 ? !1 : De;
+    var q = T.onClick, ae = T.refKey, R = ae === void 0 ? "ref" : ae, fe = T.ref, $ = pt(T, gf), Pe = P === void 0 ? {} : P, De = Pe.suppressRefError, st = De === void 0 ? !1 : De;
     D("getInputProps", st, R, w);
     var Xe = b.current.state, $t = function(Ke) {
       var Fe = xr(Ke);
@@ -5738,7 +5739,9 @@ function Tf({
   // label,
   placeholder: o
 }) {
-  const [i, r] = U(e), a = (f) => {
+  const [i, r] = U(e);
+  ie(() => r(e), [e]);
+  const a = (f) => {
     r(e.filter(Ef(f)));
   }, {
     isOpen: s,
@@ -6285,7 +6288,7 @@ function Uf({ children: e }) {
     i,
     r
   ] = U(Hf), a = t == null ? void 0 : t.config;
-  ae(() => {
+  ie(() => {
     n != null && n.content && !o && a && !(Object.entries(i).length > 0) && Qd(
       n,
       a,
@@ -6360,7 +6363,7 @@ function Xa(e, t, n, o) {
 function Bf({ field: e, onSelectChange: t, allFields: n }) {
   var f;
   const { configureState: o, selectedObjectName: i, setConfigureState: r } = Nt(), [a, s] = U(!0), l = (f = o == null ? void 0 : o.read) == null ? void 0 : f.selectedFieldMappings, d = l == null ? void 0 : l[e.mapToName];
-  ae(() => {
+  ie(() => {
     e._default && !d && i && o && Xa(i, r, e.mapToName, e._default), s(!1);
   }, [e, r, i, d, o]);
   const p = Re(() => n == null ? void 0 : n.map(
@@ -6382,7 +6385,7 @@ function Bf({ field: e, onSelectChange: t, allFields: n }) {
           }
         });
       },
-      placeholder: "Please select one"
+      placeholder: d || "Please select one"
     }
   ) : /* @__PURE__ */ c(
     Ec,
@@ -6451,7 +6454,7 @@ function Jf() {
     var p;
     if (!e || !o) return [];
     const l = o ? Object.values(o[e] || {}).flat() : [];
-    return (((p = t == null ? void 0 : t.read) == null ? void 0 : p.requiredMapFields) || []).concat(l).reduce((h, g) => h.find((m) => m.mapToName === g.mapToName) ? h.map((m) => m.mapToName === g.mapToName ? g : m) : h.concat(g), new Array()).filter(at) || [];
+    return (((p = t == null ? void 0 : t.read) == null ? void 0 : p.requiredMapFields) || []).concat(l).reduce((h, g) => h.find((m) => m.mapToName === g.mapToName) ? h.map((m) => m.mapToName === g.mapToName ? g : m) : h.concat(g), new Array()).filter(at);
   }, [t, o, e]);
   return s.length ? /* @__PURE__ */ F(We, { children: [
     /* @__PURE__ */ c(Zt, { string: "Map the following fields (required)" }),
@@ -6736,7 +6739,7 @@ var ch = [
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(s, { ...a, ref: i });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), ho = "Checkbox", [lh, dg] = Xf(ho), [uh, dh] = lh(ho), ns = X.forwardRef(
+}, {}), ho = "Checkbox", [lh, pg] = Xf(ho), [uh, dh] = lh(ho), ns = X.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -7394,7 +7397,7 @@ function Lh() {
     },
     [p, i, r, a, w]
   );
-  ae(() => {
+  ie(() => {
     !y && (i != null && i.content) && !r && H();
   }, [y, v, i, r, H]);
   const Y = () => {
@@ -7586,9 +7589,9 @@ function qh({ installation: e, integrationObj: t }) {
     },
     [l, o, i, r, I, g]
   );
-  ae(() => {
+  ie(() => {
     m || N();
-  }, [m, N]), ae(() => {
+  }, [m, N]), ie(() => {
     e && N();
   }, [e, N]);
   const V = Re(() => {
@@ -7757,7 +7760,7 @@ function Zh({ children: e, resetComponent: t }) {
   } = tt(), { selectedConnection: f } = Gt(), [m, w] = U(!1), v = r || m, O = (b = i == null ? void 0 : i.content) == null ? void 0 : b.provider, y = Gh(i), C = (I) => {
     console.error("Error when creating proxy installation:", I);
   };
-  return ae(() => {
+  return ie(() => {
     !v && i && y && !s && f && o && (a != null && a.id) && (w(!0), Xh({
       apiKey: o,
       projectId: n,
@@ -8093,7 +8096,7 @@ function fm({
   setSelectedConnection: l
 }) {
   const d = _e(), [p, h] = U(!1), [g, f] = U(null), m = Ce();
-  ae(() => {
+  ie(() => {
     if (e && me && p && g != null) {
       const v = {
         groupName: r,
@@ -8271,7 +8274,7 @@ function ym({
   setSelectedConnection: l
 }) {
   const d = _e(), [p, h] = U(!1), [g, f] = U(null), m = Ce();
-  ae(() => {
+  ie(() => {
     if (e && me && p && g != null) {
       const v = {
         groupName: r,
@@ -8356,7 +8359,7 @@ function wm({
   providerName: l
 }) {
   const d = _e(), p = Ce(), [h, g] = U(!1);
-  ae(() => {
+  ie(() => {
     if (e && me && h) {
       const m = {
         groupName: i,
@@ -8443,9 +8446,9 @@ function vs({
   error: i
 }) {
   const r = Ce(), { projectId: a } = _e(), [s, l] = U(null), [d, p] = U(null), { setSelectedConnection: h } = Gt(), g = Nm(l, o), f = Om(n, p, g, t), m = Cm(a, r, h);
-  ae(() => {
+  ie(() => {
     t && !d && f();
-  }, [t, d, f, g, n]), ae(() => {
+  }, [t, d, f, g, n]), ie(() => {
     s && m(s).then(() => {
       d == null || d.close();
     }).catch((v) => {
@@ -9160,7 +9163,7 @@ function qm({
 }
 function Wm(e) {
   const { selectedConnection: t } = Gt();
-  ae(() => {
+  ie(() => {
     e && t && e(t.id);
   }, [e, t]);
 }
@@ -9187,7 +9190,7 @@ function ws({
   const s = Ce(), [l, d] = U(null), { provider: p } = tt(), { selectedConnection: h, setSelectedConnection: g, connections: f } = Gt();
   Jm({ onSuccess: a });
   const m = e || p, w = (l == null ? void 0 : l.displayName) ?? Ci(m);
-  if (ae(() => {
+  if (ie(() => {
     if (!h && f && f.length > 0) {
       const [O] = f;
       g(O);
@@ -9361,13 +9364,16 @@ function eg({
     /* @__PURE__ */ c(gs, {})
   ] }) }) });
 }
-function tg() {
+function tg({ ...e }) {
+  return /* @__PURE__ */ c(eg, { ...e });
+}
+function ng() {
   const [e, t] = U(1);
   return { seed: e, reset: () => {
     t(Math.random());
   } };
 }
-function pg({
+function fg({
   integration: e,
   consumerRef: t,
   consumerName: n,
@@ -9379,7 +9385,7 @@ function pg({
   fieldMapping: l
 }) {
   var f;
-  const { projectId: d } = _e(), { errorState: p } = Ot(), { seed: h, reset: g } = tg();
+  const { projectId: d } = _e(), { errorState: p } = Ot(), { seed: h, reset: g } = ng();
   return (f = p[ye.INTEGRATION_LIST]) != null && f.apiError ? /* @__PURE__ */ c(ht, { message: "Something went wrong, couldn't find integration information" }) : (
     // install integration provider provides all props, integrationObj and installation
     /* @__PURE__ */ c(
@@ -9401,7 +9407,7 @@ function pg({
             consumerName: n,
             groupRef: o,
             groupName: i,
-            children: /* @__PURE__ */ c(yp, { projectId: d, children: /* @__PURE__ */ c(Zh, { resetComponent: g, children: /* @__PURE__ */ c(Uf, { children: /* @__PURE__ */ c(eg, { children: /* @__PURE__ */ c(Wh, {}) }) }) }) })
+            children: /* @__PURE__ */ c(yp, { projectId: d, children: /* @__PURE__ */ c(Zh, { resetComponent: g, children: /* @__PURE__ */ c(Uf, { children: /* @__PURE__ */ c(tg, { children: /* @__PURE__ */ c(Wh, {}) }) }) }) })
           }
         ) })
       },
@@ -9409,7 +9415,7 @@ function pg({
     )
   );
 }
-function ng() {
+function rg() {
   return /* @__PURE__ */ F(
     hn,
     {
@@ -9426,16 +9432,16 @@ function ng() {
     }
   );
 }
-function rg({ redirectURL: e, children: t }) {
-  return ae(() => {
+function og({ redirectURL: e, children: t }) {
+  return ie(() => {
     e && window.location.replace(e);
-  }, [e]), e ? /* @__PURE__ */ c(ng, {}) : t;
+  }, [e]), e ? /* @__PURE__ */ c(rg, {}) : t;
 }
-function og({ provider: e }) {
+function ig({ provider: e }) {
   const { appName: t } = _e(), n = `You have successfully connected your ${gt(e)} account to ${t}.`;
   return /* @__PURE__ */ c(mo, { text: n });
 }
-function fg({
+function hg({
   provider: e,
   consumerRef: t,
   consumerName: n,
@@ -9453,11 +9459,11 @@ function fg({
       groupRef: o,
       groupName: i,
       onSuccess: a,
-      children: /* @__PURE__ */ c(rg, { redirectURL: r, children: /* @__PURE__ */ c(og, { provider: e }) })
+      children: /* @__PURE__ */ c(og, { redirectURL: r, children: /* @__PURE__ */ c(ig, { provider: e }) })
     }
   ) });
 }
-const hg = (e, t) => {
+const mg = (e, t) => {
   const n = Ce(), { projectId: o } = _e(), { integrations: i } = Mi(), [r, a] = U(!1), [s, l] = U(null);
   if (!n || !o)
     throw new Error("useIsIntegrationInstalled must be used within AmpersandProvider");
@@ -9469,7 +9475,7 @@ const hg = (e, t) => {
     (p, h) => (h == null ? void 0 : h.name) === e ? h : p,
     {}
   ), [i, e]);
-  return ae(() => {
+  return ie(() => {
     d && me().installationApi.listInstallations({
       projectIdOrName: o,
       integrationId: d.id,
@@ -9487,9 +9493,10 @@ const hg = (e, t) => {
 };
 export {
   Vd as AmpersandContext,
-  lg as AmpersandProvider,
-  fg as ConnectProvider,
-  pg as InstallIntegration,
-  ug as useAmpersandProvider,
-  hg as useIsIntegrationInstalled
+  ug as AmpersandProvider,
+  hg as ConnectProvider,
+  Bf as FieldMapping,
+  fg as InstallIntegration,
+  dg as useAmpersandProvider,
+  mg as useIsIntegrationInstalled
 };

package/build/index.d.ts

@@ -1,5 +1,6 @@
 import { Config } from '../../generated-sources/api/src';
 import { default as default_2 } from 'react';
+import { HydratedIntegrationFieldExistent } from '../../generated-sources/api/src';
 import { IntegrationFieldMapping } from '../../generated-sources/api/src';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 
@@ -36,10 +37,18 @@ declare interface ConnectProviderProps {
     onSuccess?: (connectionID: string) => void;
 }
 
-declare type FieldMappingsType = {
+export declare function FieldMapping({ field, onSelectChange, allFields }: FieldMappingProps): JSX_2.Element;
+
+declare type FieldMapping_2 = {
     [key: string]: Array<IntegrationFieldMapping>;
 };
 
+declare interface FieldMappingProps {
+    field: IntegrationFieldMapping;
+    onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    allFields: HydratedIntegrationFieldExistent[];
+}
+
 export declare function InstallIntegration({ integration, consumerRef, consumerName, groupRef, groupName, onInstallSuccess, onUpdateSuccess, onUninstallSuccess, fieldMapping, }: InstallIntegrationProps): JSX_2.Element;
 
 declare interface InstallIntegrationProps {
@@ -67,7 +76,7 @@ declare interface InstallIntegrationProps {
      * Dynamic field mappings that need to be filled out by a consumer.
      * @experimental
      */
-    fieldMapping?: FieldMappingsType;
+    fieldMapping?: FieldMapping_2;
     onInstallSuccess?: (installationId: string, config: Config) => void;
     onUpdateSuccess?: (installationId: string, config: Config) => void;
     onUninstallSuccess?: (installationId: string) => void;