@npm_leadtech/legal-contracts-ui 0.136.1 → 0.136.3

package/dist/components/ContentItem.js

@@ -1,30 +1,30 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { ImageWithPreview as d } from "./ImageWithPreview.js";
+import { ImageWithPreview as p } from "./ImageWithPreview.js";
 import { LinkedProducts as h } from "./LinkedProducts.js";
 import { Markdown as x } from "./Markdown.js";
 import { LinkWrapper as l } from "./LinkWrapper.js";
 import { AlternativeSubtypeDocument as u } from "./AlternativeSubtypeDocument.js";
 import { DefaultSubtypeDocument as w } from "./DefaultSubtypeDocument.js";
 const j = ({
-  id: p,
-  title: t,
+  id: d,
+  title: a,
   content: n,
   linkedProducts: i,
   sampleImage: m,
-  cta: s,
-  comingSoonCta: o,
-  docsModules: a,
+  cta: o,
+  comingSoonCta: s,
+  docsModules: t,
   subtypeDocs: c
-}) => /* @__PURE__ */ f("div", { id: p, className: "flex min-w-0 scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
-  t && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: t }),
+}) => /* @__PURE__ */ f("div", { id: d, className: "flex min-w-0 scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
+  a && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: a }),
   n && /* @__PURE__ */ e(x, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
   i.length > 0 && /* @__PURE__ */ e(h, { linkedProducts: i }),
-  m && /* @__PURE__ */ e(d, { ...m }),
-  !!s && /* @__PURE__ */ e(l, { className: "w-75 self-center text-center", children: s }),
-  !!o && /* @__PURE__ */ e(l, { variant: "icon-grey", disabled: !0, className: "w-75 self-center bg-neutral-200 text-center", children: o }),
-  a && /* @__PURE__ */ f("div", { className: "flex w-75 gap-4 self-center", children: [
-    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.pdfDownload }),
-    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.wordDownload })
+  m && /* @__PURE__ */ e(p, { ...m }),
+  !!o && /* @__PURE__ */ e(l, { className: "w-75 self-center text-center", children: o }),
+  !!s && /* @__PURE__ */ e(l, { variant: "icon-grey", disabled: !0, className: "w-75 self-center bg-neutral-200 text-center font-bold", children: s }),
+  t && /* @__PURE__ */ f("div", { className: "flex w-75 gap-4 self-center", children: [
+    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: t.pdfDownload }),
+    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: t.wordDownload })
   ] }),
   c.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(u, { ...r }, r.id) : /* @__PURE__ */ e(w, { ...r }, r.id)) })
 ] });

package/dist/components/Modal.js

@@ -1,43 +1,41 @@
 "use client";
 import { jsxs as n, Fragment as u, jsx as e } from "react/jsx-runtime";
 import "react";
-import { CloseIcon as m } from "./CloseIcon.js";
-const h = ({ trigger: l, children: a, isOpen: t, setIsOpen: i, showClose: s, onTrigger: r }) => {
-  const o = () => {
-    r && r(), i(!t);
+import { createPortal as m } from "react-dom";
+import { CloseIcon as d } from "./CloseIcon.js";
+const x = ({ trigger: l, children: i, isOpen: o, setIsOpen: c, showClose: s, onTrigger: r }) => {
+  const t = () => {
+    r && r(), c(!o);
   };
   return /* @__PURE__ */ n(u, { children: [
-    !!l && /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: o, className: "flex w-full cursor-pointer justify-center", children: l }),
-    t && /* @__PURE__ */ e(
-      "button",
-      {
-        className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
-        onClick: o,
-        children: /* @__PURE__ */ e("div", { className: "relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: "relative",
-            onClick: (c) => {
-              c.stopPropagation();
-            },
-            children: [
-              s && /* @__PURE__ */ e(
-                "span",
-                {
-                  className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
-                  onClick: o,
-                  "aria-label": "Close",
-                  children: /* @__PURE__ */ e(m, {})
-                }
-              ),
-              a
-            ]
-          }
-        ) })
-      }
+    !!l && /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: t, className: "flex w-full cursor-pointer justify-center", children: l }),
+    o && m(
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
+          onClick: (a) => {
+            a.target === a.currentTarget && t();
+          },
+          children: /* @__PURE__ */ e("div", { className: "relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ n("div", { className: "relative", children: [
+            s && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
+                onClick: t,
+                "aria-label": "Close",
+                children: /* @__PURE__ */ e(d, {})
+              }
+            ),
+            i
+          ] }) })
+        }
+      ),
+      document.body
     )
   ] });
 };
 export {
-  h as Modal
+  x as Modal
 };

