@pagehub/sdk 0.1.0

package/dist/chunks/EffectsClassInput-QHrc1Zo2.js

@@ -0,0 +1,315 @@
+import { jsxs as p, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { ca as y } from "./index-lNS44FHV.js";
+const n = [
+  "tailwind",
+  "calc",
+  "px",
+  "%",
+  "em",
+  "rem",
+  "vw",
+  "vh",
+  "vmin",
+  "vmax"
+];
+function r({
+  propKey: a,
+  label: o,
+  tailwindKey: i,
+  propTag: t,
+  index: s = ""
+}) {
+  return /* @__PURE__ */ e(
+    y,
+    {
+      propKey: a,
+      propType: "class",
+      ...t ? { propTag: t } : {},
+      label: o,
+      tailwindKey: i,
+      index: s,
+      showVarSelector: !0,
+      placeholder: "",
+      allowedTypes: n,
+      inline: !0,
+      inputWidth: "flex-1"
+    }
+  );
+}
+const K = ({ index: a = "" }) => /* @__PURE__ */ p(l, { children: [
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "transitionProperty",
+      label: "Property",
+      tailwindKey: "transitionProperty",
+      propTag: "transition",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "duration",
+      label: "Duration",
+      tailwindKey: "duration",
+      propTag: "duration",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(r, { propKey: "ease", label: "Easing", tailwindKey: "ease", propTag: "ease", index: a }),
+  /* @__PURE__ */ e(r, { propKey: "delay", label: "Delay", tailwindKey: "delay", propTag: "delay", index: a })
+] }), d = ({ index: a = "" }) => /* @__PURE__ */ p(l, { children: [
+  /* @__PURE__ */ e(r, { propKey: "twTransform", label: "GPU mode", tailwindKey: "twTransform", index: a }),
+  /* @__PURE__ */ e(r, { propKey: "scale", label: "Scale", tailwindKey: "scale", propTag: "scale", index: a }),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "scaleX",
+      label: "Scale X",
+      tailwindKey: "scaleX",
+      propTag: "scale-x",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "scaleY",
+      label: "Scale Y",
+      tailwindKey: "scaleY",
+      propTag: "scale-y",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "rotate",
+      label: "Rotate",
+      tailwindKey: "rotate",
+      propTag: "rotate",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "translateX",
+      label: "Translate X",
+      tailwindKey: "translateX",
+      propTag: "translate-x",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "translateY",
+      label: "Translate Y",
+      tailwindKey: "translateY",
+      propTag: "translate-y",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "skewX",
+      label: "Skew X",
+      tailwindKey: "skewX",
+      propTag: "skew-x",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "skewY",
+      label: "Skew Y",
+      tailwindKey: "skewY",
+      propTag: "skew-y",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "transformOrigin",
+      label: "Origin",
+      tailwindKey: "transformOrigin",
+      propTag: "origin",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "willChange",
+      label: "Will-change",
+      tailwindKey: "willChange",
+      propTag: "will-change",
+      index: a
+    }
+  )
+] }), g = ({ index: a = "" }) => /* @__PURE__ */ p(l, { children: [
+  /* @__PURE__ */ e(r, { propKey: "blur", label: "Blur", tailwindKey: "blur", propTag: "blur", index: a }),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "brightness",
+      label: "Brightness",
+      tailwindKey: "brightness",
+      propTag: "brightness",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "contrast",
+      label: "Contrast",
+      tailwindKey: "contrast",
+      propTag: "contrast",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "grayscale",
+      label: "Grayscale",
+      tailwindKey: "grayscale",
+      propTag: "grayscale",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "hueRotate",
+      label: "Hue rotate",
+      tailwindKey: "hueRotate",
+      propTag: "hue-rotate",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "invert",
+      label: "Invert",
+      tailwindKey: "invert",
+      propTag: "invert",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "saturate",
+      label: "Saturate",
+      tailwindKey: "saturate",
+      propTag: "saturate",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(r, { propKey: "sepia", label: "Sepia", tailwindKey: "sepia", propTag: "sepia", index: a })
+] }), w = ({ index: a = "" }) => /* @__PURE__ */ p(l, { children: [
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropBlur",
+      label: "Blur",
+      tailwindKey: "backdropBlur",
+      propTag: "backdrop-blur",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropOpacity",
+      label: "Opacity",
+      tailwindKey: "backdropOpacity",
+      propTag: "backdrop-opacity",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropBrightness",
+      label: "Brightness",
+      tailwindKey: "backdropBrightness",
+      propTag: "backdrop-brightness",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropContrast",
+      label: "Contrast",
+      tailwindKey: "backdropContrast",
+      propTag: "backdrop-contrast",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropGrayscale",
+      label: "Grayscale",
+      tailwindKey: "backdropGrayscale",
+      propTag: "backdrop-grayscale",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropHueRotate",
+      label: "Hue rotate",
+      tailwindKey: "backdropHueRotate",
+      propTag: "backdrop-hue-rotate",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropInvert",
+      label: "Invert",
+      tailwindKey: "backdropInvert",
+      propTag: "backdrop-invert",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropSaturate",
+      label: "Saturate",
+      tailwindKey: "backdropSaturate",
+      propTag: "backdrop-saturate",
+      index: a
+    }
+  ),
+  /* @__PURE__ */ e(
+    r,
+    {
+      propKey: "backdropSepia",
+      label: "Sepia",
+      tailwindKey: "backdropSepia",
+      propTag: "backdrop-sepia",
+      index: a
+    }
+  )
+] });
+export {
+  w as B,
+  g as F,
+  K as T,
+  d as a
+};

