@zeniai/web-components 3.16.60 → 3.16.62

package/dist/MeetingCalenderPopup-Bpfljv8b.js

@@ -0,0 +1,60 @@
+import { j as i, C as r } from "./vendor-.pnpm-DtFedGku.js";
+import o from "@emotion/styled";
+import { u as d, j as c, C as l, S as p, R as s } from "./index-DosfnUdx.js";
+const a = {
+  width: new s(425, 850, 850),
+  height: new s(320, 640, 640)
+}, h = o.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${l.blackColor}CC;
+`, u = o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${(e) => e.theme.colors.grey5};
+  border-radius: ${p.sp2};
+  position: relative;
+  top: 5%;
+  width: ${(e) => a.width.valuePx(e.windowSize)};
+  height: ${(e) => a.height.valuePx(e.windowSize)};
+  background: transparent;
+`;
+function x(e) {
+  const n = d(), t = document.createElement("script");
+  return t.setAttribute("async", "true"), t.setAttribute("defer", "true"), t.setAttribute(
+    "src",
+    "https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"
+  ), document.head.appendChild(t), /* @__PURE__ */ i.jsx(
+    h,
+    {
+      windowSize: n,
+      role: "presentation",
+      "data-testid": c("calendar-meeting-popup"),
+      children: /* @__PURE__ */ i.jsx(r, { onClickAway: () => e.onCancelClick(), children: /* @__PURE__ */ i.jsx(u, { windowSize: n, children: /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          className: "meetings-iframe-container",
+          "data-src": e.meetingUrl,
+          style: {
+            width: "100%",
+            height: "100%"
+          }
+        }
+      ) }) })
+    }
+  );
+}
+export {
+  x as M
+};

package/dist/MeetingCalenderPopup-CL_04hNJ.cjs

@@ -0,0 +1,26 @@
+"use strict";const i=require("./vendor-.pnpm-CT-Z_-kn.cjs"),o=require("@emotion/styled"),t=require("./index-CGiOrCyX.cjs"),r={width:new t.ResponsiveSized(425,850,850),height:new t.ResponsiveSized(320,640,640)},a=o.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${t.Colors.blackColor}CC;
+`,d=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${t.Space.sp2};
+  position: relative;
+  top: 5%;
+  width: ${e=>r.width.valuePx(e.windowSize)};
+  height: ${e=>r.height.valuePx(e.windowSize)};
+  background: transparent;
+`;function c(e){const s=t.useWindowSizeContext(),n=document.createElement("script");return n.setAttribute("async","true"),n.setAttribute("defer","true"),n.setAttribute("src","https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"),document.head.appendChild(n),i.jsxRuntimeExports.jsx(a,{windowSize:s,role:"presentation","data-testid":t.generateDataTestId("calendar-meeting-popup"),children:i.jsxRuntimeExports.jsx(i.ClickAwayListener,{onClickAway:()=>e.onCancelClick(),children:i.jsxRuntimeExports.jsx(d,{windowSize:s,children:i.jsxRuntimeExports.jsx("div",{className:"meetings-iframe-container","data-src":e.meetingUrl,style:{width:"100%",height:"100%"}})})})})}exports.MeetingCalenderPopup=c;

package/dist/Menu-Ckjlgxfz.js

