@amp-labs/react 2.2.1 → 2.2.2

package/build/amp-react.es.js

@@ -1,6 +1,6 @@
-import { jsx as p, jsxs as G, Fragment as bt } from "react/jsx-runtime";
+import { jsx as p, jsxs as X, Fragment as bt } from "react/jsx-runtime";
 import * as V from "react";
-import Ke, { createContext as Ot, useContext as Ct, useState as z, useCallback as ce, useMemo as Qe, useEffect as X, useRef as Ce, cloneElement as Yl, useLayoutEffect as Ua, useReducer as Zl, Component as Ql, useImperativeHandle as eu, forwardRef as Ba, createElement as Fr } from "react";
+import Ke, { createContext as Ot, useContext as Ct, useState as z, useCallback as ce, useMemo as Qe, useEffect as G, useRef as Ce, cloneElement as Yl, useLayoutEffect as Ua, useReducer as Zl, Component as Ql, useImperativeHandle as eu, forwardRef as Ba, createElement as Fr } from "react";
 import "react-dom";
 const qa = Ot(null), tu = qa.Provider, Je = () => {
   const e = Ct(qa);
@@ -1852,7 +1852,7 @@ class ts {
     this.connectionApi = new Cp(t), this.installationApi = new Np(t), this.integrationApi = new Ep(t), this.oAuthApi = new Sp(t), this.projectApi = new Tp(t), this.providerApi = new xp(t), this.providerAppApi = new Rp(t), this.revisionApi = new Ap(t);
   }
 }
