@drawbridge/components 0.0.77 → 0.1.0

package/dist/bridge/subdomain-content.mjs

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
+import Image from "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__ */ 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__ */ jsxs(
+        "div",
+        {
+          ...{
+            className: "px-6 text-center w-full lg:pt-6 lg:pb-0 lg:max-w-lg space-y-10"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ...{
+                  className: headerClassName ?? defaultHeaderClassName
+                },
+                children: [
+                  (logo == null ? void 0 : logo.id) && /* @__PURE__ */ 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__ */ jsx(
+                        Image,
+                        {
+                          ...{
+                            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: cdnSrc(logo, "200x200", logo == null ? void 0 : logo.updatedAt),
+                            unoptimized: true
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  (data == null ? void 0 : data.headline) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
+                        Image,
+                        {
+                          ...{
+                            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: 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__ */ jsx(
+                    "div",
+                    {
+                      ...{
+                        className: "mt-5 m-auto lg:max-w-xl lg:text-lg"
+                      },
+                      children: action
+                    }
+                  ),
+                  countdown
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ...{
+                  className: "w-full relative space-y-12"
+                },
+                children: [
+                  productsSection && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      ...{
+                        className: gallery.length === 0 ? "pt-10" : ""
+                      },
+                      children: productsSection
+                    }
+                  ),
+                  linksSection && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      ...{
+                        className: "w-full relative space-y-3 " + (gallery.length === 0 ? "pt-10" : "")
+                      },
+                      children: linksSection
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var subdomain_content_default = SubdomainContent;
+export {
+  subdomain_content_default as default
+};