@@ -0,0 +1,110 @@
+import { j as r, C as h, u as m, P as u } from "./vendor-.pnpm-DtFedGku.js";
+import { useRef as d } from "react";
+import { css as f } from "@emotion/react";
+import c from "@emotion/styled";
+import { fL as x, S as e } from "./index-DosfnUdx.js";
+const g = ({
+  open: o,
+  onClose: t,
+  anchorEl: i,
+  children: s,
+  styles: a
+}) => {
+  const n = m();
+  return /* @__PURE__ */ r.jsx(
+    u,
+    {
+      transitionDuration: 0,
+      anchorEl: i,
+      open: o,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      },
+      slotProps: {
+        paper: {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            background: n.colors.grey5,
+            boxShadow: `${e.sp0} 2px ${e.sp2} ${n.colors.dropShadowHover}`,
+            boxSizing: "border-box",
+            transform: a?.transform ?? "translate(30px,10px)",
+            borderRadius: e.sp1
+          }
+        }
+      },
+      onClose: t,
+      disableAutoFocus: !0,
+      disableEnforceFocus: !0,
+      children: s
+    }
+  );
+}, v = c.div`
+  position: relative;
+`, P = ({
+  menuItems: o,
+  isMenuOpen: t,
+  isMenuVisible: i = !0,
+  setIsMenuOpen: s,
+  styles: a,
+  menuIconStyles: n
+}) => {
+  const p = d(null);
+  return /* @__PURE__ */ r.jsx(
+    h,
+    {
+      onClickAway: () => {
+        s(!1);
+      },
+      children: /* @__PURE__ */ r.jsxs(v, { ref: p, children: [
+        /* @__PURE__ */ r.jsx(
+          j,
+          {
+            className: "placeholder",
+            style: n,
+            onClick: (l) => {
+              l.stopPropagation(), s(!t);
+            },
+            children: /* @__PURE__ */ r.jsx(y, { isMenuVisible: i, children: /* @__PURE__ */ r.jsx(x, {}) })
+          }
+        ),
+        t ? /* @__PURE__ */ r.jsx(
+          g,
+          {
+            open: t,
+            onClose: (l) => {
+              l.stopPropagation(), s(!1);
+            },
+            anchorEl: p.current,
+            styles: a,
+            children: o
+          }
+        ) : null
+      ] })
+    }
+  );
+}, j = c.div`
+  height: ${e.sp4};
+  position: relative;
+  color: ${(o) => o.theme.colors.hero};
+  &:hover {
+    cursor: pointer;
+    color: ${(o) => o.theme.colors.primary};
+  }
+`, y = c.div`
+  width: ${e.sp3};
+  height: ${e.sp3};
+  ${({ isMenuVisible: o }) => o === !1 ? f`
+          display: none;
+        ` : null};
+`;
+export {
+  P as M
+};

package/dist/Menu-DpeOGVzu.cjs

@@ -0,0 +1,17 @@
+"use strict";const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),u=require("react"),x=require("@emotion/react"),l=require("@emotion/styled"),r=require("./index-CGiOrCyX.cjs"),d=({open:o,onClose:t,anchorEl:i,children:s,styles:c})=>{const n=e.useTheme();return e.jsxRuntimeExports.jsx(e.Popover,{transitionDuration:0,anchorEl:i,open:o,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",background:n.colors.grey5,boxShadow:`${r.Space.sp0} 2px ${r.Space.sp2} ${n.colors.dropShadowHover}`,boxSizing:"border-box",transform:c?.transform??"translate(30px,10px)",borderRadius:r.Space.sp1}}},onClose:t,disableAutoFocus:!0,disableEnforceFocus:!0,children:s})},h=l.div`
+  position: relative;
+`,m=({menuItems:o,isMenuOpen:t,isMenuVisible:i=!0,setIsMenuOpen:s,styles:c,menuIconStyles:n})=>{const p=u.useRef(null);return e.jsxRuntimeExports.jsx(e.ClickAwayListener,{onClickAway:()=>{s(!1)},children:e.jsxRuntimeExports.jsxs(h,{ref:p,children:[e.jsxRuntimeExports.jsx(f,{className:"placeholder",style:n,onClick:a=>{a.stopPropagation(),s(!t)},children:e.jsxRuntimeExports.jsx(j,{isMenuVisible:i,children:e.jsxRuntimeExports.jsx(r.SvgMore,{})})}),t?e.jsxRuntimeExports.jsx(d,{open:t,onClose:a=>{a.stopPropagation(),s(!1)},anchorEl:p.current,styles:c,children:o}):null]})})},f=l.div`
+  height: ${r.Space.sp4};
+  position: relative;
+  color: ${o=>o.theme.colors.hero};
+  &:hover {
+    cursor: pointer;
+    color: ${o=>o.theme.colors.primary};
+  }
+`,j=l.div`
+  width: ${r.Space.sp3};
+  height: ${r.Space.sp3};
+  ${({isMenuVisible:o})=>o===!1?x.css`
+          display: none;
+        `:null};
+`;exports.Menu=m;