@npm_leadtech/legal-contracts-ui 0.58.5 → 0.58.7

package/dist/components/Preform.d.ts

@@ -1,33 +1,21 @@
 import { FC } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
 import { ReactNode } from 'react';
 
-export declare interface BaseOptionProps {
+export declare type InputFieldData = {
     isVisible: boolean;
-}
-
-export type CreateOption<T, P> = BaseOptionProps & P & {
-    type: T;
-};
-
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label: string;
     id: string;
+    label: string;
     name: string;
-    type?: HTMLInputTypeAttribute;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    onInputChange?: (str: string) => void;
-}
-
-export declare type OptionProps = CreateOption<'input', InputProps> | CreateOption<'radio', PreformOptionProps>;
+    value: string;
+    placeholder: string;
+    onChange: (str: string) => void;
+};
 
 export declare const Preform: FC<PreformProps>;
 
 export interface PreformOptionProps {
-    id: string;
     label: string;
+    value: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;
@@ -35,15 +23,20 @@ export interface PreformOptionProps {
 
 export declare interface PreformProps {
     trustedBadge: TrustedBadgeProps;
-    title?: string;
-    options: OptionProps[];
     cta: ReactNode;
-    radioSelected?: string;
-    onClickRadio?: (str: string) => void;
-    inputValue?: string;
-    onInputChange?: (str: string) => void;
+    radioFieldData?: RadioFieldData;
+    inputFieldData?: InputFieldData;
 }
 
+export declare type RadioFieldData = {
+    isVisible: boolean;
+    label: string;
+    name: string;
+    options: PreformOptionProps[];
+    radioSelected: string;
+    onClick: (str: string) => void;
+};
+
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/Preform.js

@@ -1,32 +1,42 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { TrustedBadge as f } from "./TrustedBadge.js";
-import { PreformOption as n } from "./PreformOption.js";
-import { Input as u } from "./Input.js";
-const v = ({
-  trustedBadge: r,
-  title: a,
-  options: m,
-  cta: t,
-  radioSelected: s,
-  onClickRadio: c,
-  inputValue: x,
-  onInputChange: i
-}) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ p("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(f, { ...r }),
-  /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: a }),
-  /* @__PURE__ */ e("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: m.map(({ isVisible: d, ...l }) => {
-    if (d)
-      return l.type === "radio" ? /* @__PURE__ */ e(
+import { jsx as l, jsxs as c, Fragment as a } from "react/jsx-runtime";
+import { TrustedBadge as n } from "./TrustedBadge.js";
+import { PreformOption as o } from "./PreformOption.js";
+import { Input as p } from "./Input.js";
+const d = ({ trustedBadge: r, cta: x, inputFieldData: e, radioFieldData: m }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 pt-10 text-neutral-800 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__ */ l(n, { ...r }),
+  m?.isVisible && /* @__PURE__ */ c(a, { children: [
+    /* @__PURE__ */ l("h2", { 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: [
+      m.options.map((s) => /* @__PURE__ */ l(
         "div",
         {
           className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-          children: /* @__PURE__ */ e(n, { ...l, selected: l.id === s, onClick: c })
+          children: /* @__PURE__ */ l(
+            o,
+            {
+              ...s,
+              selected: s.value === m.radioSelected,
+              onClick: m.onClick
+            }
+          )
         },
-        l.id
-      ) : /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(u, { ...l, value: x, onInputChange: i }) }, l.id);
-  }) }),
-  t
+        s.value
+      )),
+      e?.isVisible && /* @__PURE__ */ l("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ l(
+        p,
+        {
+          id: e.id,
+          label: e.label,
+          name: e.name,
+          placeholder: e.placeholder,
+          value: e.value,
+          onInputChange: e.onChange
+        }
+      ) }, e.name)
+    ] })
+  ] }),
+  x
 ] }) });
 export {
-  v as Preform
+  d as Preform
 };

package/dist/components/PreformOption.d.ts

@@ -4,8 +4,8 @@ import { ReactNode } from 'react';
 export declare const PreformOption: FC<PreformOptionProps>;
 
 export declare interface PreformOptionProps {
-    id: string;
     label: string;
+    value: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;

package/dist/components/PreformOption.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react";
-const m = ({ id: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PURE__ */ i(
+const m = ({ value: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PURE__ */ i(
   "button",
   {
     className: `group flex w-full cursor-pointer items-center gap-2 rounded border-2 p-2 hover:bg-neutral-50 sm:flex-col sm:p-4 ${r ? "border-primary-900" : "border-neutral-200"}`,

package/dist/components/ProductTemplate.d.ts

@@ -1,16 +1,11 @@
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
 import { ReactNode } from 'react';
 
 export interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Alternative';
 }
 
-export interface BaseOptionProps {
-    isVisible: boolean;
-}
-
 export interface BaseSubtypeDocumentProps {
     id: string;
     link: ReactNode;
@@ -56,10 +51,6 @@ export interface ContentItemProps {
     subtypeDocs: SubtypeDocumentProps[];
 }
 
-export type CreateOption<T, P> = BaseOptionProps & P & {
-    type: T;
-};
-
 export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
     createDocButton: ButtonProps;
@@ -93,16 +84,15 @@ export interface ImageWithPreviewProps {
     large: ReactNode;
 }
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label: string;
+export type InputFieldData = {
+    isVisible: boolean;
     id: string;
+    label: string;
     name: string;
-    type?: HTMLInputTypeAttribute;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    onInputChange?: (str: string) => void;
-}
+    value: string;
+    placeholder: string;
+    onChange: (str: string) => void;
+};
 
 export interface JumbotronProps {
     title: string;
@@ -115,11 +105,9 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
-export type OptionProps = CreateOption<'input', InputProps> | CreateOption<'radio', PreformOptionProps>;
-
 export interface PreformOptionProps {
-    id: string;
     label: string;
+    value: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;
@@ -127,13 +115,9 @@ export interface PreformOptionProps {
 
 export interface PreformProps {
     trustedBadge: TrustedBadgeProps;
-    title?: string;
-    options: OptionProps[];
     cta: ReactNode;
-    radioSelected?: string;
-    onClickRadio?: (str: string) => void;
-    inputValue?: string;
-    onInputChange?: (str: string) => void;
+    radioFieldData?: RadioFieldData;
+    inputFieldData?: InputFieldData;
 }
 
 export interface PreviewDownloadProps {
@@ -176,6 +160,15 @@ export declare interface ProductTemplateProps {
     tryNowSection: TryNowSectionProps;
 }
 
+export type RadioFieldData = {
+    isVisible: boolean;
+    label: string;
+    name: string;
+    options: PreformOptionProps[];
+    radioSelected: string;
+    onClick: (str: string) => void;
+};
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/package.json

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