@npm_leadtech/legal-contracts-ui 0.94.0 → 0.95.0

package/dist/components/ContactBanner.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import "react";
-import { useScroll as i } from "../shared/hooks/useScroll.js";
-import { InfoIcon as d } from "./InfoIcon.js";
-const h = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours: a }) => {
-  const r = i(10);
+import { useScroll as r } from "../shared/hooks/useScroll.js";
+import { SinglePhoneIcon as d } from "./SinglePhoneIcon.js";
+const f = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours: a }) => {
+  const i = r(10);
   return /* @__PURE__ */ e(
     "section",
     {
-      className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${r ? "h-0 py-0" : "h-8.75 py-2"}`,
+      className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${i ? "h-0 py-0" : "h-8.75 py-2"}`,
       children: /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center justify-center gap-4 text-center text-neutral-900 md:text-left", children: [
         s && /* @__PURE__ */ e("p", { className: "text-small hidden sm:block", children: s }),
         /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(d, {}) }),
@@ -22,5 +22,5 @@ const h = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours:
   );
 };
 export {
-  h as ContactBanner
+  f as ContactBanner
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -23,6 +23,7 @@ export declare interface ElectronicSignatureTemplateProps {
     trustPilot: ReactNode;
     signAndSend: BannerTagSectionProps;
     faq: FaqSectionProps;
+    toast?: ToastProps;
 }
 
 export interface FaqItemProps {
@@ -108,6 +109,14 @@ export interface TagProps {
     className?: string;
 }
 
+export interface ToastProps {
+    show: boolean;
+    title: string;
+    message: string;
+    type?: 'success' | 'error' | 'default';
+    onClose: () => void;
+}
+
 export interface UploadZoneProps {
     uploadPromptText: string;
     addDocumentLabel: string;

package/dist/components/ElectronicSignatureTemplate.js

@@ -1,27 +1,30 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { Hero2Section as s } from "./Hero2Section.js";
 import { HowItWorksSection as c } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
-import { FeaturesSection as x } from "./FeaturesSection.js";
-import { BannerTagSection as f } from "./BannerTagSection.js";
-import { FaqSection as g } from "./FaqSection.js";
-const y = ({
-  hero: o,
-  howItWorks: t,
-  fastAndSimple: i,
-  benefits: r,
-  trustPilot: m,
-  signAndSend: a,
-  faq: n
-}) => /* @__PURE__ */ l("main", { className: "bg-neutral-25 w-full flex-1", children: [
-  /* @__PURE__ */ e(s, { ...o, variant: "esign" }),
-  /* @__PURE__ */ e(c, { ...t }),
-  /* @__PURE__ */ e(p, { ...i, variant: "esign" }),
-  /* @__PURE__ */ e(x, { ...r }),
-  /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-254 md:h-34", children: m }) }),
-  /* @__PURE__ */ e(f, { ...a }),
-  /* @__PURE__ */ e(g, { ...n, className: "mx-auto max-w-4xl px-4 py-16" })
+import { FastAndSimpleSection as x } from "./FastAndSimpleSection.js";
+import { FeaturesSection as f } from "./FeaturesSection.js";
+import { BannerTagSection as g } from "./BannerTagSection.js";
+import { Toast as S } from "./Toast.js";
+import { FaqSection as u } from "./FaqSection.js";
+const b = ({
+  hero: r,
+  howItWorks: i,
+  fastAndSimple: m,
+  benefits: t,
+  trustPilot: a,
+  signAndSend: n,
+  faq: l,
+  toast: e
+}) => /* @__PURE__ */ p("main", { className: "bg-neutral-25 w-full flex-1", children: [
+  /* @__PURE__ */ o(s, { ...r, variant: "esign" }),
+  /* @__PURE__ */ o(c, { ...i }),
+  /* @__PURE__ */ o(x, { ...m, variant: "esign" }),
+  /* @__PURE__ */ o(f, { ...t }),
+  /* @__PURE__ */ o("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ o("div", { className: "mx-auto w-full max-w-254 md:h-34", children: a }) }),
+  /* @__PURE__ */ o(g, { ...n }),
+  /* @__PURE__ */ o(u, { ...l, className: "mx-auto max-w-4xl px-4 py-16" }),
+  e && /* @__PURE__ */ o(S, { ...e })
 ] });
 export {
-  y as ElectronicSignatureTemplate
+  b as ElectronicSignatureTemplate
 };

package/dist/components/InfoIcon.js

@@ -1,12 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import "react";
-const n = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...t, children: /* @__PURE__ */ o(
+const o = (C) => /* @__PURE__ */ l("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ l(
   "path",
   {
-    fill: "var(--neutral-900)",
-    d: "M16.675 12.817a9.5 9.5 0 0 1-2.942-.467.81.81 0 0 0-.841.2l-1.309 1.642c-2.358-1.125-4.566-3.25-5.741-5.692l1.625-1.383a.85.85 0 0 0 .2-.85A9.3 9.3 0 0 1 7.2 3.325a.83.83 0 0 0-.825-.825H3.492c-.45 0-.992.2-.992.825C2.5 11.067 8.942 17.5 16.675 17.5c.592 0 .825-.525.825-.983v-2.875a.83.83 0 0 0-.825-.825"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 12C2 6.47 6.47 2 12 2C17.53 2 22 6.47 22 12C22 17.53 17.53 22 12 22C6.47 22 2 17.53 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7Z",
+    fill: C.fill ?? "#1E2021"
   }
 ) });
 export {
-  n as InfoIcon
+  o as InfoIcon
 };

package/dist/components/ProductInfo.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
 import { Note as a } from "./Note.js";
 import { HistoryIcon as i } from "./HistoryIcon.js";
-import { DoneCircleIcon as m } from "./DoneCircleIcon.js";
-import { DocOutlineIcon as o } from "./DocOutlineIcon.js";
+import { DocOutlineIcon as m } from "./DocOutlineIcon.js";
+import { DoneCircleIcon as o } from "./DoneCircleIcon.js";
 const u = ({ lastUpdate: n, reviewer: t, alsoKnownAs: r }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-4 text-neutral-800 lg:px-8 xl:px-30", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
     /* @__PURE__ */ l(a, { children: [
@@ -12,14 +12,14 @@ const u = ({ lastUpdate: n, reviewer: t, alsoKnownAs: r }) => /* @__PURE__ */ e(
     !!t && /* @__PURE__ */ l(s, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
       /* @__PURE__ */ l(a, { children: [
-        /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--neutral-600)" }),
+        /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
         t
       ] })
     ] })
   ] }),
   r.docs.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
     /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
+      /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--neutral-600)" }),
       " ",
       r.label
     ] }),

package/dist/components/SinglePhoneIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const SinglePhoneIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/SinglePhoneIcon.js

@@ -0,0 +1,12 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+const n = (o) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...o, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "var(--neutral-900)",
+    d: "M16.675 12.817a9.5 9.5 0 0 1-2.942-.467.81.81 0 0 0-.841.2l-1.309 1.642c-2.358-1.125-4.566-3.25-5.741-5.692l1.625-1.383a.85.85 0 0 0 .2-.85A9.3 9.3 0 0 1 7.2 3.325a.83.83 0 0 0-.825-.825H3.492c-.45 0-.992.2-.992.825C2.5 11.067 8.942 17.5 16.675 17.5c.592 0 .825-.525.825-.983v-2.875a.83.83 0 0 0-.825-.825"
+  }
+) });
+export {
+  n as SinglePhoneIcon
+};

