@drawbridge/components 0.0.77 → 0.1.0

package/dist/bridge/share-button.js

@@ -0,0 +1,239 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var share_button_exports = {};
+__export(share_button_exports, {
+  default: () => share_button_default
+});
+module.exports = __toCommonJS(share_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_image = __toESM(require("next/image"));
+var import_cdn = require("@drawbridge/drawbridge-utils/cdn");
+var import_styles = require("../styles");
+var import_react_share = require("react-share");
+const iconSize = 40;
+const ShareButton = ({
+  disabled,
+  onClick = () => {
+  },
+  style,
+  values
+}) => {
+  var _a, _b, _c;
+  const src = (0, import_cdn.cdnSrc)(values == null ? void 0 : values.image, "1200x630", (_a = values == null ? void 0 : values.image) == null ? void 0 : _a.updatedAt);
+  const brandButton = style && (0, import_styles.buttonStyle)(style);
+  const icon = {
+    bgStyle: { fill: (brandButton == null ? void 0 : brandButton.backgroundColor) || "var(--color-black)" },
+    iconFillColor: (brandButton == null ? void 0 : brandButton.color) || "var(--color-white)",
+    round: true,
+    size: iconSize
+  };
+  const icons = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.FacebookShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.FacebookIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.XShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.XIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.LinkedinShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          summary: values == null ? void 0 : values.description,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.LinkedinIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.RedditShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.RedditIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.WhatsappShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.WhatsappIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.TelegramShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.TelegramIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.ThreadsShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.ThreadsIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_share.EmailShareButton,
+      {
+        ...{
+          body: values == null ? void 0 : values.description,
+          disabled,
+          onClick,
+          subject: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_share.EmailIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...{
+        className: "space-y-4"
+      },
+      children: [
+        (values == null ? void 0 : values.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: "w-full relative aspect-[40/21] overflow-hidden mb-6",
+              style: {
+                borderRadius: ((_b = style == null ? void 0 : style.image) == null ? void 0 : _b.radius) != null ? style.image.radius + "px" : "12px"
+              }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_image.default,
+              {
+                ...{
+                  alt: "preview - " + ((_c = values == null ? void 0 : values.image) == null ? void 0 : _c.filename),
+                  className: "object-cover object-center",
+                  fill: true,
+                  sizes: "448px",
+                  src,
+                  unoptimized: true
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: "flex items-center flex-nowrap gap-[11.5px] overflow-x-auto hide-scrollbar"
+            },
+            children: icons
+          }
+        )
+      ]
+    }
+  );
+};
+var share_button_default = ShareButton;

package/dist/bridge/share-button.mjs

@@ -0,0 +1,227 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import Image from "next/image";
+import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
+import { buttonStyle } from "../styles";
+import {
+  EmailIcon,
+  EmailShareButton,
+  FacebookIcon,
+  FacebookShareButton,
+  LinkedinIcon,
+  LinkedinShareButton,
+  RedditIcon,
+  RedditShareButton,
+  TelegramIcon,
+  TelegramShareButton,
+  ThreadsIcon,
+  ThreadsShareButton,
+  WhatsappIcon,
+  WhatsappShareButton,
+  XIcon,
+  XShareButton
+} from "react-share";
+const iconSize = 40;
+const ShareButton = ({
+  disabled,
+  onClick = () => {
+  },
+  style,
+  values
+}) => {
+  var _a, _b, _c;
+  const src = cdnSrc(values == null ? void 0 : values.image, "1200x630", (_a = values == null ? void 0 : values.image) == null ? void 0 : _a.updatedAt);
+  const brandButton = style && buttonStyle(style);
+  const icon = {
+    bgStyle: { fill: (brandButton == null ? void 0 : brandButton.backgroundColor) || "var(--color-black)" },
+    iconFillColor: (brandButton == null ? void 0 : brandButton.color) || "var(--color-white)",
+    round: true,
+    size: iconSize
+  };
+  const icons = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FacebookShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          FacebookIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      XShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          XIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LinkedinShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          summary: values == null ? void 0 : values.description,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          LinkedinIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RedditShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          RedditIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WhatsappShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          WhatsappIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TelegramShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          TelegramIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ThreadsShareButton,
+      {
+        ...{
+          disabled,
+          onClick,
+          title: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          ThreadsIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EmailShareButton,
+      {
+        ...{
+          body: values == null ? void 0 : values.description,
+          disabled,
+          onClick,
+          subject: values == null ? void 0 : values.headline,
+          url: values == null ? void 0 : values.url
+        },
+        children: /* @__PURE__ */ jsx(
+          EmailIcon,
+          {
+            ...icon
+          }
+        )
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{
+        className: "space-y-4"
+      },
+      children: [
+        (values == null ? void 0 : values.image) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...{
+              className: "w-full relative aspect-[40/21] overflow-hidden mb-6",
+              style: {
+                borderRadius: ((_b = style == null ? void 0 : style.image) == null ? void 0 : _b.radius) != null ? style.image.radius + "px" : "12px"
+              }
+            },
+            children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                ...{
+                  alt: "preview - " + ((_c = values == null ? void 0 : values.image) == null ? void 0 : _c.filename),
+                  className: "object-cover object-center",
+                  fill: true,
+                  sizes: "448px",
+                  src,
+                  unoptimized: true
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...{
+              className: "flex items-center flex-nowrap gap-[11.5px] overflow-x-auto hide-scrollbar"
+            },
+            children: icons
+          }
+        )
+      ]
+    }
+  );
+};
+var share_button_default = ShareButton;
+export {
+  share_button_default as default
+};

package/dist/bridge/subdomain-content.js

@@ -0,0 +1,195 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var subdomain_content_exports = {};
+__export(subdomain_content_exports, {
+  default: () => subdomain_content_default
+});
+module.exports = __toCommonJS(subdomain_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cdn = require("@drawbridge/drawbridge-utils/cdn");
+var import_image = __toESM(require("next/image"));
+const SubdomainContent = ({
+  action,
+  countdown,
+  data,
+  embed,
+  fonts,
+  gallery,
+  headerClassName,
+  linksSection,
+  productsSection,
+  style
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const logo = (_a = data == null ? void 0 : data.images) == null ? void 0 : _a.logo;
+  const opacity = (_d = (_c = (_b = style == null ? void 0 : style.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) == null ? void 0 : _d.replace(")", ",.9)");
+  const defaultHeaderClassName = gallery.length > 0 ? "hidden lg:block w-full " : "max-w-lg m-auto block pt-20 lg:pt-20 space-y-3";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...{
+        className: "flex flex-col items-center w-full lg:flex-1 lg:justify-center",
+        ...(style == null ? void 0 : style.text) && {
+          style: {
+            color: (_f = (_e = style == null ? void 0 : style.text) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb,
+            backgroundColor: opacity
+          }
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          ...{
+            className: "px-6 text-center w-full lg:pt-6 lg:pb-0 lg:max-w-lg space-y-10"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                ...{
+                  className: headerClassName ?? defaultHeaderClassName
+                },
+                children: [
+                  (logo == null ? void 0 : logo.id) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      ...{
+                        className: [
+                          "relative mx-auto w-12 aspect-square shrink-0 mb-5 lg:w-16",
+                          ...gallery.length === 0 && !embed ? ["hidden lg:block"] : []
+                        ].join(" ")
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_image.default,
+                        {
+                          ...{
+                            alt: data.headline + " - logo - " + (logo == null ? void 0 : logo.filename),
+                            className: "object-cover object-center rounded-full overflow-hidden",
+                            fill: true,
+                            priority: true,
+                            sizes: "(min-width: 1024px) 64px, 48px",
+                            src: (0, import_cdn.cdnSrc)(logo, "200x200", logo == null ? void 0 : logo.updatedAt),
+                            unoptimized: true
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  (data == null ? void 0 : data.headline) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "h1",
+                    {
+                      ...{
+                        className: "m-0 p-0 lg:!text-5xl",
+                        style: fonts.heading
+                      },
+                      children: data == null ? void 0 : data.headline
+                    }
+                  ) }),
+                  (data == null ? void 0 : data.description) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "p",
+                    {
+                      ...{
+                        className: "mt-4 lg:mt-6 whitespace-pre-line leading-5 lg:leading-6 m-auto lg:max-w-md"
+                      },
+                      children: data.description
+                    }
+                  ),
+                  gallery.length === 0 && ((_h = (_g = data == null ? void 0 : data.images) == null ? void 0 : _g.preview) == null ? void 0 : _h.id) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      ...{
+                        className: "w-full relative aspect-[40/21] overflow-hidden mt-6",
+                        style: {
+                          borderRadius: ((_i = style == null ? void 0 : style.image) == null ? void 0 : _i.radius) != null ? style.image.radius + "px" : "12px"
+                        }
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_image.default,
+                        {
+                          ...{
+                            alt: "background - " + ((_k = (_j = data == null ? void 0 : data.images) == null ? void 0 : _j.preview) == null ? void 0 : _k.filename),
+                            className: "object-cover object-center",
+                            fill: true,
+                            priority: true,
+                            sizes: "(min-width: 576px) 528px, 100vw",
+                            src: (0, import_cdn.cdnSrc)((_l = data == null ? void 0 : data.images) == null ? void 0 : _l.preview, "1200x630", (_n = (_m = data == null ? void 0 : data.images) == null ? void 0 : _m.preview) == null ? void 0 : _n.updatedAt),
+                            unoptimized: true
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      ...{
+                        className: "mt-5 m-auto lg:max-w-xl lg:text-lg"
+                      },
+                      children: action
+                    }
+                  ),
+                  countdown
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                ...{
+                  className: "w-full relative space-y-12"
+                },
+                children: [
+                  productsSection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      ...{
+                        className: gallery.length === 0 ? "pt-10" : ""
+                      },
+                      children: productsSection
+                    }
+                  ),
+                  linksSection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      ...{
+                        className: "w-full relative space-y-3 " + (gallery.length === 0 ? "pt-10" : "")
+                      },
+                      children: linksSection
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var subdomain_content_default = SubdomainContent;