package/dist/chunks/Embed.presets-5gAGeLmY.js

@@ -0,0 +1,77 @@
+import { c4 as e, eZ as a, b3 as l, e_ as s, e$ as r, f0 as c, cc as i, f1 as o, dY as p, f2 as m, f3 as b, f4 as f, f5 as n, f6 as t, ez as d } from "./index-lNS44FHV.js";
+const T = [
+  {
+    label: "Custom HTML",
+    icon: e,
+    props: { service: "custom", className: "w-full" }
+  },
+  {
+    label: "Calendly",
+    icon: a,
+    props: { service: "calendly", className: "w-full" }
+  },
+  {
+    label: "Cal.com",
+    icon: l,
+    props: { service: "cal", className: "w-full" }
+  },
+  {
+    label: "Stripe",
+    icon: s,
+    props: { service: "stripe", className: "w-full" }
+  },
+  {
+    label: "Gumroad",
+    icon: r,
+    props: { service: "gumroad", className: "w-full" }
+  },
+  {
+    label: "Ko-fi",
+    icon: c,
+    props: { service: "kofi", className: "w-full" }
+  },
+  {
+    label: "Typeform",
+    icon: i,
+    props: { service: "typeform", className: "w-full" }
+  },
+  {
+    label: "Tally",
+    icon: o,
+    props: { service: "tally", className: "w-full" }
+  },
+  {
+    label: "Mailchimp",
+    icon: p,
+    props: { service: "mailchimp", className: "w-full" }
+  },
+  {
+    label: "Spotify",
+    icon: m,
+    props: { service: "spotify", className: "w-full" }
+  },
+  {
+    label: "Instagram",
+    icon: b,
+    props: { service: "instagram", className: "w-full" }
+  },
+  {
+    label: "Twitter / X",
+    icon: f,
+    props: { service: "twitter", className: "w-full" }
+  },
+  {
+    label: "Google Calendar",
+    icon: n,
+    props: { service: "google-calendar", className: "w-full" }
+  },
+  {
+    label: "Crisp Chat",
+    icon: t,
+    props: { service: "crisp", className: "w-full" }
+  }
+];
+d("Embed", T);
+export {
+  T as embedPresets
+};

package/dist/chunks/Embed.render-5iM9e_vo.js

