@npm_leadtech/legal-contracts-ui 0.165.4 → 0.165.6

package/dist/components/ContinueEditingBanner.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export declare const ContinueEditingBanner: FC<ContinueEditingBannerProps>;
+
+export declare interface ContinueEditingBannerProps {
+    editFormClicked?: () => void;
+    tagLine: string;
+    title: string;
+    buttonLabel: string;
+}
+

package/dist/components/ContinueEditingBanner.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import "react";
+import { Button as n } from "./Button.js";
+const m = ({
+  editFormClicked: a,
+  tagLine: r,
+  title: s,
+  buttonLabel: l
+}) => /* @__PURE__ */ e("div", { className: "bg-primary-50 px-ds-sm py-0", children: /* @__PURE__ */ t("div", { className: 'gap-ds-sm p-ds-lg flex flex-col items-center rounded-sm bg-neutral-900 bg-[url("../../../src/assets/Black-01-LC.svg?url")] bg-[length:auto_90%] bg-left-bottom bg-no-repeat text-center', children: [
+  /* @__PURE__ */ t("div", { className: "gap-ds-2xs flex flex-col", children: [
+    /* @__PURE__ */ e("span", { className: "font-lora text-large text-primary-100 lg:text-super-large", children: s }),
+    /* @__PURE__ */ e("span", { className: "text-medium text-neutral-200", children: r })
+  ] }),
+  /* @__PURE__ */ e(n, { "data-qa": "continue-editing-banner-button", className: "lg:w-auto", onClick: a, children: l })
+] }) });
+export {
+  m as ContinueEditingBanner
+};

package/dist/components/HomeTemplate.d.ts

