@daveyplate/better-auth-ui/dist/server.cjs

Plug & play shadcn/ui components for better-auth

"use strict";Object.defineProperty(exports, "__esModule", {value: true});






var _chunk2IFYYEVLcjs = require('./chunk-2IFYYEVL.cjs');

// src/components/email/email-template.tsx














var _components = require('@react-email/components');
var _jsxruntime = require('react/jsx-runtime');
var EmailTemplate = ({
  classNames,
  action,
  baseUrl,
  content,
  heading,
  imageUrl,
  preview,
  siteName,
  variant = "vercel",
  url
}) => {
  baseUrl = baseUrl || process.env.BASE_URL || process.env.NEXT_PUBLIC_BASE_URL;
  imageUrl = imageUrl || `${baseUrl}/apple-touch-icon.png`;
  siteName = siteName || process.env.SITE_NAME || process.env.NEXT_PUBLIC_SITE_NAME;
  preview = preview || (typeof heading === "string" ? heading : void 0);
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Html, { children: [
    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Head, { children: [
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "meta", { name: "x-apple-disable-message-reformatting" }),
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "meta", { content: "light dark", name: "color-scheme" }),
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "meta", { content: "light dark", name: "supported-color-schemes" }),
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { type: "text/css", children: `
                        :root {
                            color-scheme: light dark;
                            supported-color-schemes: light dark;
                        }
                    ` }),
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { type: "text/css", children: `      
                        html, body {
                            background-color: #ffffff;
                            color: #000000;
                        }

                        a {
                            color: #000000;
                        }

                        .border-color {
                            border-color: #eaeaea;
                        }

                        .action-button {
                            background-color: #000000 !important;
                            color: #ffffff !important;
                        }

                        @media (prefers-color-scheme: dark) {
                            html, body {
                                background-color: #000000 !important;
                                color: #ffffff !important;
                            }

                            a {
                                color: #ffffff;
                            }

                            .border-color {
                                border-color: #333333 !important;
                            }

                            .action-button {
                                background-color: rgb(38, 38, 38) !important;
                                color: #ffffff !important;
                            }
                        }
                    ` })
    ] }),
    preview && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Preview, { children: preview }),
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Tailwind, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
      _components.Body,
      {
        className: _chunk2IFYYEVLcjs.cn.call(void 0, 
          "mx-auto my-auto px-2 font-sans",
          classNames == null ? void 0 : classNames.body
        ),
        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _components.Container, { className: "mx-auto my-[40px] max-w-[465px] rounded border border-color border-solid p-[20px]", children: [
          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Section, { className: "mt-[32px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
            _components.Img,
            {
              alt: siteName,
              className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                "mx-auto my-0 rounded-full",
                classNames == null ? void 0 : classNames.image
              ),
              height: "40",
              src: imageUrl,
              width: "40"
            }
          ) }),
          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
            _components.Heading,
            {
              className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                "mx-0 my-[30px] p-0 text-center font-bold text-[24px]",
                classNames == null ? void 0 : classNames.heading
              ),
              children: heading
            }
          ),
          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
            _components.Text,
            {
              className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                "text-[14px] leading-[24px]",
                classNames == null ? void 0 : classNames.content
              ),
              children: content
            }
          ),
          action && url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Section, { className: "mt-[32px] mb-[32px] text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
            _components.Button,
            {
              className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                "action-button rounded px-5 py-3 text-center font-semibold text-[12px] no-underline",
                classNames == null ? void 0 : classNames.button
              ),
              href: url,
              children: action
            }
          ) }),
          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
            _components.Hr,
            {
              className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                "mx-0 my-[26px] w-full border border-color border-solid",
                classNames == null ? void 0 : classNames.hr
              )
            }
          ),
          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
            _components.Text,
            {
              className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                "text-[#666666] text-[12px] leading-[24px]",
                classNames == null ? void 0 : classNames.footer
              ),
              children: [
                siteName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                  siteName,
                  " "
                ] }),
                baseUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                  _components.Link,
                  {
                    className: _chunk2IFYYEVLcjs.cn.call(void 0, 
                      "no-underline",
                      classNames == null ? void 0 : classNames.link
                    ),
                    href: baseUrl,
                    children: baseUrl == null ? void 0 : baseUrl.replace("https://", "").replace("http://", "")
                  }
                )
              ]
            }
          )
        ] })
      }
    ) })
  ] });
};







exports.EmailTemplate = EmailTemplate; exports.accountViewPaths = _chunk2IFYYEVLcjs.accountViewPaths; exports.authLocalization = _chunk2IFYYEVLcjs.authLocalization; exports.authViewPaths = _chunk2IFYYEVLcjs.authViewPaths; exports.getViewByPath = _chunk2IFYYEVLcjs.getViewByPath; exports.organizationViewPaths = _chunk2IFYYEVLcjs.organizationViewPaths;