@rankingcoach/vanguard 1.12.2 → 1.13.0

package/dist/index-AdvancedMarker.js

@@ -0,0 +1,235 @@
+var Xe = Object.defineProperty;
+var Ye = (n, i, o) => i in n ? Xe(n, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[i] = o;
+var te = (n, i, o) => Ye(n, typeof i != "symbol" ? i + "" : i, o);
+import { jsx as $e, Fragment as Ve } from "react/jsx-runtime";
+import { PureComponent as Ze, Children as Ue, isValidElement as We, cloneElement as qe, memo as Oe, useContext as Se, useState as r, useEffect as t, useMemo as Ce } from "react";
+import { applyUpdatersToPropsAndRegisterEvents as Ae, unregisterEvents as Me } from "./index-map-helper.js";
+import { MapContext as Be } from "./index-map-context.js";
+const je = {
+  onAnimationChanged: "animation_changed",
+  onClick: "click",
+  onClickableChanged: "clickable_changed",
+  onCursorChanged: "cursor_changed",
+  onDblClick: "dblclick",
+  onDrag: "drag",
+  onDragEnd: "dragend",
+  onDraggableChanged: "draggable_changed",
+  onDragStart: "dragstart",
+  onFlatChanged: "flat_changed",
+  onIconChanged: "icon_changed",
+  onMouseDown: "mousedown",
+  onMouseOut: "mouseout",
+  onMouseOver: "mouseover",
+  onMouseUp: "mouseup",
+  onPositionChanged: "position_changed",
+  onRightClick: "rightclick",
+  onShapeChanged: "shape_changed",
+  onTitleChanged: "title_changed",
+  onVisibleChanged: "visible_changed",
+  onZindexChanged: "zindex_changed"
+}, Fe = {
+  animation(n, i) {
+  },
+  clickable(n, i) {
+    n.gmpClickable = i;
+  },
+  cursor(n, i) {
+  },
+  draggable(n, i) {
+    n.draggable = i;
+  },
+  icon(n, i) {
+  },
+  label(n, i) {
+  },
+  map(n, i) {
+    n.map = i;
+  },
+  opacity(n, i) {
+  },
+  options(n, i) {
+  },
+  position(n, i) {
+    n.position = i;
+  },
+  shape(n, i) {
+  },
+  title(n, i) {
+    n.title = i;
+  },
+  visible(n, i) {
+  },
+  zIndex(n, i) {
+    n.zIndex = i;
+  }
+}, ne = {};
+function De({
+  position: n,
+  options: i,
+  clusterer: o,
+  noClustererRedraw: W,
+  children: q,
+  draggable: l,
+  visible: Ge,
+  animation: He,
+  clickable: a,
+  cursor: Ie,
+  icon: Je,
+  label: Ke,
+  opacity: Ne,
+  shape: Qe,
+  title: g,
+  zIndex: m,
+  onClick: d,
+  onDblClick: p,
+  onDrag: v,
+  onDragEnd: c,
+  onDragStart: f,
+  onMouseOut: L,
+  onMouseOver: u,
+  onMouseUp: h,
+  onMouseDown: _,
+  onRightClick: k,
+  onClickableChanged: b,
+  onCursorChanged: x,
+  onAnimationChanged: y,
+  onDraggableChanged: E,
+  onFlatChanged: P,
+  onIconChanged: w,
+  onPositionChanged: z,
+  onShapeChanged: A,
+  onTitleChanged: M,
+  onVisibleChanged: j,
+  onZindexChanged: F,
+  onLoad: se,
+  onUnmount: ie
+}) {
+  const B = Se(Be), [e, Re] = r(null), [G, re] = r(null), [H, oe] = r(null), [I, le] = r(null), [J, ae] = r(null), [K, ge] = r(null), [N, me] = r(null), [Q, de] = r(null), [R, pe] = r(null), [T, ve] = r(null), [ce, fe] = r(null), [X, Le] = r(null), [Y, ue] = r(null), [$, he] = r(null), [V, _e] = r(null), [Z, ke] = r(null), [O, be] = r(null), [S, xe] = r(null), [ye, Ee] = r(null), [C, Pe] = r(null), [D, we] = r(null), [ee, ze] = r(null);
+  t(() => {
+    e !== null && (e.map = B);
+  }, [B]), t(() => {
+  }, [e, i]), t(() => {
+    typeof l < "u" && e !== null && (e.draggable = l);
+  }, [e, l]), t(() => {
+    n && e !== null && (e.position = n);
+  }, [e, n]), t(() => {
+  }, [e, Ge]), t(() => {
+  }, [e, He]), t(() => {
+    e && a !== void 0 && (e.gmpClickable = a);
+  }, [e, a]), t(() => {
+  }, [e, Ie]), t(() => {
+  }, [e, Je]), t(() => {
+  }, [e, Ke]), t(() => {
+  }, [e, Ne]), t(() => {
+  }, [e, Qe]), t(() => {
+    e && g !== void 0 && (e.title = g);
+  }, [e, g]), t(() => {
+    e && m !== void 0 && (e.zIndex = m);
+  }, [e, m]), t(() => {
+    e && p && (G !== null && google.maps.event.removeListener(G), re(google.maps.event.addListener(e, "dblclick", p)));
+  }, [p]), t(() => {
+    e && c && (H !== null && google.maps.event.removeListener(H), oe(google.maps.event.addListener(e, "dragend", c)));
+  }, [c]), t(() => {
+    e && f && (I !== null && google.maps.event.removeListener(I), le(google.maps.event.addListener(e, "dragstart", f)));
+  }, [f]), t(() => {
+    e && _ && (J !== null && google.maps.event.removeListener(J), ae(google.maps.event.addListener(e, "mousedown", _)));
+  }, [_]), t(() => {
+    e && L && (K !== null && google.maps.event.removeListener(K), ge(google.maps.event.addListener(e, "mouseout", L)));
+  }, [L]), t(() => {
+    e && u && (N !== null && google.maps.event.removeListener(N), me(google.maps.event.addListener(e, "mouseover", u)));
+  }, [u]), t(() => {
+    e && h && (Q !== null && google.maps.event.removeListener(Q), de(google.maps.event.addListener(e, "mouseup", h)));
+  }, [h]), t(() => {
+    e && k && (R !== null && google.maps.event.removeListener(R), pe(google.maps.event.addListener(e, "rightclick", k)));
+  }, [k]), t(() => {
+    e && d && (T !== null && google.maps.event.removeListener(T), ve(google.maps.event.addListener(e, "click", d)));
+  }, [d]), t(() => {
+    e && v && (ce !== null && google.maps.event.removeListener(ce), fe(google.maps.event.addListener(e, "drag", v)));
+  }, [v]), t(() => {
+    e && b && (X !== null && google.maps.event.removeListener(X), Le(google.maps.event.addListener(e, "clickable_changed", b)));
+  }, [b]), t(() => {
+    e && x && (Y !== null && google.maps.event.removeListener(Y), ue(google.maps.event.addListener(e, "cursor_changed", x)));
+  }, [x]), t(() => {
+    e && y && ($ !== null && google.maps.event.removeListener($), he(google.maps.event.addListener(e, "animation_changed", y)));
+  }, [y]), t(() => {
+    e && E && (V !== null && google.maps.event.removeListener(V), _e(google.maps.event.addListener(e, "draggable_changed", E)));
+  }, [E]), t(() => {
+    e && P && (Z !== null && google.maps.event.removeListener(Z), ke(google.maps.event.addListener(e, "flat_changed", P)));
+  }, [P]), t(() => {
+    e && w && (O !== null && google.maps.event.removeListener(O), be(google.maps.event.addListener(e, "icon_changed", w)));
+  }, [w]), t(() => {
+    e && z && (S !== null && google.maps.event.removeListener(S), xe(google.maps.event.addListener(e, "position_changed", z)));
+  }, [z]), t(() => {
+    e && A && (ye !== null && google.maps.event.removeListener(ye), Ee(google.maps.event.addListener(e, "shape_changed", A)));
+  }, [A]), t(() => {
+    e && M && (C !== null && google.maps.event.removeListener(C), Pe(google.maps.event.addListener(e, "title_changed", M)));
+  }, [M]), t(() => {
+    e && j && (D !== null && google.maps.event.removeListener(D), we(google.maps.event.addListener(e, "visible_changed", j)));
+  }, [j]), t(() => {
+    e && F && (ee !== null && google.maps.event.removeListener(ee), ze(google.maps.event.addListener(e, "zindex_changed", F)));
+  }, [F]), t(() => {
+    const U = {
+      ...i || ne,
+      ...o ? ne : {
+        map: B
+      },
+      position: n
+    }, s = new google.maps.marker.AdvancedMarkerElement(U);
+    return o || (s.map = B), n && (s.position = n), typeof l < "u" && (s.draggable = l), typeof a < "u" && (s.gmpClickable = a), typeof g == "string" && (s.title = g), typeof m == "number" && (s.zIndex = m), p && re(google.maps.event.addListener(s, "dblclick", p)), c && oe(google.maps.event.addListener(s, "dragend", c)), f && le(google.maps.event.addListener(s, "dragstart", f)), _ && ae(google.maps.event.addListener(s, "mousedown", _)), L && ge(google.maps.event.addListener(s, "mouseout", L)), u && me(google.maps.event.addListener(s, "mouseover", u)), h && de(google.maps.event.addListener(s, "mouseup", h)), k && pe(google.maps.event.addListener(s, "rightclick", k)), d && ve(google.maps.event.addListener(s, "click", d)), v && fe(google.maps.event.addListener(s, "drag", v)), b && Le(google.maps.event.addListener(s, "clickable_changed", b)), x && ue(google.maps.event.addListener(s, "cursor_changed", x)), y && he(google.maps.event.addListener(s, "animation_changed", y)), E && _e(google.maps.event.addListener(s, "draggable_changed", E)), P && ke(google.maps.event.addListener(s, "flat_changed", P)), w && be(google.maps.event.addListener(s, "icon_changed", w)), z && xe(google.maps.event.addListener(s, "position_changed", z)), A && Ee(google.maps.event.addListener(s, "shape_changed", A)), M && Pe(google.maps.event.addListener(s, "title_changed", M)), j && we(google.maps.event.addListener(s, "visible_changed", j)), F && ze(google.maps.event.addListener(s, "zindex_changed", F)), Re(s), se && se(s), () => {
+      G !== null && google.maps.event.removeListener(G), H !== null && google.maps.event.removeListener(H), I !== null && google.maps.event.removeListener(I), J !== null && google.maps.event.removeListener(J), K !== null && google.maps.event.removeListener(K), N !== null && google.maps.event.removeListener(N), Q !== null && google.maps.event.removeListener(Q), R !== null && google.maps.event.removeListener(R), T !== null && google.maps.event.removeListener(T), X !== null && google.maps.event.removeListener(X), Y !== null && google.maps.event.removeListener(Y), $ !== null && google.maps.event.removeListener($), V !== null && google.maps.event.removeListener(V), Z !== null && google.maps.event.removeListener(Z), O !== null && google.maps.event.removeListener(O), S !== null && google.maps.event.removeListener(S), C !== null && google.maps.event.removeListener(C), D !== null && google.maps.event.removeListener(D), ee !== null && google.maps.event.removeListener(ee), ie && ie(s), o || s && (s.map = null);
+    };
+  }, []);
+  const Te = Ce(() => q ? Ue.map(q, (U) => We(U) ? qe(U, {
+    anchor: e
+  }) : U) : null, [q, e]);
+  return $e(Ve, {
+    children: Te
+  }) || null;
+}
+const ot = Oe(De);
+class et extends Ze {
+  constructor() {
+    super(...arguments);
+    te(this, "registeredEvents", []);
+    te(this, "marker");
+  }
+  componentDidMount() {
+    const o = {
+      ...this.props.options || ne,
+      ...this.props.clusterer ? ne : {
+        map: this.context
+      },
+      position: this.props.position
+    };
+    this.marker = new google.maps.marker.AdvancedMarkerElement(o), this.props.clusterer || (this.marker.map = this.context), this.registeredEvents = Ae({
+      updaterMap: Fe,
+      eventMap: je,
+      prevProps: {},
+      nextProps: this.props,
+      instance: this.marker
+    }), this.props.onLoad && this.props.onLoad(this.marker);
+  }
+  componentDidUpdate(o) {
+    this.marker && (Me(this.registeredEvents), this.registeredEvents = Ae({
+      updaterMap: Fe,
+      eventMap: je,
+      prevProps: o,
+      nextProps: this.props,
+      instance: this.marker
+    }));
+  }
+  componentWillUnmount() {
+    this.marker && (this.props.onUnmount && this.props.onUnmount(this.marker), Me(this.registeredEvents), this.props.clusterer || this.marker && (this.marker.map = null));
+  }
+  render() {
+    let o = null;
+    return this.props.children && (o = Ue.map(this.props.children, (W) => We(W) ? qe(W, {
+      anchor: this.marker
+    }) : W)), o || null;
+  }
+}
+te(et, "contextType", Be);
+export {
+  et as Marker,
+  ot as MarkerF
+};

package/dist/index-Autocomplete.js

@@ -1,11 +1,11 @@
-import { useRef as S, useState as D, useEffect as L, createElement as h } from "react";
+import { useRef as D, useState as L, useEffect as R, createElement as h } from "react";
 import { jsx as a, jsxs as Oe } from "react/jsx-runtime";
 /* empty css                        */
 import { useAppDispatch as Ce } from "./index-use-app-dispatch.js";
 import { classNames as Te } from "./index-classNames.js";
 import { InputBase as ge } from "./index-InputBase.js";
-import { Icon as R } from "./index-Icon.js";
-import { IconNames as x } from "./index-IconNames.js";
+import { Icon as M } from "./index-Icon.js";
+import { IconNames as $ } from "./index-IconNames.js";
 import Ae from "./index-_virtual2.js";
 import Ie from "./index-_virtual3.js";
 import { ComponentContainer as Ke } from "./index-ComponentContainer.js";
@@ -13,60 +13,60 @@ import { Text as we } from "./index-Text.js";
 import Ne from "./index-Autocomplete2.js";
 import je from "./index-Chip.js";
 const _e = (y) => {
-  var k, P, F;
+  var P, F, q;
   const {
     className: v,
-    id: M,
+    id: x,
     value: b,
-    infoText: $,
-    label: B,
-    labelType: U,
-    placeholder: _,
-    inputRef: V,
+    infoText: B,
+    label: U,
+    labelType: _,
+    placeholder: V,
+    inputRef: W,
     formconfig: t,
     optionKey: s,
     options: O,
-    noOptionsText: W = null,
-    splitCommaTag: z = !1,
+    noOptionsText: z = null,
+    splitCommaTag: G = !1,
     multiple: c = !1,
-    hideCaret: G = !1,
-    hideClearButton: H = !1,
+    hideCaret: H = !1,
+    hideClearButton: J = !1,
     restrictToOptions: C = !0,
-    highlightOptions: J = !0,
-    popoverPosition: Q,
-    popoverMessage: X,
+    highlightOptions: Q = !0,
+    popoverPosition: X,
+    popoverMessage: Y,
     onKeyUp: T,
     onKeyDown: g,
     onChange: A,
-    autoComplete: Y = !0,
+    autoComplete: Z = !0,
     testId: I,
-    replacements: Z,
-    disabled: ee,
-    isLoading: te,
-    autoSelect: oe = !0,
+    replacements: ee,
+    disabled: te,
+    isLoading: oe,
+    autoSelect: ne = !0,
     adornment: K,
-    ...ne
-  } = y, re = Ce(), p = S(null), [se, u] = D(void 0);
-  let i = V;
-  i || (i = S(null));
+    ...re
+  } = y, se = Ce(), p = D(null), [le, u] = L(void 0);
+  let i = W;
+  i || (i = D(null));
   let w = null;
   t && (w = t._autocompleteRef ?? null, i = t._inputRef);
   let {
     required: N
   } = y;
-  (((k = t == null ? void 0 : t.validation) == null ? void 0 : k.required) === !0 || ((P = t == null ? void 0 : t.validation) == null ? void 0 : P.required) === !1) && (N = (F = t == null ? void 0 : t.validation) == null ? void 0 : F.required), L(() => {
+  (((P = t == null ? void 0 : t.validation) == null ? void 0 : P.required) === !0 || ((F = t == null ? void 0 : t.validation) == null ? void 0 : F.required) === !1) && (N = (q = t == null ? void 0 : t.validation) == null ? void 0 : q.required), R(() => {
     var o, n;
     const e = (o = t == null ? void 0 : t._autocompleteRef) == null ? void 0 : o.current;
     e && (e.value = t == null ? void 0 : t.stateValue, u(Number((n = t == null ? void 0 : t.stateValue) == null ? void 0 : n.key)));
   }, [t]);
-  const [d, le] = D(b ?? c ? [] : null);
-  L(() => {
+  const [d, j] = L(b ?? c ? [] : null);
+  R(() => {
     t && setTimeout(() => {
       var e;
-      le(t == null ? void 0 : t.stateValue), u(Number((e = t == null ? void 0 : t.stateValue) == null ? void 0 : e.key));
+      j(t == null ? void 0 : t.stateValue), u(Number((e = t == null ? void 0 : t.stateValue) == null ? void 0 : e.key));
     }, 0);
   }, [t == null ? void 0 : t.stateValue]);
-  const j = (e) => !K || e === void 0 ? null : K[e], ae = (e, o) => c ? a("div", {
+  const E = (e) => !K || e === void 0 ? null : K[e], ae = (e, o) => c ? a("div", {
     className: "vanguard-input-tags",
     children: e.map((n, l) => h(je, {
       label: a(we, {
@@ -81,7 +81,7 @@ const _e = (y) => {
       }
     }))
   }) : null, m = (e, o, n, l) => {
-    C && i && i.current && typeof o == "string" && (i.current.value = o), o && typeof o == "object" && !Array.isArray(o) && "key" in o ? u(Number(o.key)) : u(void 0), t && t && t.setStateValue && re(t.setStateValue(o)), A && (n || (n = "blur"), A(e, o, n, l));
+    C && i && i.current && typeof o == "string" && (i.current.value = o), o && typeof o == "object" && !Array.isArray(o) && "key" in o ? u(Number(o.key)) : u(void 0), j(o), t && t && t.setStateValue && se(t.setStateValue(o)), A && (n || (n = "blur"), A(e, o, n, l));
   }, ie = (e) => {
     var o;
     if (e.key === "Enter" && !p.current) {
@@ -90,7 +90,7 @@ const _e = (y) => {
       }) : (r) => r)) ?? [];
       Array.isArray(d) ? m(e, [...d, ...l], "selectOption") : m(e, [...l], "selectOption"), (n == null ? void 0 : n.length) > 0 && (e.stopPropagation(), e.preventDefault(), e.nativeEvent.stopImmediatePropagation());
     }
-  }, E = () => {
+  }, k = () => {
     const e = document.getElementsByClassName("MuiAutocomplete-option");
     if (p.current) {
       p.current = !1;
@@ -99,25 +99,25 @@ const _e = (y) => {
     }
   }, pe = (e) => {
   }, ue = (e) => {
-    E(), T && T(e);
+    k(), T && T(e);
   }, ce = (e) => {
-    E(), z && ie(e), g && g(e);
+    k(), G && ie(e), g && g(e);
   }, de = (e, o, {
     inputValue: n
   }) => {
-    if (J) {
+    if (Q) {
       const r = f(o), ye = Ae(r, n), ve = Ie(r, ye);
       return h("li", {
         ...e,
         key: r
       }, Oe("div", {
         className: "option-style",
-        children: [j(o.key), a("span", {
-          children: ve.map((q, be) => a("span", {
+        children: [E(o.key), a("span", {
+          children: ve.map((S, be) => a("span", {
             style: {
-              fontWeight: q.highlight ? 700 : 400
+              fontWeight: S.highlight ? 700 : 400
             },
-            children: q.text
+            children: S.text
           }, be))
         })]
       }));
@@ -140,66 +140,66 @@ const _e = (y) => {
       const r = e;
       r && s && (r.hasOwnProperty(s), n = r[s]);
     }
-    const l = o;
+    let l = o;
     if (typeof o == "object") {
       const r = o;
-      r && s && (r.hasOwnProperty(s), n = r[s]);
+      r && s && (r.hasOwnProperty(s), l = r[s]);
     }
     return n === l;
   }, fe = () => {
     const e = ["vanguard-autocomplete"];
-    return v && e.push(v), H && e.push("vanguard-autocomplete-no-clear-btn"), (G || b !== null) && e.push("vanguard-autocomplete-no-caret"), Te(...e);
+    return v && e.push(v), J && e.push("vanguard-autocomplete-no-clear-btn"), (H || b !== null) && e.push("vanguard-autocomplete-no-caret"), Te(...e);
   }, he = () => a("div", {
     children: "No options available!!"
   });
   return a(Ke, {
     className: fe(),
     children: a(Ne, {
-      ...ne,
+      ...re,
       "data-testid": I,
-      id: M,
+      id: x,
       ref: w,
       value: d,
       freeSolo: !C,
-      autoComplete: Y,
-      autoSelect: oe,
+      autoComplete: Z,
+      autoSelect: ne,
       multiple: c,
       options: O,
-      noOptionsText: W,
+      noOptionsText: z,
       renderTags: ae,
       renderOption: de,
       ListboxComponent: O.length === 0 ? he : void 0,
       isOptionEqualToValue: me,
       getOptionLabel: f,
       onChange: m,
-      clearIcon: a(R, {
+      clearIcon: a(M, {
         color: "--n400",
-        children: x.close
+        children: $.close
       }),
-      popupIcon: a(R, {
+      popupIcon: a(M, {
         color: "--n400",
-        children: x.caretDown
+        children: $.caretDown
       }),
-      disabled: ee,
+      disabled: te,
       renderInput: (e) => a(ge, {
         formconfig: t,
         inputRef: i,
-        isLoading: te,
+        isLoading: oe,
         testId: `${I}-input`,
         textFieldProps: e,
         required: N,
-        infoText: $,
-        label: B,
-        labelType: U,
-        placeholder: _,
-        popoverMessage: X,
-        popoverPosition: Q,
+        infoText: B,
+        label: U,
+        labelType: _,
+        placeholder: V,
+        popoverMessage: Y,
+        popoverPosition: X,
         onKeyDown: ce,
         onKeyUp: ue,
         onChange: pe,
         formFieldType: "Autocomplete",
-        replacements: Z,
-        adornment: j(se)
+        replacements: ee,
+        adornment: E(le)
       })
     })
   });

package/dist/index-DateRange.js

@@ -6,7 +6,7 @@ import { classNames as f } from "./index-classNames.js";
 import { datesAreDifferent as r } from "./index-date-helpers.js";
 import c from "./index-moment.js";
 import { useState as g, useEffect as d } from "react";
-import { d as p } from "./index-_virtual10.js";
+import { d as p } from "./index-_virtual12.js";
 import { ComponentContainer as u } from "./index-ComponentContainer.js";
 const w = (a) => {
   const {

package/dist/index-GoogleMaps.js

@@ -1,62 +1,68 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 /* empty css                      */
-import { useGoogleMapApiLoader as g } from "./index-use-google-map-api-loader.js";
-import { GoogleMap as u } from "./index-esm.js";
-import { googleMapBlackWhiteTheme_NoPoi as f, googleMapBlackWhiteTheme as h } from "./index-GoogleMapBlackWhiteTheme.js";
-import { googleMapColouredTheme as L } from "./index-GoogleMapColouredTheme.js";
-import { Render as M } from "./index-Render.js";
-import "react";
-import { ComponentContainer as y } from "./index-ComponentContainer.js";
-const W = (o) => {
+import { useGoogleMapApiLoader as h } from "./index-use-google-map-api-loader.js";
+import { GoogleMap as L } from "./index-esm.js";
+import { googleMapBlackWhiteTheme_NoPoi as M, googleMapBlackWhiteTheme as I } from "./index-GoogleMapBlackWhiteTheme.js";
+import { googleMapColouredTheme as A } from "./index-GoogleMapColouredTheme.js";
+import { Render as x } from "./index-Render.js";
+import { useState as y } from "react";
+import { ComponentContainer as C } from "./index-ComponentContainer.js";
+import { MapContext as T } from "./index-map-context.js";
+const b = "fb831772aadb7781", D = (t) => {
   const {
-    apiKey: n,
-    isJsApiLoaded: i,
-    theme: r = "default",
-    testId: d = "presence-insights-competitors-map-google-itself-textid",
-    onLoad: a,
-    mapId: e
-  } = o, {
-    isLoaded: s
-  } = g([], n), l = i !== void 0 ? i : s, p = (c) => {
-    a && a(c);
+    apiKey: s,
+    isJsApiLoaded: n,
+    theme: d = "default",
+    testId: l = "presence-insights-competitors-map-google-itself-textid",
+    onLoad: i,
+    mapId: e,
+    children: p
+  } = t, [r, m] = y(null), {
+    isLoaded: c
+  } = h([], s), u = n !== void 0 ? n : c, f = (a) => {
+    m(a), i && i(a);
   };
-  function m() {
+  function g() {
     if (e)
       return null;
-    switch (r) {
+    switch (d) {
       case "coloured":
-        return L;
+        return A;
       case "blackWhite":
-        return h;
+        return I;
       case "blackWhiteNoPoi":
-        return f;
+        return M;
       case "default":
       default:
         return null;
     }
   }
-  return t(y, {
-    "data-testid": d,
+  return o(C, {
+    "data-testid": l,
     className: "GoogleMaps-container",
-    children: t(M, {
-      if: l,
-      children: t(u, {
-        ...o,
-        onLoad: p,
+    children: o(x, {
+      if: u,
+      children: o(L, {
+        ...t,
+        onLoad: f,
         mapContainerStyle: {
           width: "100%",
           height: "100%"
         },
         options: {
           gestureHandling: "greedy",
-          ...o.options,
-          styles: m(),
-          mapId: typeof e == "string" ? e : e === !0 ? "fb831772aadb7781" : void 0
-        }
+          ...t.options,
+          styles: g(),
+          mapId: typeof e == "string" ? e : e === !0 ? b : void 0
+        },
+        children: r !== null ? o(T.Provider, {
+          value: r,
+          children: p
+        }) : null
       })
     })
   });
 };
 export {
-  W as GoogleMaps
+  D as GoogleMaps
 };

package/dist/index-GoogleMapsAdvancedMarker.js

@@ -0,0 +1,64 @@
+import { useMemo as k, useState as L, useEffect as r } from "react";
+import { createPortal as M } from "react-dom";
+import { useGoogleMap as E } from "./index-map-context.js";
+const x = (p) => {
+  const {
+    onClick: s,
+    onMouseOver: a,
+    onMouseOut: i,
+    id: u,
+    zIndex: o,
+    pos: t,
+    title: f,
+    draggable: l,
+    onDragEnd: m,
+    children: v
+  } = p, c = E(), d = k(() => document.createElement("div"), []), [e, g] = L(null);
+  return r(() => {
+    if (isNaN(t.lat) || isNaN(t.lng)) return;
+    const n = new google.maps.marker.AdvancedMarkerElement({
+      map: c,
+      position: t,
+      content: d,
+      zIndex: o,
+      title: f,
+      gmpDraggable: l
+    });
+    return g(n), () => {
+      n.map = null, g(null);
+    };
+  }, [c]), r(() => {
+    e && (e.position = t);
+  }, [e, t.lat, t.lng]), r(() => {
+    e && o !== void 0 && (e.zIndex = o);
+  }, [e, o]), r(() => {
+    e && (e.gmpDraggable = !!l);
+  }, [e, l]), r(() => {
+    if (!e || !s) return;
+    const n = e.addListener("click", () => s(u));
+    return () => {
+      google.maps.event.removeListener(n);
+    };
+  }, [e, s, u]), r(() => {
+    if (!e || !a) return;
+    const n = e.addListener("mouseover", a);
+    return () => {
+      google.maps.event.removeListener(n);
+    };
+  }, [e, a]), r(() => {
+    if (!e || !i) return;
+    const n = e.addListener("mouseout", i);
+    return () => {
+      google.maps.event.removeListener(n);
+    };
+  }, [e, i]), r(() => {
+    if (!e || !m) return;
+    const n = e.addListener("dragend", m);
+    return () => {
+      google.maps.event.removeListener(n);
+    };
+  }, [e, m]), M(v, d);
+};
+export {
+  x as GoogleMapsAdvancedMarker
+};