@@ -70,6 +70,7 @@ export declare interface HomeTemplateProps {
     trust: TrustSectionProps;
     faqTeaser: FaqTeaserSectionProps;
     articles: BlogSectionProps;
+    continueEditingBannerSlot?: ReactNode;
 }
 
 export interface ItemProps {

package/dist/components/HomeTemplate.js

@@ -1,32 +1,34 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import "react";
-import { HeroSection as n } from "./HeroSection.js";
-import { MoreTemplatesSection as f } from "./MoreTemplatesSection.js";
-import { ProcessSection as l } from "./ProcessSection.js";
-import { CategoriesSection as S } from "./CategoriesSection.js";
-import { TrustSection as x } from "./TrustSection.js";
-import { FaqTeaserSection as T } from "./FaqTeaserSection.js";
-import { BlogSection as b } from "./BlogSection.js";
-import { RatafiaSection as g } from "./RatafiaSection.js";
-const M = ({
+import { HeroSection as l } from "./HeroSection.js";
+import { MoreTemplatesSection as n } from "./MoreTemplatesSection.js";
+import { ProcessSection as S } from "./ProcessSection.js";
+import { CategoriesSection as x } from "./CategoriesSection.js";
+import { TrustSection as T } from "./TrustSection.js";
+import { FaqTeaserSection as b } from "./FaqTeaserSection.js";
+import { BlogSection as j } from "./BlogSection.js";
+import { RatafiaSection as u } from "./RatafiaSection.js";
+const d = ({
   hero: t,
-  moreTemplates: m,
-  process: e,
+  moreTemplates: e,
+  process: i,
   categories: r,
-  ratafia: i,
-  trust: p,
-  faqTeaser: s,
-  articles: a
-}) => /* @__PURE__ */ c("main", { className: "flex-1", children: [
-  /* @__PURE__ */ o(n, { ...t }),
-  /* @__PURE__ */ o(f, { ...m }),
-  /* @__PURE__ */ o(l, { ...e }),
-  r && /* @__PURE__ */ o(S, { ...r }),
-  /* @__PURE__ */ o(g, { ...i }),
-  /* @__PURE__ */ o(x, { ...p }),
+  ratafia: p,
+  trust: s,
+  faqTeaser: a,
+  articles: c,
+  continueEditingBannerSlot: m
+}) => /* @__PURE__ */ f("main", { className: "flex-1", children: [
+  m != null && m,
+  /* @__PURE__ */ o(l, { ...t }),
+  /* @__PURE__ */ o(n, { ...e }),
+  /* @__PURE__ */ o(S, { ...i }),
+  r && /* @__PURE__ */ o(x, { ...r }),
+  /* @__PURE__ */ o(u, { ...p }),
   /* @__PURE__ */ o(T, { ...s }),
-  /* @__PURE__ */ o(b, { className: "pt-10 pb-12 lg:pb-14", ...a })
+  /* @__PURE__ */ o(b, { ...a }),
+  /* @__PURE__ */ o(j, { className: "pt-10 pb-12 lg:pb-14", ...c })
 ] });
 export {
-  M as HomeTemplate
+  d as HomeTemplate
 };

package/dist/components/Preform.d.ts

@@ -30,7 +30,6 @@ export declare interface PreformProps {
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
     tooltips: TooltipsProps[];
-    hasMobileRadioField?: boolean;
 }
 
 export declare type RadioFieldData = {

package/dist/components/Preform.js

@@ -1,35 +1,35 @@
 "use client";
-import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, Fragment as x, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Tooltips as a } from "./Tooltips.js";
-import { PreformMobile as f } from "./PreformMobile.js";
+import { Tooltips as n } from "./Tooltips.js";
+import { PreformMobile as a } from "./PreformMobile.js";
+import { PreformOption as f } from "./PreformOption.js";
 import { TrustedBadge as i } from "./TrustedBadge.js";
-import { PreformOption as h } from "./PreformOption.js";
-import { Input as g } from "./Input.js";
+import { Input as h } from "./Input.js";
 import { LinkWrapper as t } from "./LinkWrapper.js";
-const C = ({
-  trustedBadge: s,
-  cta: o,
-  inputFieldData: l,
-  radioFieldData: r,
-  tooltips: n,
-  hasMobileRadioField: x
-}) => /* @__PURE__ */ c(p, { children: [
+const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: p }) => /* @__PURE__ */ c(x, { children: [
   /* @__PURE__ */ e("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
     /* @__PURE__ */ e(i, { ...s }),
-    r?.isVisible && /* @__PURE__ */ c(p, { children: [
-      /* @__PURE__ */ e("p", { className: "text-large font-bold", children: r.label }),
+    m?.isVisible && /* @__PURE__ */ c(x, { children: [
+      /* @__PURE__ */ e("p", { className: "text-medium sm:text-large font-bold", children: m.label }),
       /* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
-        r.options.map((m) => /* @__PURE__ */ e("div", { className: "w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]", children: /* @__PURE__ */ e(
-          h,
+        m.options.map((r) => /* @__PURE__ */ e(
+          "div",
           {
-            ...m,
-            selected: m.value === r.radioSelected,
-            onClick: r.onClick
-          }
-        ) }, m.value)),
+            className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
+            children: /* @__PURE__ */ e(
+              f,
+              {
+                ...r,
+                selected: r.value === m.radioSelected,
+                onClick: m.onClick
+              }
+            )
+          },
+          r.value
+        )),
         l?.isVisible && /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(
-          g,
+          h,
           {
             id: l.id,
             label: l.label,
@@ -43,19 +43,18 @@ const C = ({
       ] })
     ] }),
     /* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
-    n.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: n.map((m) => /* @__PURE__ */ e(a, { ...m }, m.title)) })
+    p.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: p.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) })
   ] }) }),
   /* @__PURE__ */ e(
-    f,
+    a,
     {
       cta: o,
       trustedBadge: s,
       inputFieldData: l,
-      radioFieldData: r,
-      hasMobileRadioField: x
+      radioFieldData: m
     }
   )
 ] });
 export {
-  C as Preform
+  k as Preform
 };

package/dist/components/PreformMobile.d.ts

