@npm_leadtech/legal-contracts-ui 0.136.1 → 0.136.2

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/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/package.json

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