@yext/pages-components 1.0.0-rc.9 → 1.0.0

package/THIRD-PARTY-NOTICES

@@ -1,36 +1,6 @@
 This file was generated with the generate-license-file npm package!
 https://www.npmjs.com/package/generate-license-file
 
-The following npm package may be included in this product:
-
- - @types/mdast@3.0.10
-
-This package contains the following license and notice below:
-
-MIT License
-
-    Copyright (c) Microsoft Corporation.
-
-    Permission is hereby granted, free of charge, to any person obtaining a copy
-    of this software and associated documentation files (the "Software"), to deal
-    in the Software without restriction, including without limitation the rights
-    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-    copies of the Software, and to permit persons to whom the Software is
-    furnished to do so, subject to the following conditions:
-
-    The above copyright notice and this permission notice shall be included in all
-    copies or substantial portions of the Software.
-
-    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-    SOFTWARE
-
------------
-
 The following npm package may be included in this product:
 
  - unified@11.0.4
@@ -203,7 +173,7 @@ SOFTWARE.
 
 The following npm package may be included in this product:
 
- - @yext/analytics@0.6.5
+ - @yext/analytics@1.0.0-beta.5
 
 This package contains the following license and notice below:
 
@@ -244,7 +214,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 The following npm package may be included in this product:
 
- - react-markdown@8.0.7
+ - react-markdown@8.0.0
 
 This package contains the following license and notice below:
 

package/dist/debugger-B7hxI1lw.cjs

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

package/dist/debugger-BZHlGtkp.js

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