package/dist/components/PreviewSection.d.ts

@@ -7,6 +7,7 @@ export declare interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
+    comingSoonCta: ReactNode | null;
     onPreviewScroll?: () => void;
 }
 

package/dist/components/PreviewSection.js

@@ -1,26 +1,33 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useRef as s } from "react";
-import { SectionHeading as c } from "./SectionHeading.js";
-import { Markdown as m } from "./Markdown.js";
-import { LinkWrapper as i } from "./LinkWrapper.js";
-const w = ({ title: l, documentPreview: o, cta: a, onPreviewScroll: r }) => {
-  const t = s(!1);
-  return /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ n("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
-    /* @__PURE__ */ e(c, { title: l, titleClass: "text-neutral-800 font-bold font-inter text-large" }),
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import { SectionHeading as m } from "./SectionHeading.js";
+import { Markdown as d } from "./Markdown.js";
+import { LinkWrapper as a } from "./LinkWrapper.js";
+const b = ({
+  title: n,
+  documentPreview: s,
+  cta: l,
+  comingSoonCta: r,
+  onPreviewScroll: t
+}) => {
+  const o = i(!1);
+  return /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
+    /* @__PURE__ */ e(m, { title: n, titleClass: "text-neutral-800 font-bold font-inter text-large" }),
     /* @__PURE__ */ e(
       "div",
       {
         className: "flex max-h-89.75 w-full overflow-auto border border-neutral-200 bg-white px-8 py-8 md:py-16",
         onScroll: () => {
-          !t.current && r && (t.current = !0, r());
+          !o.current && t && (o.current = !0, t());
         },
-        children: /* @__PURE__ */ e(m, { useCustom: !1, className: "select-none", content: o })
+        children: /* @__PURE__ */ e(d, { useCustom: !1, className: "select-none", content: s })
       }
     ),
-    /* @__PURE__ */ e(i, { className: "w-full md:w-auto", children: a })
+    !!l && /* @__PURE__ */ e(a, { className: "w-full md:w-auto", children: l }),
+    !!r && /* @__PURE__ */ e(a, { variant: "icon-grey", disabled: !0, className: "w-full bg-neutral-200 font-bold md:w-auto", children: r })
   ] }) });
 };
 export {
-  w as PreviewSection
+  b as PreviewSection
 };

package/dist/components/ProductTemplate.d.ts

@@ -145,6 +145,7 @@ export interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
+    comingSoonCta: ReactNode | null;
     onPreviewScroll?: () => void;
 }
 
@@ -170,7 +171,7 @@ export declare interface ProductTemplateProps {
     contentItems: ContentItemProps[];
     faqSection: FaqSectionProps;
     previewDownload: PreviewDownloadProps;
-    previewSection?: PreviewSectionProps;
+    previewSection?: PreviewSectionProps | null;
     tryNowSection?: TryNowSectionProps;
     freeDocModal?: FreeDocumentModalProps;
 }

package/dist/components/index.d.ts

@@ -989,6 +989,7 @@ export declare interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
+    comingSoonCta: ReactNode | null;
     onPreviewScroll?: () => void;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.136.1",
+  "version": "0.136.3",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",