@@ -0,0 +1,17 @@
+import { cU as c, cV as i, cW as p, c_ as t } from "./index-lNS44FHV.js";
+const g = (a) => {
+  var d;
+  const e = { service: "custom", ...a }, o = c(), s = i(), n = p({
+    id: (s == null ? void 0 : s.id) ?? "",
+    isCanvas: (s == null ? void 0 : s.isCanvas) ?? !1,
+    hasChildNodes: (((d = s == null ? void 0 : s.childIds) == null ? void 0 : d.length) ?? 0) > 0,
+    displayName: (s == null ? void 0 : s.displayName) ?? "Embed",
+    rootProps: (o == null ? void 0 : o.rootProps) ?? {},
+    pageMedia: (o == null ? void 0 : o.pageMedia) ?? null,
+    pageIndex: (o == null ? void 0 : o.pageIndex) ?? {}
+  });
+  return t(e, n);
+};
+export {
+  g as EmbedRender
+};

package/dist/chunks/Embed.render-C-MQatZM.js

@@ -0,0 +1,160 @@
+import { jsx as c, jsxs as d, Fragment as n } from "react/jsx-runtime";
+import m from "react";
+import { a as p, E as u, i as h, m as f, b as y, j as b, k as w, u as g, c as v, d as C } from "./viewer-Dg-Nplli.js";
+const k = {
+  custom: { label: "Custom HTML", placeholder: "Paste HTML, iframe, or script code..." },
+  calendly: { label: "Calendly", placeholder: "https://calendly.com/your-name/meeting" },
+  cal: { label: "Cal.com", placeholder: "https://cal.com/your-name/meeting" },
+  stripe: { label: "Stripe Buy Button", placeholder: "Paste your Stripe Buy Button code..." },
+  gumroad: { label: "Gumroad", placeholder: "https://yourname.gumroad.com/l/product" },
+  kofi: { label: "Ko-fi", placeholder: "https://ko-fi.com/yourname" },
+  typeform: { label: "Typeform", placeholder: "https://yourname.typeform.com/to/formId" },
+  tally: { label: "Tally", placeholder: "https://tally.so/r/formId" },
+  jotform: { label: "Jotform", placeholder: "https://form.jotform.com/formId" },
+  mailchimp: { label: "Mailchimp", placeholder: "Paste your Mailchimp embed code..." },
+  convertkit: { label: "Kit (ConvertKit)", placeholder: "Paste your Kit/ConvertKit form code..." },
+  beehiiv: { label: "Beehiiv", placeholder: "Paste your Beehiiv embed code..." },
+  spotify: { label: "Spotify", placeholder: "https://open.spotify.com/track/... or /playlist/..." },
+  soundcloud: { label: "SoundCloud", placeholder: "https://soundcloud.com/artist/track" },
+  podcast: { label: "Apple Podcasts", placeholder: "https://podcasts.apple.com/podcast/..." },
+  instagram: { label: "Instagram", placeholder: "https://www.instagram.com/p/postId/" },
+  twitter: { label: "Twitter / X", placeholder: "https://twitter.com/user/status/tweetId" },
+  tiktok: { label: "TikTok", placeholder: "https://www.tiktok.com/@user/video/videoId" },
+  crisp: { label: "Crisp Chat", placeholder: "Your Crisp Website ID (e.g. abc12345-...)" },
+  intercom: { label: "Intercom", placeholder: "Your Intercom App ID (e.g. abc123de)" },
+  tidio: { label: "Tidio", placeholder: "Your Tidio Public Key" },
+  "google-calendar": {
+    label: "Google Calendar",
+    placeholder: "Your Google Calendar embed URL or calendar ID"
+  }
+};
+function I(r, o) {
+  var t, l, i, s;
+  if (!o) return null;
+  const e = o.trim();
+  if (!e || r === "custom") return null;
+  switch (r) {
+    case "calendly":
+      return `<div class="calendly-inline-widget" data-url="${e.startsWith("http") ? e : `https://calendly.com/${e}`}" style="min-width:320px;height:700px;"></div>
+<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async><\/script>`;
+    case "cal":
+      return `<div id="cal-embed" style="width:100%;height:700px;overflow:auto;"></div>
+<script type="text/javascript">
+(function(C,A,L){let p=function(a,ar){a.q.push(ar)};let d=C.document;C.Cal=C.Cal||function(){let cal=C.Cal;if(!cal.loaded){cal.ns={};cal.q=cal.q||[];d.head.appendChild(d.createElement("script")).src=A;cal.loaded=true;}if(ar[0]==="init"){cal.ns[ar[1]]=cal.ns[ar[1]]||{q:[]};return void p(cal.ns[ar[1]],ar);}p(cal,ar);};})(window,"https://app.cal.com/embed/embed.js");
+Cal("init",{origin:"https://cal.com"});
+Cal("inline",{elementOrSelector:"#cal-embed",calLink:"${e.replace(/^https?:\/\/(cal\.com\/)?/, "")}",layout:"month_view"});
+<\/script>`;
+    case "stripe":
+      return e.includes("<") ? e : null;
+    case "gumroad":
+      return `<a class="gumroad-button" href="${e.startsWith("http") ? e : `https://gumroad.com/l/${e}`}">Buy on Gumroad</a>
+<script src="https://gumroad.com/js/gumroad.js"><\/script>`;
+    case "kofi":
+      return `<iframe id="kofiframe" src="https://ko-fi.com/${e.replace(/^https?:\/\/(ko-fi\.com\/)?/, "").replace(/\/$/, "")}/?hidefeed=true&widget=true&embed=true" style="border:none;width:100%;padding:4px;" height="712" title="Ko-fi"></iframe>`;
+    case "typeform": {
+      const a = ((t = e.match(/to\/([a-zA-Z0-9]+)/)) == null ? void 0 : t[1]) || e;
+      return e.startsWith("http") || `${a}`, `<div data-tf-live="${a}" style="width:100%;height:600px;"></div>
+<script src="//embed.typeform.com/next/embed.js"><\/script>`;
+    }
+    case "tally":
+      return `<iframe data-tally-src="https://tally.so/embed/${((l = e.match(/r\/([a-zA-Z0-9]+)/)) == null ? void 0 : l[1]) || e}?alignLeft=1&hideTitle=1&dynamicHeight=1" loading="lazy" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0" title="Tally Form"></iframe>
+<script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w;s.onload=v;s.onerror=v;d.body.appendChild(s);}<\/script>`;
+    case "jotform": {
+      const a = ((i = e.match(/(\d{10,})/)) == null ? void 0 : i[1]) || e;
+      return `<iframe src="${e.startsWith("http") ? e : `https://form.jotform.com/${a}`}" style="min-width:100%;height:600px;border:none;" scrolling="no" title="Jotform Form"></iframe>`;
+    }
+    case "mailchimp":
+      return e.includes("<") ? e : null;
+    case "convertkit":
+      return e.includes("<") ? e : null;
+    case "beehiiv":
+      return e.includes("<") ? e : null;
+    case "spotify": {
+      const a = e.match(
+        /open\.spotify\.com\/(track|album|playlist|episode|show)\/([a-zA-Z0-9]+)/
+      );
+      return a ? `<iframe style="border-radius:12px" src="https://open.spotify.com/embed/${a[1]}/${a[2]}?utm_source=generator" width="100%" height="${a[1] === "track" ? 152 : 352}" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>` : `<iframe style="border-radius:12px" src="${e.replace("open.spotify.com", "open.spotify.com/embed")}" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>`;
+    }
+    case "soundcloud":
+      return `<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=${encodeURIComponent(e)}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>`;
+    case "podcast": {
+      const a = e.match(/podcasts\.apple\.com\/([a-z]{2})\/podcast\/[^/]+\/id(\d+)/);
+      return a ? `<iframe allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write" frameborder="0" height="450" style="width:100%;overflow:hidden;border-radius:10px;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.podcasts.apple.com/us/podcast/id${a[2]}"></iframe>` : `<iframe allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write" frameborder="0" height="450" style="width:100%;overflow:hidden;border-radius:10px;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="${e}"></iframe>`;
+    }
+    case "instagram":
+      return `<blockquote class="instagram-media" data-instgrm-permalink="${e}" data-instgrm-version="14" style="width:100%;"></blockquote>
+<script async src="//www.instagram.com/embed.js"><\/script>`;
+    case "twitter":
+      return `<blockquote class="twitter-tweet"><a href="${e}"></a></blockquote>
+<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"><\/script>`;
+    case "tiktok": {
+      const a = (s = e.match(/video\/(\d+)/)) == null ? void 0 : s[1];
+      return a ? `<blockquote class="tiktok-embed" cite="${e}" data-video-id="${a}" style="max-width:605px;min-width:325px;"><section></section></blockquote>
+<script async src="https://www.tiktok.com/embed.js"><\/script>` : `<blockquote class="tiktok-embed" cite="${e}" style="max-width:605px;min-width:325px;"><section></section></blockquote>
+<script async src="https://www.tiktok.com/embed.js"><\/script>`;
+    }
+    case "crisp":
+      return `<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="${e}";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();<\/script>`;
+    case "intercom":
+      return `<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/${e}';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};l();}})();window.Intercom('boot',{api_base:"https://api-iam.intercom.io",app_id:"${e}"});<\/script>`;
+    case "tidio":
+      return `<script src="//code.tidio.co/${e}.js" async><\/script>`;
+    case "google-calendar":
+      return `<iframe src="${e.startsWith("http") ? e : `https://calendar.google.com/calendar/embed?src=${encodeURIComponent(e)}`}" style="border:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>`;
+    default:
+      return null;
+  }
+}
+function $(r) {
+  const { service: o = "custom", url: e, code: t } = r;
+  if (o !== "custom" && e) {
+    const l = I(o, e);
+    if (l) return l;
+  }
+  return t || "";
+}
+function j(r, o) {
+  var s;
+  const e = $(r), t = {
+    ref: (a) => {
+      o.connect(o.drag(a));
+    },
+    className: r.className || "",
+    role: "region",
+    "aria-label": r.title || ((s = k[r.service || "custom"]) == null ? void 0 : s.label) || "Embedded content"
+  };
+  p(t, r), e && (t.dangerouslySetInnerHTML = { __html: e }), o.enabled && (e || (t.children = /* @__PURE__ */ c(
+    u,
+    {
+      selected: o.isActive,
+      icon: /* @__PURE__ */ c(h, { "aria-hidden": !0 }),
+      idleLabel: "Empty embed",
+      selectedLabel: "Drop here or right-click"
+    }
+  )), t["data-bounding-box"] = o.enabled, t["data-empty-state"] = !e, o.isMounted && (t["node-id"] = o.id));
+  const l = !o.enabled || r.runInEditor === !0, i = m.createElement(
+    f(r, "div", o.enabled),
+    y({ ...t, key: o.id }, r, null, o.enabled)
+  );
+  return !l || !r.headCode && !r.footCode ? i : /* @__PURE__ */ d(n, { children: [
+    r.headCode ? /* @__PURE__ */ c(b, { html: r.headCode }) : null,
+    i,
+    r.footCode ? /* @__PURE__ */ c(w, { html: r.footCode }) : null
+  ] });
+}
+const q = (r) => {
+  var i;
+  const o = { service: "custom", ...r }, e = g(), t = v(), l = C({
+    id: (t == null ? void 0 : t.id) ?? "",
+    isCanvas: (t == null ? void 0 : t.isCanvas) ?? !1,
+    hasChildNodes: (((i = t == null ? void 0 : t.childIds) == null ? void 0 : i.length) ?? 0) > 0,
+    displayName: (t == null ? void 0 : t.displayName) ?? "Embed",
+    rootProps: (e == null ? void 0 : e.rootProps) ?? {},
+    pageMedia: (e == null ? void 0 : e.pageMedia) ?? null,
+    pageIndex: (e == null ? void 0 : e.pageIndex) ?? {}
+  });
+  return j(o, l);
+};
+export {
+  q as EmbedRender
+};