@yext/pages-components 1.2.4 → 2.0.1

package/dist/debugger-BAemb18m.js

@@ -1,316 +0,0 @@
-import { g as C, j as o, c as j } from "./index-3y1PqoZ5.js";
-import { useState as w, useEffect as N, useRef as O } from "react";
-import { createPortal as D } from "react-dom";
-function z() {
-  return C().name !== "browser" || window.hasOwnProperty("debuggerInitialized") ? null : (window.debuggerInitialized = !0, D(/* @__PURE__ */ o.jsx(R, {}), document.body));
-}
-const S = (e, s) => {
-  const n = e.dataset.yaAction, t = e.dataset.yaScopeoverride, r = e.dataset.yaEventname, c = t || s;
-  return {
-    action: n,
-    originalEventName: c ? `${c}_${r}` : r,
-    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;
-}, b = {}, B = "YA_NO_SCOPE", k = (e, s, n, t) => {
-  b.hasOwnProperty(e) ? b[e].events.map((r) => r.el).includes(t) || (b[e].events = [
-    ...b[e].events,
-    {
-      eventData: s,
-      el: t
-    }
-  ]) : b[e] = {
-    scopeEl: n || t,
-    // overidden scopes still need an element
-    events: [
-      {
-        eventData: s,
-        el: t
-      }
-    ]
-  };
-};
-function R() {
-  const [e, s] = w(), [n, t] = w([]), [r, c] = w(!1), i = (a) => {
-    s(e === a ? void 0 : a);
-  };
-  return N(() => {
-    let a = null;
-    const u = () => {
-      a && a.abort(), a = new AbortController();
-      const l = a.signal;
-      document.documentElement.classList.add("xYextDebug"), document.querySelectorAll(
-        "[data-ya-eventname]"
-      ).forEach((d, x) => {
-        const m = d.closest("[data-ya-scope]"), v = m == null ? void 0 : m.dataset.yaScope, p = S(d, v);
-        d.addEventListener(
-          "mouseenter",
-          () => {
-            t([
-              {
-                elem: d,
-                key: `${p.originalEventName}_${x}`,
-                action: p.action,
-                originalEventName: p.originalEventName,
-                scope: p.scope
-              }
-            ]);
-          },
-          { signal: l }
-        ), d.addEventListener(
-          "mouseleave",
-          () => {
-            t([]);
-          },
-          { signal: l }
-        );
-        const f = d.dataset.yaScopeoverride;
-        f ? k(f, p, m, d) : [
-          v,
-          ...Y(d, "[data-ya-scope]").map(
-            (E) => E.dataset.yaScope
-          )
-        ].forEach((E) => {
-          k(E || B, p, m, d);
-        });
-      }), c(!0);
-    };
-    u();
-    const g = new MutationObserver(u);
-    return g.observe(document, {
-      childList: !0,
-      subtree: !0
-    }), () => {
-      document.documentElement.classList.remove("xYextDebug"), g.disconnect(), a == null || a.abort();
-    };
-  }, []), r ? /* @__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(A, { data: b, setTooltips: t }) : /* @__PURE__ */ o.jsx($, { data: b, setTooltips: t }) })
-    ] }),
-    /* @__PURE__ */ o.jsx(L, { tooltips: n })
-  ] }) : null;
-}
-const T = () => {
-  const e = {};
-  return Object.values(b).forEach((s) => {
-    s.events.forEach((n) => {
-      const { originalEventName: t } = n.eventData;
-      e[t] || (e[t] = []), !e[t].find(
-        (r) => r.el === n.el
-      ) && e[t].push(n);
-    });
-  }), e;
-};
-function A(e) {
-  const { setTooltips: s } = e, [n, t] = w([]), [r, c] = w(""), i = (a, u) => {
-    n.forEach(
-      (l) => l.classList.remove("analytics-event-highlight")
-    );
-    const g = a.map((l) => (l.el.scrollIntoView({ behavior: "smooth", block: "nearest" }), l.el.classList.add("analytics-event-highlight"), l.el));
-    t(g), c(u), s(
-      a.map((l, h) => ({
-        elem: l.el,
-        key: `${l.eventData.originalEventName}_${h}`,
-        action: l.eventData.action,
-        originalEventName: l.eventData.originalEventName,
-        scope: l.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(T()).map(
-      ([a, u], g) => {
-        const l = `${a}_${g}`;
-        return /* @__PURE__ */ o.jsx("li", { className: "analytics-debugger-listItem", children: /* @__PURE__ */ o.jsx(
-          "button",
-          {
-            className: j("analytics-debugger-button", {
-              "is-active": l === r
-            }),
-            onClick: () => i(u, l),
-            children: a
-          }
-        ) }, l);
-      }
-    ) })
-  ] });
-}
-function $(e) {
-  const { data: s, setTooltips: n } = e, [t, r] = w(""), c = (i) => {
-    const a = s[i];
-    a.scopeEl && (a.scopeEl.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest"
-    }), r(i), n(
-      a.events.map((u, g) => {
-        const l = u.eventData;
-        return {
-          elem: u.el,
-          key: `${l.originalEventName}_${g}`,
-          action: l.action,
-          originalEventName: l.originalEventName,
-          scope: l.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, a) => {
-      if (i !== B)
-        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 + a);
-    }) })
-  ] });
-}
-function L(e) {
-  const s = O({});
-  return N(() => {
-    if (s.current)
-      for (const n of Object.values(s.current)) {
-        const t = Object.values(s.current).map((r) => r.el).filter((r) => r !== n.el);
-        _(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 _(e, s) {
-  for (let n = 0; n < 9; n++) {
-    const t = H(
-      e.tooltip.elem.getBoundingClientRect(),
-      e.el,
-      n
-    );
-    if (e.el.style.inset = `${t.top} auto auto ${t.left}`, !!P(
-      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 a = s[i];
-      I(e.el, a) && (c = !1);
-    }
-    if (c) break;
-  }
-}
-function I(e, s) {
-  const n = e.getBoundingClientRect().top + window.scrollY, t = e.getBoundingClientRect().left, r = n + e.clientHeight, c = t + e.clientWidth, i = s.getBoundingClientRect().top + window.scrollY, a = s.getBoundingClientRect().left, u = i + s.clientHeight, g = a + s.clientWidth, l = (h, d, x, m, v, p, f, y) => x <= v && v <= f && m <= p && p <= y || x <= h && h <= f && m <= d && d <= y || x <= h && h <= f && m <= p && p <= y || x <= v && v <= f && m <= d && d <= y;
-  return l(t, n, a, i, c, r, g, u) || l(a, i, t, n, g, u, c, r);
-}
-function P(e, s, n, t) {
-  return e < 0 || n > window.innerWidth || s < 0 || t > document.documentElement.scrollHeight;
-}
-function H(e, s, n) {
-  const t = s.clientHeight, r = s.clientWidth;
-  let c, i;
-  switch (n) {
-    case 0: {
-      i = window.scrollY + e.top - t + "px", c = e.left - r + "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 - r + "px";
-      break;
-    }
-    case 4: {
-      i = window.scrollY + e.bottom + "px", c = e.left - r + "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 - r + "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 {
-  R as AnalyticsDebuggerInternal,
-  z as default
-};

package/dist/debugger-DjyiKj4B.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BE0QKqrR.cjs"),m=require("react"),N=require("react-dom");function S(){return i.getRuntime().name!=="browser"||window.hasOwnProperty("debuggerInitialized")?null:(window.debuggerInitialized=!0,N.createPortal(i.jsxRuntimeExports.jsx(k,{}),document.body))}const B=(e,n)=>{const s=e.dataset.yaAction,t=e.dataset.yaScopeoverride,r=e.dataset.yaEventname,c=t||n;return{action:s,originalEventName:c?`${c}_${r}`:r,scope:c}},C=(e,n)=>{const s=[];let t=e;for(;t!=null&&t.parentElement;)t=t.parentElement.closest(n),t&&s.push(t);return s},b={},R="YA_NO_SCOPE",w=(e,n,s,t)=>{b.hasOwnProperty(e)?b[e].events.map(r=>r.el).includes(t)||(b[e].events=[...b[e].events,{eventData:n,el:t}]):b[e]={scopeEl:s||t,events:[{eventData:n,el:t}]}};function k(){const[e,n]=m.useState(),[s,t]=m.useState([]),[r,c]=m.useState(!1),o=a=>{n(e===a?void 0:a)};return m.useEffect(()=>{let a=null;const d=()=>{a&&a.abort(),a=new AbortController;const l=a.signal;document.documentElement.classList.add("xYextDebug"),document.querySelectorAll("[data-ya-eventname]").forEach((u,j)=>{const p=u.closest("[data-ya-scope]"),v=p==null?void 0:p.dataset.yaScope,x=B(u,v);u.addEventListener("mouseenter",()=>{t([{elem:u,key:`${x.originalEventName}_${j}`,action:x.action,originalEventName:x.originalEventName,scope:x.scope}])},{signal:l}),u.addEventListener("mouseleave",()=>{t([])},{signal:l});const E=u.dataset.yaScopeoverride;E?w(E,x,p,u):[v,...C(u,"[data-ya-scope]").map(y=>y.dataset.yaScope)].forEach(y=>{w(y||R,x,p,u)})}),c(!0)};d();const g=new MutationObserver(d);return g.observe(document,{childList:!0,subtree:!0}),()=>{document.documentElement.classList.remove("xYextDebug"),g.disconnect(),a==null||a.abort()}},[]),r?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:b,setTooltips:t}):i.jsxRuntimeExports.jsx(Y,{data:b,setTooltips:t})})]}),i.jsxRuntimeExports.jsx(T,{tooltips:s})]}):null}const D=()=>{const e={};return Object.values(b).forEach(n=>{n.events.forEach(s=>{const{originalEventName:t}=s.eventData;e[t]||(e[t]=[]),!e[t].find(r=>r.el===s.el)&&e[t].push(s)})}),e};function O(e){const{setTooltips:n}=e,[s,t]=m.useState([]),[r,c]=m.useState(""),o=(a,d)=>{s.forEach(l=>l.classList.remove("analytics-event-highlight"));const g=a.map(l=>(l.el.scrollIntoView({behavior:"smooth",block:"nearest"}),l.el.classList.add("analytics-event-highlight"),l.el));t(g),c(d),n(a.map((l,h)=>({elem:l.el,key:`${l.eventData.originalEventName}_${h}`,action:l.eventData.action,originalEventName:l.eventData.originalEventName,scope:l.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(D()).map(([a,d],g)=>{const l=`${a}_${g}`;return i.jsxRuntimeExports.jsx("li",{className:"analytics-debugger-listItem",children:i.jsxRuntimeExports.jsx("button",{className:i.c("analytics-debugger-button",{"is-active":l===r}),onClick:()=>o(d,l),children:a})},l)})})]})}function Y(e){const{data:n,setTooltips:s}=e,[t,r]=m.useState(""),c=o=>{const a=n[o];a.scopeEl&&(a.scopeEl.scrollIntoView({behavior:"smooth",block:"nearest"}),r(o),s(a.events.map((d,g)=>{const l=d.eventData;return{elem:d.el,key:`${l.originalEventName}_${g}`,action:l.action,originalEventName:l.originalEventName,scope:l.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,a)=>{if(o!==R)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+a)})})]})}function T(e){const n=m.useRef({});return m.useEffect(()=>{if(n.current)for(const s of Object.values(n.current)){const t=Object.values(n.current).map(r=>r.el).filter(r=>r!==s.el);$(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 $(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}`,!!L(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 a=n[o];A(e.el,a)&&(c=!1)}if(c)break}}function A(e,n){const s=e.getBoundingClientRect().top+window.scrollY,t=e.getBoundingClientRect().left,r=s+e.clientHeight,c=t+e.clientWidth,o=n.getBoundingClientRect().top+window.scrollY,a=n.getBoundingClientRect().left,d=o+n.clientHeight,g=a+n.clientWidth,l=(h,u,j,p,v,x,E,f)=>j<=v&&v<=E&&p<=x&&x<=f||j<=h&&h<=E&&p<=u&&u<=f||j<=h&&h<=E&&p<=x&&x<=f||j<=v&&v<=E&&p<=u&&u<=f;return l(t,s,a,o,c,r,g,d)||l(a,o,t,s,g,d,c,r)}function L(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,r=n.clientWidth;let c,o;switch(s){case 0:{o=window.scrollY+e.top-t+"px",c=e.left-r+"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-r+"px";break}case 4:{o=window.scrollY+e.bottom+"px",c=e.left-r+"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-r+"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=k;exports.default=S;