@yext/pages-components 1.0.5 → 1.1.1

package/THIRD-PARTY-NOTICES

@@ -173,7 +173,7 @@ SOFTWARE.
 
 The following npm package may be included in this product:
 
- - @yext/analytics@1.0.0-beta.5
+ - @yext/analytics@1.0.0
 
 This package contains the following license:
 
@@ -244,7 +244,7 @@ SOFTWARE.
 
 The following npm package may be included in this product:
 
- - cross-fetch@4.0.0
+ - cross-fetch@4.1.0
 
 This package contains the following license:
 

package/dist/debugger-BnwlZ-vk.js

@@ -0,0 +1,295 @@
+import { g as B, j as o, c as j } from "./index-BhnhBQQo.js";
+import { useState as b, useEffect as k, useRef as C } from "react";
+import { createPortal as O } from "react-dom";
+function q() {
+  return B().name !== "browser" || window.hasOwnProperty("debuggerInitialized") ? null : (window.debuggerInitialized = !0, O(/* @__PURE__ */ o.jsx(D, {}), document.body));
+}
+const S = (e, s) => {
+  const n = e.dataset.yaAction, t = e.dataset.yaScopeoverride, l = e.dataset.yaEventname, c = t || s;
+  return {
+    action: n,
+    originalEventName: c ? `${c}_${l}` : l,
+    scope: c
+  };
+}, Y = (e, s) => {
+  const n = [];
+  let t = e;
+  for (; t != null && t.parentElement; )
+    t = t.parentElement.closest(s), t && n.push(t);
+  return n;
+}, h = {}, N = "YA_NO_SCOPE", E = (e, s, n, t) => {
+  h.hasOwnProperty(e) ? h[e].events.map((l) => l.el).includes(t) || (h[e].events = [
+    ...h[e].events,
+    {
+      eventData: s,
+      el: t
+    }
+  ]) : h[e] = {
+    scopeEl: n || t,
+    // overidden scopes still need an element
+    events: [
+      {
+        eventData: s,
+        el: t
+      }
+    ]
+  };
+};
+function D() {
+  const [e, s] = b(), [n, t] = b([]), [l, c] = b(!1), i = (r) => {
+    s(e === r ? void 0 : r);
+  };
+  return k(() => (document.documentElement.classList.add("xYextDebug"), document.querySelectorAll(
+    "[data-ya-eventname]"
+  ).forEach((d, g) => {
+    const a = d.closest("[data-ya-scope]"), p = a == null ? void 0 : a.dataset.yaScope, u = S(d, p);
+    d.addEventListener("mouseenter", () => {
+      t([
+        {
+          elem: d,
+          key: `${u.originalEventName}_${g}`,
+          action: u.action,
+          originalEventName: u.originalEventName,
+          scope: u.scope
+        }
+      ]);
+    }), d.addEventListener("mouseleave", () => {
+      t([]);
+    });
+    const v = d.dataset.yaScopeoverride;
+    v ? E(v, u, a, d) : [
+      p,
+      ...Y(d, "[data-ya-scope]").map(
+        (m) => m.dataset.yaScope
+      )
+    ].forEach((m) => {
+      E(m || N, u, a, d);
+    });
+  }), c(!0), () => {
+    document.documentElement.classList.remove("xYextDebug");
+  }), []), l ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "analytics-debugger", children: [
+      /* @__PURE__ */ o.jsxs("div", { className: "analytics-debugger-toggles", children: [
+        /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            className: j("analytics-debugger-toggle", {
+              "is-active": e === "Events"
+            }),
+            onClick: () => i("Events"),
+            children: "Events"
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            className: j("analytics-debugger-toggle", {
+              "is-active": e === "Scopes"
+            }),
+            onClick: () => i("Scopes"),
+            children: "Scopes"
+          }
+        )
+      ] }),
+      e && /* @__PURE__ */ o.jsx("div", { className: "analytics-debugger-tabs", children: e === "Events" ? /* @__PURE__ */ o.jsx(T, { data: h, setTooltips: t }) : /* @__PURE__ */ o.jsx($, { data: h, setTooltips: t }) })
+    ] }),
+    /* @__PURE__ */ o.jsx(A, { tooltips: n })
+  ] }) : null;
+}
+const R = () => {
+  const e = {};
+  return Object.values(h).forEach((s) => {
+    s.events.forEach((n) => {
+      const { originalEventName: t } = n.eventData;
+      e[t] || (e[t] = []), !e[t].find(
+        (l) => l.el === n.el
+      ) && e[t].push(n);
+    });
+  }), e;
+};
+function T(e) {
+  const { setTooltips: s } = e, [n, t] = b([]), [l, c] = b(""), i = (r, d) => {
+    n.forEach(
+      (a) => a.classList.remove("analytics-event-highlight")
+    );
+    const g = r.map((a) => (a.el.scrollIntoView({ behavior: "smooth", block: "nearest" }), a.el.classList.add("analytics-event-highlight"), a.el));
+    t(g), c(d), s(
+      r.map((a, p) => ({
+        elem: a.el,
+        key: `${a.eventData.originalEventName}_${p}`,
+        action: a.eventData.action,
+        originalEventName: a.eventData.originalEventName,
+        scope: a.eventData.scope
+      }))
+    );
+  };
+  return /* @__PURE__ */ o.jsxs("div", { className: "analytics-debugger-tab", children: [
+    /* @__PURE__ */ o.jsx("h2", { className: "analytics-debugger-tab-title", children: "Event Names" }),
+    /* @__PURE__ */ o.jsx("ul", { className: "analytics-debugger-list", children: Object.entries(R()).map(
+      ([r, d], g) => {
+        const a = `${r}_${g}`;
+        return /* @__PURE__ */ o.jsx("li", { className: "analytics-debugger-listItem", children: /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            className: j("analytics-debugger-button", {
+              "is-active": a === l
+            }),
+            onClick: () => i(d, a),
+            children: r
+          }
+        ) }, a);
+      }
+    ) })
+  ] });
+}
+function $(e) {
+  const { data: s, setTooltips: n } = e, [t, l] = b(""), c = (i) => {
+    const r = s[i];
+    r.scopeEl && (r.scopeEl.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    }), l(i), n(
+      r.events.map((d, g) => {
+        const a = d.eventData;
+        return {
+          elem: d.el,
+          key: `${a.originalEventName}_${g}`,
+          action: a.action,
+          originalEventName: a.originalEventName,
+          scope: a.scope
+        };
+      })
+    ));
+  };
+  return /* @__PURE__ */ o.jsxs("div", { className: "analytics-debugger-tab", children: [
+    /* @__PURE__ */ o.jsx("h2", { className: "analytics-debugger-tab-title", children: "Scope Names" }),
+    /* @__PURE__ */ o.jsx("ul", { className: "analytics-debugger-list", children: Object.keys(s).map((i, r) => {
+      if (i !== N)
+        return /* @__PURE__ */ o.jsx("li", { className: "analytics-debugger-listItem", children: /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            className: j("analytics-debugger-button", {
+              "is-active": i === t
+            }),
+            onClick: () => c(i),
+            children: i
+          }
+        ) }, i + r);
+    }) })
+  ] });
+}
+function A(e) {
+  const s = C({});
+  return k(() => {
+    if (s.current)
+      for (const n of Object.values(s.current)) {
+        const t = Object.values(s.current).map((l) => l.el).filter((l) => l !== n.el);
+        L(n, t), n.el.style.visibility = "visible";
+      }
+  }, [e.tooltips]), /* @__PURE__ */ o.jsx(o.Fragment, { children: e.tooltips.map((n) => /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      style: { visibility: "hidden" },
+      className: "analytics-debugger-tooltip",
+      ref: (t) => {
+        t ? s.current[n.key] = {
+          el: t,
+          tooltip: n
+        } : delete s.current[n.key];
+      },
+      children: [
+        /* @__PURE__ */ o.jsxs("span", { children: [
+          "Action: ",
+          n.action
+        ] }),
+        /* @__PURE__ */ o.jsx("br", {}),
+        /* @__PURE__ */ o.jsxs("span", { children: [
+          "Scope: ",
+          n.scope
+        ] }),
+        /* @__PURE__ */ o.jsx("br", {}),
+        /* @__PURE__ */ o.jsxs("span", { children: [
+          "Original Event Name: ",
+          n.originalEventName
+        ] })
+      ]
+    },
+    n.key
+  )) });
+}
+function L(e, s) {
+  for (let n = 0; n < 9; n++) {
+    const t = P(
+      e.tooltip.elem.getBoundingClientRect(),
+      e.el,
+      n
+    );
+    if (e.el.style.inset = `${t.top} auto auto ${t.left}`, !!I(
+      e.el.getBoundingClientRect().left,
+      e.el.getBoundingClientRect().top + window.scrollY,
+      e.el.getBoundingClientRect().right,
+      e.el.getBoundingClientRect().bottom + window.scrollY
+    )) continue;
+    let c = !0;
+    for (let i = 0; i < s.length; i++) {
+      const r = s[i];
+      _(e.el, r) && (c = !1);
+    }
+    if (c) break;
+  }
+}
+function _(e, s) {
+  const n = e.getBoundingClientRect().top + window.scrollY, t = e.getBoundingClientRect().left, l = n + e.clientHeight, c = t + e.clientWidth, i = s.getBoundingClientRect().top + window.scrollY, r = s.getBoundingClientRect().left, d = i + s.clientHeight, g = r + s.clientWidth, a = (p, u, v, f, m, x, y, w) => v <= m && m <= y && f <= x && x <= w || v <= p && p <= y && f <= u && u <= w || v <= p && p <= y && f <= x && x <= w || v <= m && m <= y && f <= u && u <= w;
+  return a(t, n, r, i, c, l, g, d) || a(r, i, t, n, g, d, c, l);
+}
+function I(e, s, n, t) {
+  return e < 0 || n > window.innerWidth || s < 0 || t > document.documentElement.scrollHeight;
+}
+function P(e, s, n) {
+  const t = s.clientHeight, l = s.clientWidth;
+  let c, i;
+  switch (n) {
+    case 0: {
+      i = window.scrollY + e.top - t + "px", c = e.left - l + "px";
+      break;
+    }
+    case 1: {
+      i = window.scrollY + e.top - t + "px", c = e.left + "px";
+      break;
+    }
+    case 2: {
+      i = window.scrollY + e.top - t + "px", c = e.right + "px";
+      break;
+    }
+    case 3: {
+      i = window.scrollY + e.top - t + "px", c = e.right - l + "px";
+      break;
+    }
+    case 4: {
+      i = window.scrollY + e.bottom + "px", c = e.left - l + "px";
+      break;
+    }
+    case 5: {
+      i = window.scrollY + e.bottom + "px", c = e.left + "px";
+      break;
+    }
+    case 6: {
+      i = window.scrollY + e.bottom + "px", c = e.right - l + "px";
+      break;
+    }
+    case 7: {
+      i = window.scrollY + e.bottom + "px", c = e.right + "px";
+      break;
+    }
+    default:
+      i = 0, c = 0;
+  }
+  return {
+    top: i,
+    left: c
+  };
+}
+export {
+  D as AnalyticsDebuggerInternal,
+  q as default
+};