@@ -19,7 +19,6 @@ export declare interface PreformMobileProps {
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
     cta: ReactNode;
-    hasMobileRadioField?: boolean;
 }
 
 export interface PreformOptionProps {

package/dist/components/PreformMobile.js

@@ -1,71 +1,53 @@
-import { jsxs as c, Fragment as v, jsx as l } from "react/jsx-runtime";
-import { useState as w, useRef as p, useEffect as g } from "react";
-import { TrustedBadge as N } from "./TrustedBadge.js";
-import { Input as a } from "./Input.js";
-import { PreformOption as C } from "./PreformOption.js";
-import { Select as $ } from "./Select.js";
-import { LinkWrapper as I } from "./LinkWrapper.js";
-const R = ({
-  radioFieldData: r,
-  inputFieldData: e,
-  cta: d,
-  trustedBadge: i,
-  hasMobileRadioField: t
-}) => {
-  const [f, u] = w(!1), h = p(null);
-  g(() => {
-    const n = h.current;
-    if (!n) return;
-    const s = new IntersectionObserver(
-      ([m]) => {
-        u(!m.isIntersecting);
+import { jsxs as o, Fragment as d, jsx as l } from "react/jsx-runtime";
+import { useState as x, useRef as v, useEffect as u } from "react";
+import { TrustedBadge as g } from "./TrustedBadge.js";
+import { Select as w } from "./Select.js";
+import { Input as f } from "./Input.js";
+import { LinkWrapper as N } from "./LinkWrapper.js";
+const y = ({ radioFieldData: r, inputFieldData: e, cta: h, trustedBadge: a }) => {
+  const [m, b] = x(!1), c = v(null);
+  u(() => {
+    const s = c.current;
+    if (!s) return;
+    const n = new IntersectionObserver(
+      ([i]) => {
+        b(!i.isIntersecting);
       },
       { threshold: 0 }
     );
-    return s.observe(n), () => {
-      s.disconnect();
+    return n.observe(s), () => {
+      n.disconnect();
     };
   }, []);
-  const x = (n) => {
-    if (!r?.isVisible) return null;
-    const s = t && !n, m = `${r.name}-${n ? "sticky" : "mobile"}`;
-    return s ? /* @__PURE__ */ l("div", { className: "flex w-full flex-wrap justify-center gap-2", children: r.options.map((o) => /* @__PURE__ */ l("div", { className: "w-[calc(50%-4px)]", children: /* @__PURE__ */ l(
-      C,
-      {
-        ...o,
-        selected: o.value === r.radioSelected,
-        onClick: r.onClick
-      }
-    ) }, o.value)) }) : /* @__PURE__ */ l(
-      $,
-      {
-        id: m,
-        name: r.name,
-        value: r.radioSelected,
-        options: r.options,
-        containerClassName: "w-full",
-        onChange: (o) => {
-          r.onClick(o.target.value);
-        }
-      }
-    );
-  }, b = (n) => /* @__PURE__ */ c(
+  const t = (s) => /* @__PURE__ */ o(
     "div",
     {
-      className: `flex flex-col bg-white px-6 pb-4 ${n ? "border-t border-neutral-100 pt-4 shadow-md" : ""}`,
+      className: `flex flex-col bg-white px-6 pb-4 ${s ? "border-t border-neutral-100 pt-4 shadow-md" : ""}`,
       children: [
-        t && !n ? /* @__PURE__ */ l("p", { className: "text-small mb-4 font-bold text-neutral-800", children: r?.label }) : /* @__PURE__ */ l(
+        /* @__PURE__ */ l(
           "label",
           {
-            htmlFor: `${r?.name ?? ""}-${n ? "sticky" : "mobile"}`,
+            htmlFor: `${r?.name ?? ""}-${s ? "sticky" : "mobile"}`,
             className: "text-small mb-4 font-bold text-neutral-800",
             children: r?.label
           }
         ),
-        /* @__PURE__ */ c("div", { className: `flex gap-4 ${n ? "flex-row items-center" : "flex-col"}`, children: [
-          x(n),
-          e?.isVisible && !n && /* @__PURE__ */ l("div", { className: "flex justify-center", children: /* @__PURE__ */ l(
-            a,
+        /* @__PURE__ */ o("div", { className: `flex gap-4 ${s ? "flex-row items-center" : "flex-col"}`, children: [
+          r?.isVisible && /* @__PURE__ */ l(
+            w,
+            {
+              id: `${r.name}-${s ? "sticky" : "mobile"}`,
+              name: r.name,
+              value: r.radioSelected,
+              options: r.options,
+              containerClassName: "w-full",
+              onChange: (n) => {
+                r.onClick(n.target.value);
+              }
+            }
+          ),
+          e?.isVisible && !s && /* @__PURE__ */ l("div", { className: "flex justify-center", children: /* @__PURE__ */ l(
+            f,
             {
               containerClassName: "w-full text-small",
               id: `${e.id}-mobile`,
@@ -76,10 +58,10 @@ const R = ({
               onInputChange: e.onChange
             }
           ) }, e.name),
-          /* @__PURE__ */ l(I, { variant: "primary-green", className: `text-small ${n ? "w-fit text-nowrap" : "w-full"}`, children: d })
+          /* @__PURE__ */ l(N, { variant: "primary-green", className: `text-small ${s ? "w-fit text-nowrap" : "w-full"}`, children: h })
         ] }),
-        e?.isVisible && n && /* @__PURE__ */ l("div", { className: "mt-4 flex w-full justify-center", children: /* @__PURE__ */ l(
-          a,
+        e?.isVisible && s && /* @__PURE__ */ l("div", { className: "mt-4 flex w-full justify-center", children: /* @__PURE__ */ l(
+          f,
           {
             containerClassName: "w-full text-small",
             id: `${e.id}-mobile-sticky`,
@@ -93,14 +75,14 @@ const R = ({
       ]
     }
   );
-  return /* @__PURE__ */ c(v, { children: [
-    /* @__PURE__ */ l("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:hidden", children: /* @__PURE__ */ c("div", { ref: h, className: "relative flex flex-col rounded bg-white pt-8 shadow", children: [
-      /* @__PURE__ */ l("div", { className: "px-6", children: /* @__PURE__ */ l(N, { ...i }) }),
-      /* @__PURE__ */ l("div", { className: f ? "hidden" : "block", children: b(!1) })
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ l("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:hidden", children: /* @__PURE__ */ o("div", { ref: c, className: "relative flex flex-col rounded bg-white pt-8 shadow", children: [
+      /* @__PURE__ */ l("div", { className: "px-6", children: /* @__PURE__ */ l(g, { ...a }) }),
+      /* @__PURE__ */ l("div", { className: m ? "hidden" : "block", children: t(!1) })
     ] }) }),
-    f && /* @__PURE__ */ l("div", { className: "fixed bottom-0 left-0 z-50 w-full sm:hidden", children: b(!0) })
+    m && /* @__PURE__ */ l("div", { className: "fixed bottom-0 left-0 z-50 w-full sm:hidden", children: t(!0) })
   ] });
 };
 export {
-  R as PreformMobile
+  y as PreformMobile
 };

package/dist/components/ProductTemplate.d.ts

@@ -129,7 +129,6 @@ export interface PreformProps {
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
     tooltips: TooltipsProps[];
-    hasMobileRadioField?: boolean;
 }
 
 export interface PreviewDownloadProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.165.4",
+  "version": "0.165.6",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -294,6 +294,10 @@
       "import": "./dist/components/ContentItem.js",
       "types": "./dist/components/ContentItem.d.ts"
     },
+    "./components/ContinueEditingBanner": {
+      "import": "./dist/components/ContinueEditingBanner.js",
+      "types": "./dist/components/ContinueEditingBanner.d.ts"
+    },
     "./components/CookiesBar": {
       "import": "./dist/components/CookiesBar.js",
       "types": "./dist/components/CookiesBar.d.ts"