package/dist/components/Toast.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Toast: ({ show, title, message, type, onClose }: ToastProps) => JSX.Element | null;
+
+export declare interface ToastProps {
+    show: boolean;
+    title: string;
+    message: string;
+    type?: 'success' | 'error' | 'default';
+    onClose: () => void;
+}
+

package/dist/components/Toast.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import f from "clsx";
+import { useState as h } from "react";
+import { InfoIcon as l } from "./InfoIcon.js";
+import { DoneCircleIcon as g } from "./DoneCircleIcon.js";
+import { CloseIcon as p } from "./CloseIcon.js";
+const u = {
+  success: {
+    icon: /* @__PURE__ */ e(g, { fill: "white", width: 24, height: 24 }),
+    bg: "bg-primary-500"
+  },
+  error: {
+    icon: /* @__PURE__ */ e(l, { fill: "white", width: 24, height: 24 }),
+    bg: "bg-error-500"
+  },
+  default: {
+    icon: /* @__PURE__ */ e(l, { fill: "white", width: 24, height: 24 }),
+    bg: "bg-neutral-500"
+  }
+}, v = ({ show: i, title: s, message: c, type: a = "default", onClose: d }) => {
+  const [t, n] = h(i), o = u[a];
+  i && !t && n(!0);
+  const m = () => {
+    i || n(!1);
+  };
+  return t ? /* @__PURE__ */ r(
+    "div",
+    {
+      onAnimationEnd: m,
+      className: f(
+        "fixed top-5 right-5 left-5 z-9999 flex min-w-75 items-center gap-4 rounded px-4 py-2 shadow-lg sm:left-auto",
+        o.bg,
+        i ? "animate-slide-in" : "animate-slide-out"
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "shrink-0", children: o.icon }),
+        /* @__PURE__ */ r("div", { className: "flex grow flex-col text-sm text-white", children: [
+          /* @__PURE__ */ e("p", { className: "font-bold", children: s }),
+          /* @__PURE__ */ e("p", { children: c })
+        ] }),
+        /* @__PURE__ */ e("button", { onClick: d, className: "cursor-pointer", children: /* @__PURE__ */ e(p, { fill: "white", className: "h-4 w-4" }) })
+      ]
+    }
+  ) : null;
+};
+export {
+  v as Toast
+};