@npm_leadtech/legal-contracts-ui 0.63.3 → 0.63.4

package/dist/components/JumboDocs.d.ts

@@ -4,7 +4,7 @@ import { ReactNode } from 'react';
 export declare const JumboDocs: FC<JumboDocsProps>;
 
 export declare interface JumboDocsProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge?: TrustedBadgeProps;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];

package/dist/components/JumboDocs.js

@@ -1,50 +1,50 @@
 "use client";
 import { jsxs as l, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { useState as u, useRef as g, useEffect as b } from "react";
-import { TrustedBadge as N } from "./TrustedBadge.js";
+import { useState as u, useRef as g, useEffect as N } from "react";
+import { TrustedBadge as b } from "./TrustedBadge.js";
 import { LinkWrapper as s } from "./LinkWrapper.js";
-const I = ({
-  trustedBadge: m,
+const j = ({
+  trustedBadge: r,
   imagePreview: d,
-  freeDocTexts: r,
+  freeDocTexts: c,
   title: o,
   pdfDownload: t,
-  wordDownload: c
+  wordDownload: n
 }) => {
-  const [f, x] = u(!1), n = g(null);
-  return b(() => {
-    const a = n.current;
+  const [f, x] = u(!1), i = g(null);
+  return N(() => {
+    const a = i.current;
     if (!a) return;
-    const i = new IntersectionObserver(
+    const m = new IntersectionObserver(
       ([p]) => {
         x(!p.isIntersecting);
       },
       { threshold: 0 }
     );
-    return i.observe(a), () => {
-      i.disconnect();
+    return m.observe(a), () => {
+      m.disconnect();
     };
   }, []), /* @__PURE__ */ l(h, { children: [
     /* @__PURE__ */ e("section", { className: "bg-neutral-25 pt-8 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ l(
       "div",
       {
-        ref: n,
-        className: "relative mx-auto flex max-w-300 flex-col items-center gap-8 rounded bg-white px-6 py-8 shadow-md sm:px-4 md:flex-row lg:px-14",
+        ref: i,
+        className: "relative mx-auto flex max-w-300 flex-col items-center justify-center gap-8 rounded bg-white px-6 py-8 shadow-md sm:px-4 md:flex-row lg:px-14",
         children: [
-          /* @__PURE__ */ e(N, { ...m }),
-          d,
+          r && /* @__PURE__ */ e(b, { ...r }),
+          /* @__PURE__ */ e("div", { className: "shadow", children: d }),
           /* @__PURE__ */ l("div", { className: "flex flex-col gap-8 self-start", children: [
             /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
               /* @__PURE__ */ e("h2", { className: "text-big md:text-large font-bold", children: o }),
               /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
-              r.length > 0 && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4 md:gap-8", children: r.map((a) => /* @__PURE__ */ l("li", { className: "text-small flex gap-2", children: [
+              c.length > 0 && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4 md:gap-8", children: c.map((a) => /* @__PURE__ */ l("li", { className: "text-small flex gap-2", children: [
                 /* @__PURE__ */ e("span", { className: "text-primary-500", children: "•" }),
                 a
               ] }, a)) })
             ] }),
             /* @__PURE__ */ l("div", { className: "flex w-full gap-4", children: [
               /* @__PURE__ */ e(s, { className: "w-full md:w-26.25", variant: "secondary-black", children: t }),
-              /* @__PURE__ */ e(s, { className: "w-full md:w-26.25", variant: "secondary-black", children: c })
+              /* @__PURE__ */ e(s, { className: "w-full md:w-26.25", variant: "secondary-black", children: n })
             ] })
           ] })
         ]
@@ -52,10 +52,10 @@ const I = ({
     ) }),
     f && /* @__PURE__ */ l("div", { className: "fixed bottom-0 left-0 z-50 flex w-full gap-4 bg-white px-6 py-4 shadow sm:hidden", children: [
       /* @__PURE__ */ e(s, { className: "w-full", variant: "secondary-black", children: t }),
-      /* @__PURE__ */ e(s, { className: "w-full", variant: "secondary-black", children: c })
+      /* @__PURE__ */ e(s, { className: "w-full", variant: "secondary-black", children: n })
     ] })
   ] });
 };
 export {
-  I as JumboDocs
+  j as JumboDocs
 };

package/dist/components/ProductTemplate.d.ts

@@ -79,7 +79,7 @@ export type InputFieldData = {
 };
 
 export interface JumboDocsProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge?: TrustedBadgeProps;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];

package/package.json

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