-const ns = "2.2.1", Pp = "v1", br = "https://api.withampersand.com";
+const ns = "2.2.2", Pp = "v1", br = "https://api.withampersand.com";
 function rs() {
   try {
     const e = process.env.REACT_APP_AMP_SERVER;
@@ -1925,7 +1925,7 @@ const et = async (e, t) => {
 };
 function $p({ projectIdOrName: e, children: t }) {
   const n = Je(), { setError: r } = zt(), [i, o] = z(null), [a, s] = z(!0);
-  X(() => {
+  G(() => {
     Pe().integrationApi.listIntegrations({ projectIdOrName: e }, {
       headers: {
         "X-Api-Key": n ?? ""
@@ -1956,7 +1956,7 @@ const as = Ot({
 };
 function Vp({ projectIdOrName: e, children: t }) {
   const n = Kp(), { setError: r } = zt(), [i, o] = z(null), [a, s] = z(!0);
-  X(() => {
+  G(() => {
     async function l() {
       (await n()).projectApi.getProject({ projectIdOrName: e }).then((d) => {
         s(!1), o(d);
@@ -1994,7 +1994,7 @@ function My() {
   return e;
 }
 function Up() {
-  return /* @__PURE__ */ G("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  return /* @__PURE__ */ X("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ p(
       "path",
       {
@@ -2034,7 +2034,7 @@ const Wp = "_errorBoxContainer_4sdb2_1", jp = "_errorBox_4sdb2_1", Jp = "_errorT
   errorText: Jp
 };
 function ss({ message: e }) {
-  return /* @__PURE__ */ G(Hn, { className: fo.errorBoxContainer, children: [
+  return /* @__PURE__ */ X(Hn, { className: fo.errorBoxContainer, children: [
     /* @__PURE__ */ p(Up, {}),
     /* @__PURE__ */ p(cn, { className: fo.errorBox, children: /* @__PURE__ */ p("p", { className: fo.errorText, children: e }) })
   ] });
@@ -2137,7 +2137,7 @@ function nf({
     () => tf(t, m || []),
     [t, m]
   );
-  X(() => {
+  G(() => {
     N === null && (m != null && m.length) && console.error(`Integration "${t}" not found in integration list`);
   }, [t, N, m]);
   const L = ce((J) => {
@@ -2160,7 +2160,7 @@ function nf({
     },
     [N, d, u, f, i]
   ), W = (N == null ? void 0 : N.id) || "";
-  X(() => {
+  G(() => {
     T();
   }, [T]);
   const j = Qe(() => ({
@@ -2232,7 +2232,7 @@ function ps({
     throw new Error(
       "ConnectionsProvider must be given a provider prop or be used within InstallIntegrationProvider"
     );
-  X(() => {
+  G(() => {
     i && r && Pe().connectionApi.listConnections(
       { projectIdOrName: i, groupRef: t, provider: O },
       {
@@ -3158,7 +3158,7 @@ function xf({
 }) {
   var O;
   const { selectedConnection: n } = Tn(), { integrationId: r, integrationObj: i } = vt(), [o, a] = z(null), [s, c] = z(!0), { isError: l, removeError: u, setError: d } = zt(), m = Je(), f = n == null ? void 0 : n.id, v = (O = i == null ? void 0 : i.latestRevision) == null ? void 0 : O.id, y = (i == null ? void 0 : i.name) || r;
-  X(() => {
+  G(() => {
     e && r && v && f && m && Pe().revisionApi.getHydratedRevision({
       projectIdOrName: e,
       integrationId: r,
@@ -4878,7 +4878,7 @@ function sm(e, t) {
 }
 var va = ni(function(e, t) {
   Ms(e, t);
-}, 200), cm = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Ua : X, lm = "useId" in Ke ? function(t) {
+}, 200), cm = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Ua : G, lm = "useId" in Ke ? function(t) {
   var n = t.id, r = t.labelId, i = t.menuId, o = t.getItemId, a = t.toggleButtonId, s = t.inputId, c = "downshift-" + Ke.useId();
   n || (n = c);
   var l = Ce({
@@ -4932,7 +4932,7 @@ function dm(e, t, n, r) {
       props: u.current
     }, f));
   }, [u]), m = o.current;
-  return X(function() {
+  return G(function() {
     var f = Lr(i.current, m == null ? void 0 : m.props), v = m && i.current && !r(f, c);
     v && im(m, f, c), i.current = c;
   }, [c, m, r]), [c, d];
@@ -4987,7 +4987,7 @@ function fm(e, t, n) {
     isTouchMove: !1,
     isTouchEnd: !1
   });
-  return X(function() {
+  return G(function() {
     if (!e)
       return dt;
     var i = n.map(function(u) {
@@ -5022,7 +5022,7 @@ process.env.NODE_ENV !== "production" && (Zs = function() {
   var i = Ce(n.reduce(function(a, s) {
     return a[s] = {}, a;
   }, {}));
-  X(function() {
+  G(function() {
     Object.keys(i.current).forEach(function(a) {
       var s = i.current[a];
       if (!Object.keys(s).length) {
@@ -5045,12 +5045,12 @@ process.env.NODE_ENV !== "production" && (Zs = function() {
 function mm(e, t, n, r) {
   r === void 0 && (r = {});
   var i = r.document, o = Zr();
-  X(function() {
+  G(function() {
     if (!(!e || o || !i)) {
       var a = e(t);
       va(a, i);
     }
-  }, n), X(function() {
+  }, n), G(function() {
     return function() {
       va.cancel(), Gf(i);
     };
@@ -5065,7 +5065,7 @@ function hm(e) {
 var Qs = dt;
 process.env.NODE_ENV !== "production" && (Qs = function(t) {
   var n = t.props, r = t.state, i = Ce(n), o = Zr();
-  X(function() {
+  G(function() {
     o || (ri(r, i.current, n), i.current = n);
   }, [r, n, o]);
 });
@@ -5264,7 +5264,7 @@ var wm = pe({}, ec, {
 });
 function _m(e, t, n, r) {
   var i = Ce(), o = dm(e, t, n, r), a = o[0], s = o[1], c = Zr();
-  return X(function() {
+  return G(function() {
     if (Kr(t, "selectedItem")) {
       if (!c) {
         var l = t.itemToKey(t.selectedItem) !== t.itemToKey(i.current);
@@ -5405,10 +5405,10 @@ function yi(e) {
   Qs({
     props: t,
     state: s
-  }), X(function() {
+  }), G(function() {
     var M = Gn(t, "isOpen");
     M && y.current && y.current.focus();
-  }, []), X(function() {
+  }, []), G(function() {
     O || (b.current = n.length);
   });
   var L = fm(i, ce(function() {
@@ -5419,9 +5419,9 @@ function yi(e) {
   }, [c, _]), Qe(function() {
     return [f, I, y];
   }, [f.current, I.current, y.current])), T = Zs("getInputProps", "getMenuProps");
-  X(function() {
+  G(function() {
     l || (v.current = {});
-  }, [l]), X(function() {
+  }, [l]), G(function() {
     var M;
     !l || !(i != null && i.document) || !(y != null && (M = y.current) != null && M.focus) || i.document.activeElement !== y.current && y.current.focus();
   }, [l, i]);
@@ -5654,7 +5654,7 @@ function $m({
   disabled: i
 }) {
   const [o, a] = z(e), s = Ce(null);
-  X(() => a(e), [e]);
+  G(() => a(e), [e]);
   const c = (_) => {
     a(e.filter(Km(_)));
   }, {
@@ -5684,8 +5684,8 @@ function $m({
     },
     [e, t]
   ), b = () => y(g || "");
-  return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ p("div", { className: qt.comboboxContainer, children: /* @__PURE__ */ G("div", { className: qt.inputContainer, children: [
+  return /* @__PURE__ */ X("div", { children: [
+    /* @__PURE__ */ p("div", { className: qt.comboboxContainer, children: /* @__PURE__ */ X("div", { className: qt.inputContainer, children: [
       /* @__PURE__ */ p(
         "input",
         {
@@ -6750,7 +6750,7 @@ const Ea = async ({ elementReference: e = null, tooltipReference: t = null, tool
     t = t.parentElement;
   }
   return document.scrollingElement || document.documentElement;
-}, Ch = typeof window < "u" ? Ua : X, _t = (e) => {
+}, Ch = typeof window < "u" ? Ua : G, _t = (e) => {
   e.current && (clearTimeout(e.current), e.current = null);
 }, Nh = "DEFAULT_TOOLTIP_ID", Eh = { anchorRefs: /* @__PURE__ */ new Set(), activeAnchor: { current: null }, attach: () => {
 }, detach: () => {
@@ -6775,7 +6775,7 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
       xe.current && (E == null || E(H), me === void 0 && Le(H));
     }, 10));
   };
-  X(() => {
+  G(() => {
     if (me === void 0) return () => null;
     me && $e(!0);
     const H = setTimeout(() => {
@@ -6784,7 +6784,7 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
     return () => {
       clearTimeout(H);
     };
-  }, [me]), X(() => {
+  }, [me]), G(() => {
     if (be !== Xe.current) if (_t(R), Xe.current = be, be) ne == null || ne();
     else {
       const H = ((ae) => {
@@ -6842,7 +6842,7 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
       xe.current && $t(Fe);
     });
   }, [be, A, oe, J, s, ve == null ? void 0 : ve.place, c, d, ee, ve == null ? void 0 : ve.position, I]);
-  X(() => {
+  G(() => {
     var H, ae;
     const se = new Set(Et);
     qe.forEach((Oe) => {
@@ -6889,7 +6889,7 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
         });
       });
     };
-  }, [A, fe, ze, Et, qe, L, T, W, Tt, v, y]), X(() => {
+  }, [A, fe, ze, Et, qe, L, T, W, Tt, v, y]), G(() => {
     var H, ae;
     let se = (ae = (H = ve == null ? void 0 : ve.anchorSelect) !== null && H !== void 0 ? H : a) !== null && ae !== void 0 ? ae : "";
     !se && t && (se = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`);
@@ -6919,9 +6919,9 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
     return Fe.observe(document.body, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-tooltip-id"], attributeOldValue: !0 }), () => {
       Fe.disconnect();
     };
-  }, [t, a, ve == null ? void 0 : ve.anchorSelect, A]), X(() => {
+  }, [t, a, ve == null ? void 0 : ve.anchorSelect, A]), G(() => {
     fe();
-  }, [fe]), X(() => {
+  }, [fe]), G(() => {
     if (!(te != null && te.current)) return () => null;
     const H = new ResizeObserver(() => {
       setTimeout(() => fe());
@@ -6929,13 +6929,13 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
     return H.observe(te.current), () => {
       H.disconnect();
     };
-  }, [oe, te == null ? void 0 : te.current]), X(() => {
+  }, [oe, te == null ? void 0 : te.current]), G(() => {
     var H;
     const ae = document.querySelector(`[id='${o}']`), se = [...qe, ae];
     A && se.includes(A) || M((H = qe[0]) !== null && H !== void 0 ? H : ae);
-  }, [o, qe, A]), X(() => (ge && Re(!0), () => {
+  }, [o, qe, A]), G(() => (ge && Re(!0), () => {
     _t(B), _t(ue);
-  }), []), X(() => {
+  }), []), G(() => {
     var H;
     let ae = (H = ve == null ? void 0 : ve.anchorSelect) !== null && H !== void 0 ? H : a;
     if (!ae && t && (ae = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), ae) try {
@@ -6944,7 +6944,7 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
     } catch {
       Ve([]);
     }
-  }, [t, a, ve == null ? void 0 : ve.anchorSelect]), X(() => {
+  }, [t, a, ve == null ? void 0 : ve.anchorSelect]), G(() => {
     B.current && (_t(B), Gt(v));
   }, [v]);
   const He = (Z = ve == null ? void 0 : ve.content) !== null && Z !== void 0 ? Z : oe, Ut = be && Object.keys(he.tooltipStyles).length > 0;
@@ -7002,31 +7002,31 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
       (He = nt[re]) === null || He === void 0 || He.call(nt, fe);
     });
   };
-  X(() => {
+  G(() => {
     Q(r);
-  }, [r]), X(() => {
+  }, [r]), G(() => {
     ue(i);
-  }, [i]), X(() => {
+  }, [i]), G(() => {
     he(l);
-  }, [l]), X(() => {
+  }, [l]), G(() => {
     be(c);
-  }, [c]), X(() => {
+  }, [c]), G(() => {
     ze(u);
-  }, [u]), X(() => {
+  }, [u]), G(() => {
     ve(O);
-  }, [O]), X(() => {
+  }, [O]), G(() => {
     Xe(g);
-  }, [g]), X(() => {
+  }, [g]), G(() => {
     Et(b);
-  }, [b]), X(() => {
+  }, [b]), G(() => {
     Ge(_);
-  }, [_]), X(() => {
+  }, [_]), G(() => {
     Kt(y);
-  }, [y]), X(() => {
+  }, [y]), G(() => {
     Gt.current !== me && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
-  }, [me]), X(() => {
+  }, [me]), G(() => {
     typeof window < "u" && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: me === "core", disableBase: me } }));
-  }, []), X(() => {
+  }, []), G(() => {
     var Te;
     const nt = new Set(Vt);
     let re = n;
@@ -7054,7 +7054,7 @@ const Th = ({ forwardRef: e, id: t, className: n, classNameArrow: r, variant: i
     return () => {
       Ut.disconnect();
     };
-  }, [Vt, pn, Re, t, n]), X(() => {
+  }, [Vt, pn, Re, t, n]), G(() => {
     U != null && U.border && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), ge && !Sa("border", `${ge}`) && console.warn(`[react-tooltip] "${ge}" is not a valid \`border\`.`), U != null && U.opacity && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), E && !Sa("opacity", `${E}`) && console.warn(`[react-tooltip] "${E}" is not a valid \`opacity\`.`);
   }, []);
   let Yt = m;
@@ -7072,8 +7072,8 @@ typeof window < "u" && window.addEventListener("react-tooltip-inject-styles", (e
 .styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`, type: "base" });
 });
 function Ah() {
-  return /* @__PURE__ */ G("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", children: [
-    /* @__PURE__ */ G("g", { clipPath: "url(#clip0_2896_16290)", children: [
+  return /* @__PURE__ */ X("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", children: [
+    /* @__PURE__ */ X("g", { clipPath: "url(#clip0_2896_16290)", children: [
       /* @__PURE__ */ p("path", { d: "M8.00032 11.167L8.00032 7.83366M8.00032 1.83366C4.33366 1.83366 1.33366 4.83366 1.33366 8.50033C1.33366 12.167 4.33366 15.167 8.00033 15.167C11.667 15.167 14.667 12.167 14.667 8.50033C14.667 4.83366 11.667 1.83366 8.00032 1.83366Z", stroke: "#6B7280", strokeLinecap: "round", strokeLinejoin: "round" }),
       /* @__PURE__ */ p("path", { d: "M8.00293 5.83301L7.99768 5.83301", stroke: "#6B7280", strokeLinecap: "round", strokeLinejoin: "round" })
     ] }),
@@ -7081,7 +7081,7 @@ function Ah() {
   ] });
 }
 function Ph({ id: e, tooltipText: t }) {
-  return /* @__PURE__ */ G(bt, { children: [
+  return /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p("span", { "data-tooltip-id": e, style: { maxWidth: "20rem" }, children: Ah() }),
     /* @__PURE__ */ p(Rh, { id: e, place: "top", content: t, style: { maxWidth: "30rem" } })
   ] });
@@ -7577,7 +7577,7 @@ function jh({ children: e }) {
     i,
     o
   ] = z(Wh), a = t == null ? void 0 : t.config;
-  X(() => {
+  G(() => {
     n != null && n.content && !r && a && !(Object.entries(i).length > 0) && gf(
       n,
       a,
@@ -7652,7 +7652,7 @@ function Si(e, t, n, r) {
 function Pc({ field: e, onSelectChange: t, allFields: n }) {
   var m;
   const { configureState: r, selectedObjectName: i, setConfigureState: o } = un(), [a, s] = z(!0), c = (m = r == null ? void 0 : r.read) == null ? void 0 : m.selectedFieldMappings, l = c == null ? void 0 : c[e.mapToName];
-  X(() => {
+  G(() => {
     e._default && !l && i && r && Si(i, o, e.mapToName, e._default), s(!1);
   }, [e, o, i, l, r]);
   const u = Qe(() => n.map((f) => ({
@@ -7676,8 +7676,8 @@ function Pc({ field: e, onSelectChange: t, allFields: n }) {
       placeholder: "Please select one"
     }
   );
-  return /* @__PURE__ */ G("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ G(
+  return /* @__PURE__ */ X("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ X(
       "div",
       {
         style: {
@@ -7713,7 +7713,7 @@ function Dc({
   errorMessage: o,
   children: a
 }) {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ X(
     "div",
     {
       className: pt(yn.formControl, {
@@ -7754,7 +7754,7 @@ function Ti({ className: e, style: t }) {
   );
 }
 function cr({ string: e }) {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ X(
     "div",
     {
       style: {
@@ -7792,7 +7792,7 @@ function ng() {
     },
     [t]
   );
-  return a != null && a.length ? /* @__PURE__ */ G(bt, { children: [
+  return a != null && a.length ? /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(cr, { string: "Map the following optional fields" }),
     /* @__PURE__ */ p("div", { style: { display: "flex", gap: "1rem", flexDirection: "column" }, children: a.map((s) => {
       var c;
@@ -7823,7 +7823,7 @@ function rg() {
     const c = ((d = t == null ? void 0 : t.read) == null ? void 0 : d.requiredMapFields) || [], l = e && r ? Object.values(r[e] || {}).flat() : [];
     return c.concat(l).reduce((m, f) => m.find((y) => y.mapToName === f.mapToName) ? m.map((y) => y.mapToName === f.mapToName ? f : y) : m.concat(f), new Array());
   }, [t, r, e]);
-  return s != null && s.length ? /* @__PURE__ */ G(bt, { children: [
+  return s != null && s.length ? /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(cr, { string: "Map the following fields" }),
     /* @__PURE__ */ p("div", { style: { display: "flex", gap: "1rem", flexDirection: "column" }, children: s.map((c) => {
       var l;
@@ -7860,7 +7860,7 @@ function ag() {
   const { project: e } = ke(), { hydratedRevision: t } = Un(), { selectedObjectName: n } = un(), { provider: r } = vt(), i = e == null ? void 0 : e.appName, o = ln(r), a = (m = (d = (u = t == null ? void 0 : t.content) == null ? void 0 : u.read) == null ? void 0 : d.objects) == null ? void 0 : m.find(
     (f) => f.objectName === n
   ), s = (a == null ? void 0 : a.displayName) || n && Qn(n), c = a == null ? void 0 : a.mapToName, l = (a == null ? void 0 : a.mapToDisplayName) || c && Qn(c);
-  return l && i && o ? /* @__PURE__ */ p(ig, { style: { marginTop: "1rem" }, children: /* @__PURE__ */ G("p", { style: { margin: "1rem 0" }, children: [
+  return l && i && o ? /* @__PURE__ */ p(ig, { style: { marginTop: "1rem" }, children: /* @__PURE__ */ X("p", { style: { margin: "1rem 0" }, children: [
     /* @__PURE__ */ p("b", { children: l }),
     " in ",
     i,
@@ -8168,7 +8168,7 @@ var yg = [
         const w = () => g(b.current);
         return _.addEventListener("reset", w), () => _.removeEventListener("reset", w);
       }
-    }, [m, g]), /* @__PURE__ */ G(wg, { scope: n, state: O, disabled: s, children: [
+    }, [m, g]), /* @__PURE__ */ X(wg, { scope: n, state: O, disabled: s, children: [
       /* @__PURE__ */ p(
         dn.button,
         {
@@ -8315,7 +8315,7 @@ function Bc({
   label: n,
   onCheckedChange: r
 }) {
-  return /* @__PURE__ */ G("div", { className: Vn.fieldContainer, children: [
+  return /* @__PURE__ */ X("div", { className: Vn.fieldContainer, children: [
     /* @__PURE__ */ p(
       $c,
       {
@@ -8336,14 +8336,14 @@ function qc({
   onCheckedChange: r,
   isIndeterminate: i
 }) {
-  return /* @__PURE__ */ G("div", { className: Vn.selectAllContainer, children: [
+  return /* @__PURE__ */ X("div", { className: Vn.selectAllContainer, children: [
     /* @__PURE__ */ p(
       $c,
       {
         className: Vn.checkbox,
         id: e,
         onCheckedChange: r,
-        children: /* @__PURE__ */ G(Vc, { children: [
+        children: /* @__PURE__ */ X(Vc, { children: [
           i && /* @__PURE__ */ p(Ng, {}),
           t === !0 && /* @__PURE__ */ p(Uc, {})
         ] })
@@ -8387,9 +8387,9 @@ function Pg() {
       on(v) || Ka(r, n, v.fieldName, f);
     });
   }, c = !!(a && a.length > 0), l = Object.keys(i || {}).length === (a == null ? void 0 : a.length), u = !l && Object.keys(i || {}).length > 0;
-  return c && /* @__PURE__ */ G(bt, { children: [
+  return c && /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(cr, { string: `${e} reads the following optional fields` }),
-    /* @__PURE__ */ G(Wc, { children: [
+    /* @__PURE__ */ X(Wc, { children: [
       ((a == null ? void 0 : a.length) || 0) >= 2 && /* @__PURE__ */ p(
         qc,
         {
@@ -8439,7 +8439,7 @@ function Mg({ children: e, style: t, ...n }) {
 function kg() {
   var r, i, o;
   const { configureState: e, selectedObjectName: t } = un(), { appName: n } = ke();
-  return /* @__PURE__ */ G(bt, { children: [
+  return /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(cr, { string: `${n} reads the following ${t} fields` }),
     /* @__PURE__ */ p(
       "div",
@@ -8456,7 +8456,7 @@ function kg() {
   ] });
 }
 function Lg() {
-  return /* @__PURE__ */ G(bt, { children: [
+  return /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(ag, {}),
     /* @__PURE__ */ p(kg, {}),
     /* @__PURE__ */ p(rg, {}),
@@ -8497,9 +8497,9 @@ function $g() {
       $a(t, r, g.objectName, y);
     }));
   }, c = !!o, l = Object.keys(i || {}).length === ((v = (f = n == null ? void 0 : n.write) == null ? void 0 : f.writeObjects) == null ? void 0 : v.length), u = !l && Object.keys(i || {}).length > 0;
-  return c && /* @__PURE__ */ G(bt, { children: [
+  return c && /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(cr, { string: `Allow ${e} to write to these objects` }),
-    /* @__PURE__ */ G(Wc, { children: [
+    /* @__PURE__ */ X(Wc, { children: [
       ((o == null ? void 0 : o.length) || 0) >= 2 && /* @__PURE__ */ p(
         qc,
         {
@@ -8575,8 +8575,8 @@ function Jc({
 }
 function Hg() {
   const { appName: e } = ke(), { installation: t } = vt();
-  return /* @__PURE__ */ G("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
-    t != null && t.id ? /* @__PURE__ */ G("p", { children: [
+  return /* @__PURE__ */ X("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+    t != null && t.id ? /* @__PURE__ */ X("p", { children: [
       "Once you uninstall this integration, all your configuration will be lost, and",
       " ",
       /* @__PURE__ */ p("b", { children: e }),
@@ -8594,8 +8594,8 @@ function zc({
 }) {
   var N, L, T;
   const { installation: o } = vt(), { hydratedRevision: a, loading: s } = Un(), { configureState: c, selectedObjectName: l } = un(), u = o == null ? void 0 : o.config, d = u && l && !!hs(u, l) || !1, m = ((N = c == null ? void 0 : c.read) == null ? void 0 : N.isOptionalFieldsModified) || ((L = c == null ? void 0 : c.read) == null ? void 0 : L.isRequiredMapFieldsModified), f = (T = c == null ? void 0 : c.write) == null ? void 0 : T.isWriteModified, O = s || n || !c || !l || !(m || f || r || l !== On && !d), g = l === On, b = l === kr;
-  return n ? /* @__PURE__ */ p(Zn, {}) : /* @__PURE__ */ G("form", { style: { width: "34rem" }, onSubmit: e, children: [
-    /* @__PURE__ */ G(
+  return n ? /* @__PURE__ */ p(Zn, {}) : /* @__PURE__ */ X("form", { style: { width: "34rem" }, onSubmit: e, children: [
+    /* @__PURE__ */ X(
       "div",
       {
         style: {
@@ -8610,7 +8610,7 @@ function zc({
         ]
       }
     ),
-    /* @__PURE__ */ G(
+    /* @__PURE__ */ X(
       cn,
       {
         style: {
@@ -8716,7 +8716,7 @@ function Bg() {
     },
     [u, i, o, a, y]
   );
-  X(() => {
+  G(() => {
     !g && (i != null && i.content) && !o && W();
   }, [g, I, i, o, W]);
   const j = () => {
@@ -8908,9 +8908,9 @@ function Xg({ installation: e, integrationObj: t }) {
     },
     [c, r, i, o, w, m]
   );
-  X(() => {
+  G(() => {
     v || N();
-  }, [v, N]), X(() => {
+  }, [v, N]), G(() => {
     e && N();
   }, [e, N]);
   const L = Qe(() => {
@@ -8985,7 +8985,7 @@ function Gg() {
   ) : /* @__PURE__ */ p(ss, { message: "We can't load the integration" });
 }
 function Yg() {
-  return /* @__PURE__ */ G("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  return /* @__PURE__ */ X("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ p("circle", { cx: "24", cy: "24", r: "24", fill: "#BBF7D0" }),
     /* @__PURE__ */ p(
       "path",
@@ -9000,7 +9000,7 @@ function Yg() {
   ] });
 }
 function Di({ text: e, children: t }) {
-  return /* @__PURE__ */ p(Hn, { children: /* @__PURE__ */ G(
+  return /* @__PURE__ */ p(Hn, { children: /* @__PURE__ */ X(
     cn,
     {
       style: {
@@ -9086,7 +9086,7 @@ function nv({ children: e, resetComponent: t }) {
   } = vt(), { selectedConnection: f } = Tn(), [v, y] = z(!1), I = o || v, O = (_ = i == null ? void 0 : i.content) == null ? void 0 : _.provider, g = tv(i), b = (w) => {
     console.error("Error when creating proxy installation:", w);
   };
-  return X(() => {
+  return G(() => {
     !I && i && g && !s && f && r && (a != null && a.id) && (y(!0), Qg({
       apiKey: r,
       projectId: n,
@@ -9133,7 +9133,7 @@ function nv({ children: e, resetComponent: t }) {
   ) : a ? I ? /* @__PURE__ */ p(Gr, {}) : g && O && s ? /* @__PURE__ */ p(ev, { provider: O }) : /* @__PURE__ */ p("div", { children: e }) : /* @__PURE__ */ p(Jt, { message: "We can't load the integration" });
 }
 function Gc() {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ X(
     "footer",
     {
       style: {
@@ -9156,7 +9156,30 @@ function Gc() {
             target: "_blank",
             "aria-label": "Go to Ampersand",
             rel: "noreferrer noopener",
-            children: /* @__PURE__ */ p("img", { style: { height: ".8em" }, src: "https://ampersand-website.vercel.app/logo-black.svg", alt: "Ampersand" })
+            children: /* @__PURE__ */ X("picture", { children: [
+              /* @__PURE__ */ p(
+                "source",
+                {
+                  srcSet: "https://res.cloudinary.com/dycvts6vp/image/upload/v1723671980/ampersand-logo-black.svg",
+                  media: "(prefers-color-scheme: light)"
+                }
+              ),
+              /* @__PURE__ */ p(
+                "source",
+                {
+                  srcSet: "https://res.cloudinary.com/dycvts6vp/image/upload/v1735853540/ampersand_logo_white.svg",
+                  media: "(prefers-color-scheme: dark)"
+                }
+              ),
+              /* @__PURE__ */ p(
+                "img",
+                {
+                  style: { height: ".8em" },
+                  src: "https://res.cloudinary.com/dycvts6vp/image/upload/v1723671980/ampersand-logo-black.svg",
+                  alt: "Ampersand"
+                }
+              )
+            ] })
           }
         )
       ]
@@ -9164,7 +9187,7 @@ function Gc() {
   );
 }
 function lr({ children: e }) {
-  return /* @__PURE__ */ p(Hn, { children: /* @__PURE__ */ G(cn, { children: [
+  return /* @__PURE__ */ p(Hn, { children: /* @__PURE__ */ X(cn, { children: [
     /* @__PURE__ */ p("div", { style: { padding: "3rem 2rem" }, children: e }),
     /* @__PURE__ */ p(Gc, {})
   ] }) });
@@ -9185,7 +9208,7 @@ function Fi({
 }) {
   if (!o && !r)
     throw new Error("Either title or providerName is required");
-  return /* @__PURE__ */ G(lr, { children: [
+  return /* @__PURE__ */ X(lr, { children: [
     /* @__PURE__ */ p(ur, { children: o || `Set up ${r} integration` }),
     /* @__PURE__ */ p(dr, { error: t }),
     i,
@@ -9226,7 +9249,7 @@ function Yc({
   );
 }
 function Zc({ url: e, providerDisplayName: t, credentialName: n }) {
-  return /* @__PURE__ */ G("p", { style: { color: "var(--amp-colors-text-muted)" }, children: [
+  return /* @__PURE__ */ X("p", { style: { color: "var(--amp-colors-text-muted)" }, children: [
     /* @__PURE__ */ p(Yc, { href: e, newTab: !0, children: /* @__PURE__ */ p("span", { style: { textDecoration: "underline" }, children: "Learn more" }) }),
     " about where to find your ",
     t,
@@ -9299,7 +9322,7 @@ function fv({
       },
       error: r,
       isButtonDisabled: m,
-      children: /* @__PURE__ */ G(
+      children: /* @__PURE__ */ X(
         "div",
         {
           style: {
@@ -9317,7 +9340,7 @@ function fv({
                 credentialName: "API key"
               }
             ),
-            /* @__PURE__ */ G("div", { style: { display: "flex", gap: ".5rem" }, children: [
+            /* @__PURE__ */ X("div", { style: { display: "flex", gap: ".5rem" }, children: [
               /* @__PURE__ */ p(
                 jt.Input,
                 {
@@ -9359,7 +9382,7 @@ function hv({
   setSelectedConnection: c
 }) {
   const l = ke(), [u, d] = z(!1), [m, f] = z(null), v = Je();
-  X(() => {
+  G(() => {
     if (e && Pe && u && m != null) {
       const I = {
         groupName: o,
@@ -9415,7 +9438,7 @@ function gv({
       },
       error: r,
       isButtonDisabled: y,
-      children: /* @__PURE__ */ G(
+      children: /* @__PURE__ */ X(
         "div",
         {
           style: {
@@ -9443,7 +9466,7 @@ function gv({
                 onChange: (g) => I(g)
               }
             ),
-            /* @__PURE__ */ G("div", { style: { display: "flex", gap: ".5rem" }, children: [
+            /* @__PURE__ */ X("div", { style: { display: "flex", gap: ".5rem" }, children: [
               /* @__PURE__ */ p(
                 jt.Input,
                 {
@@ -9485,7 +9508,7 @@ function yv({
   setSelectedConnection: c
 }) {
   const l = ke(), [u, d] = z(!1), [m, f] = z(null), v = Je();
-  X(() => {
+  G(() => {
     if (e && Pe && u && m != null) {
       const I = {
         groupName: o,
@@ -9547,7 +9570,7 @@ function wv({
   providerName: c
 }) {
   const l = ke(), u = Je(), [d, m] = z(!1);
-  X(() => {
+  G(() => {
     if (e && Pe && d) {
       const v = {
         groupName: i,
@@ -9638,15 +9661,15 @@ function el({
   error: i
 }) {
   const o = Je(), { projectId: a } = ke(), [s, c] = z(null), [l, u] = z(null), { setSelectedConnection: d } = Tn(), m = xv(c, r), f = Tv(n, u, m, t), v = Sv(a, o, d);
-  return X(() => {
+  return G(() => {
     t && !l && f();
-  }, [t, l, f, m, n]), X(() => {
+  }, [t, l, f, m, n]), G(() => {
     s && v(s).then(() => {
       l == null || l.close();
     }).catch((y) => {
       console.error("Error refreshing connection: ", y), r == null || r(y.message ?? "Unexpected error: not able to refresh connection");
     });
-  }, [s, o, d, v, l, r]), X(() => {
+  }, [s, o, d, v, l, r]), G(() => {
     if (!l) return;
     const y = setInterval(() => {
       l.closed && (clearInterval(y), window.removeEventListener("message", m), u(null), !s && !i ? (console.error("OAuth failed. Please try again."), r == null || r("OAuth failed. Please try again.")) : s && (r == null || r(null)));
@@ -9662,7 +9685,7 @@ function Rv({
   isButtonDisabled: n,
   providerName: r
 }) {
-  return /* @__PURE__ */ G(lr, { children: [
+  return /* @__PURE__ */ X(lr, { children: [
     /* @__PURE__ */ p(ur, { children: `Set up ${r} integration` }),
     /* @__PURE__ */ p(dr, { error: t }),
     /* @__PURE__ */ p(
@@ -9722,11 +9745,11 @@ function Dv({
   error: n,
   isButtonDisabled: r
 }) {
-  return /* @__PURE__ */ G(lr, { children: [
+  return /* @__PURE__ */ X(lr, { children: [
     /* @__PURE__ */ p(ur, { children: "Enter your Salesforce subdomain" }),
     /* @__PURE__ */ p(Yc, { href: Pv, newTab: !0, children: "What is my Salesforce subdomain?" }),
     /* @__PURE__ */ p(dr, { error: n }),
-    /* @__PURE__ */ G("div", { style: { display: "flex", marginTop: "1em", alignItems: "center" }, children: [
+    /* @__PURE__ */ X("div", { style: { display: "flex", marginTop: "1em", alignItems: "center" }, children: [
       /* @__PURE__ */ p(
         jt.Input,
         {
@@ -9757,8 +9780,8 @@ function Fv({
   isButtonDisabled: r,
   providerName: i
 }) {
-  return /* @__PURE__ */ G(lr, { children: [
-    /* @__PURE__ */ G(ur, { children: [
+  return /* @__PURE__ */ X(lr, { children: [
+    /* @__PURE__ */ X(ur, { children: [
       "Enter your ",
       i,
       " workspace"
@@ -9880,11 +9903,11 @@ function Lv({
     };
     o && (w.workspace = v), i && y.length > 0 && (w.scopes = ef(y)), e(w);
   };
-  return /* @__PURE__ */ G(lr, { children: [
+  return /* @__PURE__ */ X(lr, { children: [
     /* @__PURE__ */ p(ur, { children: `Set up ${r} integration` }),
     /* @__PURE__ */ p(dr, { error: t }),
     /* @__PURE__ */ p("br", {}),
-    /* @__PURE__ */ G("div", { style: { display: "flex", flexDirection: "column", gap: "1.2rem" }, children: [
+    /* @__PURE__ */ X("div", { style: { display: "flex", flexDirection: "column", gap: "1.2rem" }, children: [
       o && /* @__PURE__ */ p(
         jt.Input,
         {
@@ -9905,7 +9928,7 @@ function Lv({
           onChange: (w) => d(w)
         }
       ),
-      /* @__PURE__ */ G("div", { style: { display: "flex", gap: ".5rem" }, children: [
+      /* @__PURE__ */ X("div", { style: { display: "flex", gap: ".5rem" }, children: [
         /* @__PURE__ */ p(
           jt.Input,
           {
@@ -10027,14 +10050,14 @@ function Bv({
       selectedConnection: a,
       setSelectedConnection: s
     }
-  ) : c === "password" ? /* @__PURE__ */ p("em", { children: "Password flow not supported yet" }) : /* @__PURE__ */ G("em", { children: [
+  ) : c === "password" ? /* @__PURE__ */ p("em", { children: "Password flow not supported yet" }) : /* @__PURE__ */ X("em", { children: [
     "Unsupported grant type: ",
     c
   ] });
 }
 function qv(e) {
   const { selectedConnection: t } = Tn();
-  X(() => {
+  G(() => {
     e && t && e(t);
   }, [e, t]);
 }
@@ -10062,7 +10085,7 @@ function tl({
   const c = Je(), [l, u] = z(null), { provider: d } = vt(), { selectedConnection: m, setSelectedConnection: f, connections: v } = Tn();
   Wv({ onSuccess: a });
   const y = e || d, I = (l == null ? void 0 : l.displayName) ?? Qn(y);
-  if (X(() => {
+  if (G(() => {
     if (!m && v && v.length > 0) {
       const [g] = v;
       f(g);
@@ -10446,7 +10469,7 @@ function yl(e, t) {
   return `${e}-content-${t}`;
 }
 var py = dl, fy = fl, Il = hl;
-const my = /* @__PURE__ */ G("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+const my = /* @__PURE__ */ X("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
   /* @__PURE__ */ p("circle", { cx: "9", cy: "9", r: "9", fill: "#BBF7D0" }),
   /* @__PURE__ */ p("path", { d: "M13 7L7.5 12L5 9.72727", stroke: "#16A34A", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
@@ -10469,7 +10492,7 @@ function hy(e, t) {
   ) : e ? my : /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ p("circle", { cx: "9", cy: "9", r: "5", fill: "#BFDBFE" }) });
 }
 function gy() {
-  return /* @__PURE__ */ G("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  return /* @__PURE__ */ X("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ p("path", { d: "M2.25 4.5H3.75H15.75", stroke: "#E73D3D", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ p(
       "path",
@@ -10497,7 +10520,7 @@ function wl({
   pending: n,
   displayName: r
 }) {
-  return /* @__PURE__ */ p(Il, { value: e, className: or.tabTrigger, children: /* @__PURE__ */ G(
+  return /* @__PURE__ */ p(Il, { value: e, className: or.tabTrigger, children: /* @__PURE__ */ X(
     "div",
     {
       style: {
@@ -10508,7 +10531,7 @@ function wl({
       },
       children: [
         hy(t, n),
-        /* @__PURE__ */ G("div", { style: { display: "flex", flexDirection: "column" }, children: [
+        /* @__PURE__ */ X("div", { style: { display: "flex", flexDirection: "column" }, children: [
           /* @__PURE__ */ p("span", { children: r || e }),
           n && /* @__PURE__ */ p("span", { style: { fontSize: ".8rem", fontStyle: "italic" }, children: "pending" })
         ] })
@@ -10521,7 +10544,7 @@ function _y({
   pending: t,
   displayName: n
 }) {
-  return /* @__PURE__ */ G(bt, { children: [
+  return /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(Ti, { style: { margin: "1rem 0" } }),
     /* @__PURE__ */ p(
       wl,
@@ -10536,14 +10559,14 @@ function _y({
   ] });
 }
 function by() {
-  return /* @__PURE__ */ G(bt, { children: [
+  return /* @__PURE__ */ X(bt, { children: [
     /* @__PURE__ */ p(Ti, { style: { margin: "3rem 0 1rem 0" } }),
     /* @__PURE__ */ p(
       Il,
       {
         value: kr,
         className: pt(or.tabTrigger, or.danger),
-        children: /* @__PURE__ */ G(
+        children: /* @__PURE__ */ X(
           "div",
           {
             style: {
@@ -10571,7 +10594,7 @@ function Oy({
   showUninstallButton: o
 }) {
   var a, s;
-  return /* @__PURE__ */ p(py, { value: e, className: or.tabsRoot, onValueChange: n, children: /* @__PURE__ */ G(fy, { className: or.tabsList, children: [
+  return /* @__PURE__ */ p(py, { value: e, className: or.tabsRoot, onValueChange: n, children: /* @__PURE__ */ X(fy, { className: or.tabsList, children: [
     t.map((c) => {
       var l, u, d, m;
       return /* @__PURE__ */ p(
@@ -10610,10 +10633,10 @@ function Ny({
     const g = v.find((b) => y !== b && !b.completed);
     g && s(g.name);
   }, [v, y]);
-  return X(() => {
+  return G(() => {
     !a && v.length > 0 && s(v[0].name);
-  }, [v, a, I]), /* @__PURE__ */ p(Cc.Provider, { value: I, children: /* @__PURE__ */ p(bc.Provider, { value: y == null ? void 0 : y.name, children: /* @__PURE__ */ G(Hn, { style: { maxWidth: "55rem" }, children: [
-    /* @__PURE__ */ G(
+  }, [v, a, I]), /* @__PURE__ */ p(Cc.Provider, { value: I, children: /* @__PURE__ */ p(bc.Provider, { value: y == null ? void 0 : y.name, children: /* @__PURE__ */ X(Hn, { style: { maxWidth: "55rem" }, children: [
+    /* @__PURE__ */ X(
       cn,
       {
         style: {
@@ -10623,8 +10646,8 @@ function Ny({
           backgroundColor: "var(--amp-colors-bg-primary)"
         },
         children: [
-          /* @__PURE__ */ G("div", { style: { width: "20rem" }, children: [
-            /* @__PURE__ */ G("h1", { style: { fontSize: "small", fontWeight: "400" }, children: [
+          /* @__PURE__ */ X("div", { style: { width: "20rem" }, children: [
+            /* @__PURE__ */ X("h1", { style: { fontSize: "small", fontWeight: "400" }, children: [
               ln(r),
               " integration"
             ] }),
@@ -10692,7 +10715,7 @@ function Ky({
   ) });
 }
 function Sy() {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ X(
     Hn,
     {
       style: {
@@ -10709,7 +10732,7 @@ function Sy() {
   );
 }
 function Ty({ redirectURL: e, children: t }) {
-  return X(() => {
+  return G(() => {
     e && window.location.replace(e);
   }, [e]), e ? /* @__PURE__ */ p(Sy, {}) : t;
 }
@@ -10831,7 +10854,7 @@ const Vy = (e, t) => {
     (m, f) => (f == null ? void 0 : f.name) === e ? f : m,
     {}
   ), [o, e]);
-  return X(() => {
+  return G(() => {
     !d || i || Pe().installationApi.listInstallations({
       projectIdOrName: r,
       integrationId: d.id,