package/dist/debugger-pgjiKsrn.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CcbX0EcK.cjs"),p=require("react"),k=require("react-dom");function N(){return i.getRuntime().name!=="browser"||window.hasOwnProperty("debuggerInitialized")?null:(window.debuggerInitialized=!0,k.createPortal(i.jsxRuntimeExports.jsx(R,{}),document.body))}const S=(e,n)=>{const s=e.dataset.yaAction,t=e.dataset.yaScopeoverride,l=e.dataset.yaEventname,c=t||n;return{action:s,originalEventName:c?`${c}_${l}`:l,scope:c}},B=(e,n)=>{const s=[];let t=e;for(;t!=null&&t.parentElement;)t=t.parentElement.closest(n),t&&s.push(t);return s},h={},w="YA_NO_SCOPE",y=(e,n,s,t)=>{h.hasOwnProperty(e)?h[e].events.map(l=>l.el).includes(t)||(h[e].events=[...h[e].events,{eventData:n,el:t}]):h[e]={scopeEl:s||t,events:[{eventData:n,el:t}]}};function R(){const[e,n]=p.useState(),[s,t]=p.useState([]),[l,c]=p.useState(!1),o=r=>{n(e===r?void 0:r)};return p.useEffect(()=>(document.documentElement.classList.add("xYextDebug"),document.querySelectorAll("[data-ya-eventname]").forEach((u,g)=>{const a=u.closest("[data-ya-scope]"),x=a==null?void 0:a.dataset.yaScope,d=S(u,x);u.addEventListener("mouseenter",()=>{t([{elem:u,key:`${d.originalEventName}_${g}`,action:d.action,originalEventName:d.originalEventName,scope:d.scope}])}),u.addEventListener("mouseleave",()=>{t([])});const b=u.dataset.yaScopeoverride;b?y(b,d,a,u):[x,...B(u,"[data-ya-scope]").map(m=>m.dataset.yaScope)].forEach(m=>{y(m||w,d,a,u)})}),c(!0),()=>{document.documentElement.classList.remove("xYextDebug")}),[]),l?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs("div",{className:"analytics-debugger",children:[i.jsxRuntimeExports.jsxs("div",{className:"analytics-debugger-toggles",children:[i.jsxRuntimeExports.jsx("button",{className:i.c("analytics-debugger-toggle",{"is-active":e==="Events"}),onClick:()=>o("Events"),children:"Events"}),i.jsxRuntimeExports.jsx("button",{className:i.c("analytics-debugger-toggle",{"is-active":e==="Scopes"}),onClick:()=>o("Scopes"),children:"Scopes"})]}),e&&i.jsxRuntimeExports.jsx("div",{className:"analytics-debugger-tabs",children:e==="Events"?i.jsxRuntimeExports.jsx(O,{data:h,setTooltips:t}):i.jsxRuntimeExports.jsx($,{data:h,setTooltips:t})})]}),i.jsxRuntimeExports.jsx(D,{tooltips:s})]}):null}const C=()=>{const e={};return Object.values(h).forEach(n=>{n.events.forEach(s=>{const{originalEventName:t}=s.eventData;e[t]||(e[t]=[]),!e[t].find(l=>l.el===s.el)&&e[t].push(s)})}),e};function O(e){const{setTooltips:n}=e,[s,t]=p.useState([]),[l,c]=p.useState(""),o=(r,u)=>{s.forEach(a=>a.classList.remove("analytics-event-highlight"));const g=r.map(a=>(a.el.scrollIntoView({behavior:"smooth",block:"nearest"}),a.el.classList.add("analytics-event-highlight"),a.el));t(g),c(u),n(r.map((a,x)=>({elem:a.el,key:`${a.eventData.originalEventName}_${x}`,action:a.eventData.action,originalEventName:a.eventData.originalEventName,scope:a.eventData.scope})))};return i.jsxRuntimeExports.jsxs("div",{className:"analytics-debugger-tab",children:[i.jsxRuntimeExports.jsx("h2",{className:"analytics-debugger-tab-title",children:"Event Names"}),i.jsxRuntimeExports.jsx("ul",{className:"analytics-debugger-list",children:Object.entries(C()).map(([r,u],g)=>{const a=`${r}_${g}`;return i.jsxRuntimeExports.jsx("li",{className:"analytics-debugger-listItem",children:i.jsxRuntimeExports.jsx("button",{className:i.c("analytics-debugger-button",{"is-active":a===l}),onClick:()=>o(u,a),children:r})},a)})})]})}function $(e){const{data:n,setTooltips:s}=e,[t,l]=p.useState(""),c=o=>{const r=n[o];r.scopeEl&&(r.scopeEl.scrollIntoView({behavior:"smooth",block:"nearest"}),l(o),s(r.events.map((u,g)=>{const a=u.eventData;return{elem:u.el,key:`${a.originalEventName}_${g}`,action:a.action,originalEventName:a.originalEventName,scope:a.scope}})))};return i.jsxRuntimeExports.jsxs("div",{className:"analytics-debugger-tab",children:[i.jsxRuntimeExports.jsx("h2",{className:"analytics-debugger-tab-title",children:"Scope Names"}),i.jsxRuntimeExports.jsx("ul",{className:"analytics-debugger-list",children:Object.keys(n).map((o,r)=>{if(o!==w)return i.jsxRuntimeExports.jsx("li",{className:"analytics-debugger-listItem",children:i.jsxRuntimeExports.jsx("button",{className:i.c("analytics-debugger-button",{"is-active":o===t}),onClick:()=>c(o),children:o})},o+r)})})]})}function D(e){const n=p.useRef({});return p.useEffect(()=>{if(n.current)for(const s of Object.values(n.current)){const t=Object.values(n.current).map(l=>l.el).filter(l=>l!==s.el);Y(s,t),s.el.style.visibility="visible"}},[e.tooltips]),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:e.tooltips.map(s=>i.jsxRuntimeExports.jsxs("div",{style:{visibility:"hidden"},className:"analytics-debugger-tooltip",ref:t=>{t?n.current[s.key]={el:t,tooltip:s}:delete n.current[s.key]},children:[i.jsxRuntimeExports.jsxs("span",{children:["Action: ",s.action]}),i.jsxRuntimeExports.jsx("br",{}),i.jsxRuntimeExports.jsxs("span",{children:["Scope: ",s.scope]}),i.jsxRuntimeExports.jsx("br",{}),i.jsxRuntimeExports.jsxs("span",{children:["Original Event Name: ",s.originalEventName]})]},s.key))})}function Y(e,n){for(let s=0;s<9;s++){const t=I(e.tooltip.elem.getBoundingClientRect(),e.el,s);if(e.el.style.inset=`${t.top} auto auto ${t.left}`,!!A(e.el.getBoundingClientRect().left,e.el.getBoundingClientRect().top+window.scrollY,e.el.getBoundingClientRect().right,e.el.getBoundingClientRect().bottom+window.scrollY))continue;let c=!0;for(let o=0;o<n.length;o++){const r=n[o];T(e.el,r)&&(c=!1)}if(c)break}}function T(e,n){const s=e.getBoundingClientRect().top+window.scrollY,t=e.getBoundingClientRect().left,l=s+e.clientHeight,c=t+e.clientWidth,o=n.getBoundingClientRect().top+window.scrollY,r=n.getBoundingClientRect().left,u=o+n.clientHeight,g=r+n.clientWidth,a=(x,d,b,E,m,j,v,f)=>b<=m&&m<=v&&E<=j&&j<=f||b<=x&&x<=v&&E<=d&&d<=f||b<=x&&x<=v&&E<=j&&j<=f||b<=m&&m<=v&&E<=d&&d<=f;return a(t,s,r,o,c,l,g,u)||a(r,o,t,s,g,u,c,l)}function A(e,n,s,t){return e<0||s>window.innerWidth||n<0||t>document.documentElement.scrollHeight}function I(e,n,s){const t=n.clientHeight,l=n.clientWidth;let c,o;switch(s){case 0:{o=window.scrollY+e.top-t+"px",c=e.left-l+"px";break}case 1:{o=window.scrollY+e.top-t+"px",c=e.left+"px";break}case 2:{o=window.scrollY+e.top-t+"px",c=e.right+"px";break}case 3:{o=window.scrollY+e.top-t+"px",c=e.right-l+"px";break}case 4:{o=window.scrollY+e.bottom+"px",c=e.left-l+"px";break}case 5:{o=window.scrollY+e.bottom+"px",c=e.left+"px";break}case 6:{o=window.scrollY+e.bottom+"px",c=e.right-l+"px";break}case 7:{o=window.scrollY+e.bottom+"px",c=e.right+"px";break}default:o=0,c=0}return{top:o,left:c}}exports.AnalyticsDebuggerInternal=R;exports.default=N;