@solidstarters/solid-core-ui 1.1.69 → 1.1.71

package/dist/components/common/MultipleSelectAutoCompleteField.tsx

@@ -0,0 +1,62 @@
+'use client';
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+
+
+
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+
+export const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => {
+
+    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })));
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
+        // if (existingData) {
+        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })))
+        // formik.setFieldValue(fieldName, existingData);
+
+        // }
+    }, [existingData])
+    const searchItems = async (event: any) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+
+    };
+
+
+
+
+    return (
+
+        <AutoComplete
+            multiple
+            value={selectedItem}
+            suggestions={filteredItem}
+            invalid={isFormFieldValid(formik, fieldName)}
+            completeMethod={searchItems}
+            virtualScrollerOptions={{ itemSize: 38 }}
+            className="solid-standard-autocomplete w-full"
+            // style={{
+            //     maxHeight: 39.67
+            // }}
+            field={labelKey}
+            dropdown
+            onChange={(e) => {
+                setSelectedItem(e.value);
+                if (additionalAction) {
+                    additionalAction(e);
+                }
+                if (relationField === true) {
+                    formik.setFieldValue(fieldName, e.value);
+                    formik.setFieldValue(fieldNameId, e.value.id);
+                } else {
+                    const mediaTypes = e.value.map((i: any) => i[valueKey]);
+                    formik.setFieldValue(fieldName, mediaTypes);
+                }
+            }}
+        />
+    )
+}

package/dist/components/common/NotFound.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import Link from "next/link";
+
+export const NotFound = () => {
+  return (
+    <div>
+      <div className="d-flex align-items-center justify-content-center vh-100">
+        <div className="text-center">
+          <h1 className="display-1 fw-bold">404</h1>
+          <p className="fs-3">
+            <span className="text-danger">Opps!</span> Page not found.
+          </p>
+          <p className="lead">The page you are looking for does not exist.</p>
+          <Link href="/" className="btn btn-primary">
+            Go Home
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};

package/dist/components/common/SingleSelectAutoCompleteField.tsx

@@ -0,0 +1,67 @@
+'use client';
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+
+
+
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+
+export const SingleSelectAutoCompleteField = ({ disabled, formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction, formErrors }: any) => {
+
+    const [selectedItem, setSelectedItem] = useState(existingData);
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
+        // if (existingData) {
+        setSelectedItem(existingData)
+        // formik.setFieldValue(fieldName, existingData);
+
+        // }
+    }, [existingData])
+    const searchItems = async (event: any) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+
+    };    
+
+    return (
+        <>
+            <AutoComplete
+                disabled={disabled ? disabled : false}
+                value={selectedItem}
+                suggestions={filteredItem}
+                // invalid={(isFormFieldValid(formik, fieldName) || (formErrors[fieldName]))}
+                invalid={isFormFieldValid(formik, fieldName)}
+
+                completeMethod={searchItems}
+                virtualScrollerOptions={{ itemSize: 38 }}
+                // style={{
+                //     maxHeight: 39.67
+                // }}
+                field={labelKey}
+                dropdown
+                onChange={(e) => {
+                    // formik.handleChange(e)
+                    setSelectedItem(e.value);
+                    if (additionalAction) {
+                        additionalAction(e);
+                    }
+                    if (relationField === true) {
+                        formik.setFieldValue(fieldName, e.value);
+                        formik.setFieldValue(fieldNameId, e.value.id);
+                    } else {
+                        formik.setFieldValue(fieldName, e.value[valueKey]);
+
+                    }
+
+                }}
+                className="solid-standard-autocomplete"
+            />
+
+        </>
+
+
+    )
+}

package/dist/components/common/SocialMediaLogin.tsx

@@ -0,0 +1,53 @@
+"use client"
+import { signIn } from 'next-auth/react'
+import { usePathname, useRouter } from 'next/navigation';
+import { Button } from 'primereact/button'
+import React from 'react'
+
+export const SocialMediaLogin = () => {
+    const router = useRouter();
+    const pathname = usePathname();
+    return (
+        <div className="flex justify-content-center mt-4 gap-3">
+            <Button
+                className='flex justify-content-center gap-3 w-full google-auth-button'
+                outlined
+                severity="secondary"
+                onClick={() => router.push(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/iam/google/connect`)}
+            // onClick={()=>signIn('google', {callbackUrl :'https://uat-api.lm.solidxai.com/api/iam/google/connect'})}
+            >
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                    <g clipPath="url(#clip0_3520_3825)">
+                        <path d="M23.0938 9.91355L13.3044 9.91309C12.8721 9.91309 12.5217 10.2634 12.5217 10.6957V13.823C12.5217 14.2552 12.8721 14.6056 13.3044 14.6056H18.8171C18.2135 16.1722 17.0868 17.4842 15.6493 18.3178L18 22.387C21.7707 20.2062 24 16.3799 24 12.0965C24 11.4866 23.955 11.0506 23.8651 10.5597C23.7968 10.1867 23.4729 9.91355 23.0938 9.91355Z" fill="#167EE6" />
+                        <path d="M12 19.3047C9.30218 19.3047 6.94699 17.8306 5.68207 15.6494L1.61304 17.9948C3.68374 21.5836 7.56283 24.0003 12 24.0003C14.1768 24.0003 16.2307 23.4143 18 22.3929V22.3873L15.6494 18.3181C14.5742 18.9417 13.3299 19.3047 12 19.3047Z" fill="#12B347" />
+                        <path d="M18 22.3922V22.3866L15.6494 18.3174C14.5741 18.941 13.33 19.304 12 19.304V23.9996C14.1767 23.9996 16.2308 23.4135 18 22.3922Z" fill="#0F993E" />
+                        <path d="M4.69566 12.0003C4.69566 10.6705 5.05856 9.42637 5.68205 8.3512L1.61302 6.00586C0.586031 7.76962 0 9.81797 0 12.0003C0 14.1826 0.586031 16.2309 1.61302 17.9947L5.68205 15.6494C5.05856 14.5742 4.69566 13.3301 4.69566 12.0003Z" fill="#FFD500" />
+                        <path d="M12 4.69566C13.7593 4.69566 15.3753 5.32078 16.6375 6.36061C16.9488 6.61711 17.4014 6.59859 17.6867 6.31336L19.9024 4.09758C20.2261 3.77395 20.203 3.24422 19.8573 2.94431C17.7425 1.10967 14.991 0 12 0C7.56283 0 3.68374 2.41673 1.61304 6.00558L5.68207 8.35092C6.94699 6.16969 9.30218 4.69566 12 4.69566Z" fill="#FF4B26" />
+                        <path d="M16.6374 6.36061C16.9488 6.61711 17.4015 6.59859 17.6866 6.31336L19.9024 4.09758C20.226 3.77395 20.2029 3.24422 19.8573 2.94431C17.7425 1.10963 14.991 0 12 0V4.69566C13.7592 4.69566 15.3752 5.32078 16.6374 6.36061Z" fill="#D93F21" />
+                    </g>
+                    <defs>
+                        <clipPath id="clip0_3520_3825">
+                            <rect width="24" height="24" fill="white" />
+                        </clipPath>
+                    </defs>
+                </svg>
+                {pathname.includes("register") ? "Continue With Google" : "Sign In with Google"}
+            </Button>
+            {/* <Button icon={() => (
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xlinkHref="http://www.w3.org/1999/xlink">
+                <rect width="24" height="24" fill="url(#pattern0_3520_3835)" />
+                <defs>
+                    <pattern id="pattern0_3520_3835" patternContentUnits="objectBoundingBox" width="1" height="1">
+                        <use xlinkHref="#image0_3520_3835" transform="scale(0.00195312)" />
+                    </pattern>
+                    <image id="image0_3520_3835" width="512" height="512" xlinkHref="data:image/png;base64,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" />
+                </defs>
+            </svg>
+        )}
+            outlined
+            severity="secondary"
+        >
+        </Button> */}
+        </div>
+    )
+}

package/dist/components/common/SolidAdmin.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const SolidAdmin = () => {
+  return (
+    <div>SolidAdmin</div>
+  )
+}

package/dist/components/common/SolidBreadcrumb.tsx

@@ -0,0 +1,103 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { BreadCrumb } from "primereact/breadcrumb";
+import { useEffect, useState } from "react";
+
+interface BreadcrumbItem {
+  label: string;
+  link?: string;
+}
+
+interface Props {
+  solidFormViewMetaData?: any;
+  initialEntityData?: any;
+}
+
+export const SolidBreadcrumb = (props: Props) => {
+  const { solidFormViewMetaData, initialEntityData } = props;
+  const modelMetadata = solidFormViewMetaData?.data?.solidView?.model;
+  const pathname = usePathname();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const segments = pathname.split("/").filter(Boolean);
+
+  let userKeyFieldValue: string | null = null;
+
+  if (modelMetadata?.userKeyField) {
+    const userKeyFieldName = modelMetadata.userKeyField.name;
+    if (userKeyFieldName && initialEntityData?.[userKeyFieldName] !== undefined) {
+      userKeyFieldValue = initialEntityData[userKeyFieldName];
+    }
+  }
+
+  const queryUserKeyField = searchParams.get("userKeyField");
+
+  useEffect(() => {
+    if (segments.length === 6 && segments[4] === "form" && userKeyFieldValue && !queryUserKeyField) {
+      const newUrl = `${pathname}?userKeyField=${encodeURIComponent(userKeyFieldValue)}`;
+      router.replace(newUrl, { scroll: false });
+    }
+  }, [pathname, userKeyFieldValue, queryUserKeyField, router]);
+
+  const [fromView, setFromView] = useState<"list" | "kanban" | null>(null);
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const storedView = sessionStorage.getItem("fromView");
+      console.log("📌 fromView loaded from sessionStorage:", storedView);
+      if (storedView === "list" || storedView === "kanban") {
+        setFromView(storedView);
+      }
+    }
+  }, []);
+
+  let breadcrumbItems: BreadcrumbItem[] = [];
+
+  if (segments.length >= 4 && segments[0] === "admin" && segments[1] === "core") {
+    const moduleName = segments[2].replace(/-/g, " ");
+    const modelName = segments[3].replace(/-/g, " ");
+
+    breadcrumbItems.push({
+      label: moduleName,
+      link: `/admin/core/${segments[2]}/home`,
+    });
+
+    if (segments.length >= 5) {
+      if (segments[4] === "form" && segments.length === 6) {
+        const view = fromView ?? "list";
+        breadcrumbItems.push({
+          label: view === "kanban" ? "Kanban" : "List",
+          link: `/admin/core/${segments[2]}/${segments[3]}/${view}`,
+        });
+      } else {
+        breadcrumbItems.push({
+          label: modelName,
+          link: `/admin/core/${segments[2]}/${segments[3]}`,
+        });
+      }
+    }
+
+    if (segments.length === 6 && segments[4] === "form") {
+      breadcrumbItems.push({
+        label: queryUserKeyField || segments[5],
+      });
+    }
+  }
+
+  const items = breadcrumbItems.map((item) => ({
+    label: item.label,
+    ...(item.link
+      ? {
+          template: () => (
+            <Link href={item.link!}>
+              <p className="text-primary font-normal">{item.label}</p>
+            </Link>
+          ),
+        }
+      : {}),
+  }));
+
+  return <BreadCrumb model={items} className="solid-breadcrumb" />;
+};

package/dist/components/common/SolidFormHeader.tsx

@@ -0,0 +1,22 @@
+"use client"
+import { SolidBreadcrumb } from './SolidBreadcrumb';
+import { SolidFormStepper } from './SolidFormStepper';
+
+interface Props {
+    solidFormViewMetaData?: any;
+    initialEntityData?: any;
+    modelName?: any;
+    id?:any
+}
+
+export const SolidFormHeader = (props: Props) => {
+    const { solidFormViewMetaData } = props;
+    return (
+        <div className='flex align-items-center justify-content-between solid-dynamic-breadcrumb-stepper'>
+            <SolidBreadcrumb {...props} />
+            {solidFormViewMetaData?.data?.solidFormViewWorkflowData.length > 0 &&
+                <SolidFormStepper {...props} />
+            }
+        </div>
+    )
+}

package/dist/components/common/SolidFormStepper.tsx

@@ -0,0 +1,213 @@
+"use client"
+import { Button } from 'primereact/button'
+import { OverlayPanel } from 'primereact/overlaypanel';
+import React, { useEffect, useRef, useState } from 'react'
+import { createSolidEntityApi } from '@/redux/api/solidEntityApi';
+import { useFormik } from 'formik';
+import { Toast } from 'primereact/toast';
+
+interface Props {
+    solidFormViewMetaData?: any;
+    modelName?: any,
+    initialEntityData?: any;
+    id?: any
+}
+
+export const SolidFormStepper = (props: Props) => {
+    const { solidFormViewMetaData, modelName, initialEntityData, id } = props;
+    const toast = useRef<Toast>(null);
+    const formStepperOverlay = useRef(null);
+
+    const solidFormViewWorkflowData = solidFormViewMetaData?.data?.solidFormViewWorkflowData;
+    const solidWorkflowField = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowField;
+    const solidWorkflowFieldEnabled = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowFieldUpdateEnabled;
+    const defaultWorkflowFieldValue = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.defaultValue
+    const defaultWorkflowFieldDisplayName = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.displayName
+    const activeStep = solidFormViewMetaData?.data?.solidFormViewWorkflowData[0].value
+    const [solidWorkflowFieldKey, setSolidWorkflowFieldKey] = useState<string>("");
+    const [solidWorkflowFieldValue, setSolidWorkflowFieldValue] = useState<string>("");
+
+    useEffect(() => {
+        if (!solidWorkflowField) return;
+
+        setSolidWorkflowFieldKey(solidWorkflowField);
+
+        setSolidWorkflowFieldValue(() => {
+            if (initialEntityData?.[solidWorkflowField] !== undefined) {
+                return initialEntityData[solidWorkflowField];
+            } else if (defaultWorkflowFieldValue !== undefined) {
+                return defaultWorkflowFieldValue;
+            } else {
+                return activeStep;
+            }
+        });
+    }, [solidWorkflowField, initialEntityData, defaultWorkflowFieldValue, activeStep]);
+
+    const formik = useFormik({
+        enableReinitialize: true,
+        initialValues: {
+            id: +id,
+            [solidWorkflowFieldKey]: solidWorkflowFieldValue || "",
+        },
+        onSubmit: (values) => {
+            handleStepChange(values);
+        }
+    });
+
+    const entityApi = createSolidEntityApi(modelName);
+    const {
+        usePatchUpdateSolidEntityMutation,
+    } = entityApi;
+
+    const [
+        updateStepper,
+        { isSuccess: isStepperUpdateSuccessfull, isError: isStepperUpdateError, error: stepperUpdateError },
+    ] = usePatchUpdateSolidEntityMutation();
+
+
+    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            life: 3000,
+        });
+    };
+
+    const handleStepChange = async (values: any) => {
+        try {
+            const result = await updateStepper({ id: values.id, data: { [solidWorkflowFieldKey]: values[solidWorkflowFieldKey] } }).unwrap();
+            if (result?.statusCode === 200) {
+                showToast("success", `${defaultWorkflowFieldDisplayName} Update`, `${defaultWorkflowFieldDisplayName} updated successfully!`);
+                if (result?.data?.[solidWorkflowFieldKey]) {
+                    setSolidWorkflowFieldValue(result.data[solidWorkflowFieldKey]);
+                }
+            }
+        } catch (error) {
+            console.error('Error updating stepper:', error);
+            showToast("error", "Update Failed", "Failed to update the form.");
+        }
+    }
+
+    const handleButtonClick = (stepValue: any) => {
+        formik.setFieldValue(solidWorkflowFieldKey, stepValue);
+        formik.handleSubmit();
+    }
+
+    const activeIndex = solidFormViewWorkflowData.findIndex((step: any) => step.value === solidWorkflowFieldValue);
+    const visibleSteps = solidFormViewWorkflowData.length > 5 ? solidFormViewWorkflowData.slice(0, 5) : solidFormViewWorkflowData;
+
+    return (
+        <>
+            <Toast ref={toast} />
+            <div className='flex solid-dynamic-stepper' style={solidWorkflowFieldEnabled === false ? { pointerEvents: 'none' } : {}}>
+                {visibleSteps.map((step: any, index: number) => {
+                    const isActive = index === activeIndex;
+                    const isBeforeActive = index < activeIndex;
+                    const isAfterActive = index > activeIndex;
+                    const isFirstVisible = index === 0;
+                    const isLastVisible = index === visibleSteps.length - 1;
+                    const isNextAfterActive = index === activeIndex + 1;
+                    const isTwoStepsOnly = visibleSteps.length === 2;
+
+                    return (
+                        <Button
+                            key={index}
+                            type="button"
+                            className={`solid-step-button relative ${isTwoStepsOnly ? 'two-step-button' : ''} ${isActive ? 'p-button-primary' : ''} ${isBeforeActive ? 'p-button-secondary' : ''}`}
+                            text={!isActive && !isBeforeActive}
+                            onClick={() => handleButtonClick(step.value)}
+                        >
+                            {step.label}
+                            <>
+                                {isNextAfterActive && solidFormViewWorkflowData.map((step: any) => step.value).includes(solidWorkflowFieldValue) &&
+                                    (
+                                        <div className="absolute active-step-arrow">
+                                            <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(30)"
+                                                height="48px"
+                                                width="48px"
+                                            >
+                                                <g id="SVGRepo_iconCarrier">
+                                                    <g id="color">
+                                                        <polygon fill={"var(--primary-color)"} points="36,62 65,12 7,12" />
+                                                    </g>
+                                                    <g id="line">
+                                                        <polyline fill="none" stroke="" stroke-miterlimit="10" stroke-width="1.5" points="36,62 65,12 7,12" />
+                                                    </g>
+                                                </g>
+                                            </svg>
+                                        </div>
+                                    )}
+
+                                {(isActive || isBeforeActive) && !isFirstVisible && (!isTwoStepsOnly || index === 1) && (
+                                    <div className="absolute active-before-step-arrow">
+                                        <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(30)"
+                                            height="48px"
+                                            width="48px"
+                                        >
+                                            <g id="SVGRepo_iconCarrier">
+                                                <g id="color">
+                                                    <polygon fill="#EAEDF1" points="36,62 65,12 7,12" />
+                                                </g>
+                                                <g id="line">
+                                                    <polyline fill="none" stroke="var(--solid-stepper-border)" stroke-miterlimit="10" stroke-width="1.5" points="36,62 65,12 7,12" />
+                                                </g>
+                                            </g>
+                                        </svg>
+                                    </div>
+                                )}
+
+                                {isAfterActive && !isLastVisible && (
+                                    <div className="absolute inactive-step-arrow">
+                                        <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(30)"
+                                            height="48px"
+                                            width="48px"
+                                        >
+                                            <g id="SVGRepo_iconCarrier">
+                                                <g id="color">
+                                                    <polygon fill="#fff" points="36,62 65,12 7,12" />
+                                                </g>
+                                                <g id="line">
+                                                    <polyline fill="none" stroke="var(--solid-stepper-border)" stroke-miterlimit="10" stroke-width="1.5" points="36,62 65,12 7,12" />
+                                                </g>
+                                            </g>
+                                        </svg>
+                                    </div>
+                                )}
+                            </>
+                            {solidFormViewWorkflowData.length > 5 && index === 4 && (
+                                <div className='absolute' style={{ right: 5 }}>
+                                    <Button
+                                        type='button'
+                                        icon="pi pi-angle-down"
+                                        text
+                                        size='small'
+                                        style={{ height: 24, width: '1.5rem', padding: 0 }}
+                                        onClick={(e) =>
+                                            // @ts-ignore 
+                                            formStepperOverlay.current.toggle(e)
+                                        }
+                                    />
+                                    <OverlayPanel ref={formStepperOverlay} className="solid-custom-overlay solid-form-stepper-overlay">
+                                        <div className='flex flex-column gap-1 p-1'>
+                                            {solidFormViewWorkflowData.slice(5).map((step: any, index: number) => (
+                                                <Button
+                                                    key={index}
+                                                    type='button'
+                                                    label={step.label}
+                                                    size='small'
+                                                    text
+                                                    onClick={() => handleButtonClick(step.value)}
+                                                />
+                                            ))}
+                                        </div>
+                                    </OverlayPanel>
+                                </div>
+                            )}
+                        </Button>
+                    )
+                })}
+            </div>
+        </>
+    )
+}

package/dist/components/common/SolidModuleHome.tsx

@@ -0,0 +1,61 @@
+"use client"
+
+export const SolidModuleHome = () => {
+    return (
+        <div className="h-screen surface-0 text-center p-5">
+            <div className="row">
+                <div className="col-11 mx-auto">
+                    <div className="mb-3 font-bold text-3xl">
+                        <span className="text-900">One Product, </span>
+                        <span className="text-primary">Many Solutions</span>
+                    </div>
+                    <div className="text-700 mb-6">Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.</div>
+                    <div className="grid">
+                        <div className="col-12 md:col-4 mb-4 px-5">
+                            <span className="p-3 shadow-2 mb-3 inline-block" style={{ borderRadius: '10px' }}>
+                                <i className="pi pi-desktop text-4xl text-primary"></i>
+                            </span>
+                            <div className="text-900 text-xl mb-3 font-medium">Built for Developers</div>
+                            <span className="text-700 line-height-3">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>
+                        </div>
+                        <div className="col-12 md:col-4 mb-4 px-5">
+                            <span className="p-3 shadow-2 mb-3 inline-block" style={{ borderRadius: '10px' }}>
+                                <i className="pi pi-lock text-4xl text-primary"></i>
+                            </span>
+                            <div className="text-900 text-xl mb-3 font-medium">End-to-End Encryption</div>
+                            <span className="text-700 line-height-3">Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.</span>
+                        </div>
+                        <div className="col-12 md:col-4 mb-4 px-5">
+                            <span className="p-3 shadow-2 mb-3 inline-block" style={{ borderRadius: '10px' }}>
+                                <i className="pi pi-check-circle text-4xl text-primary"></i>
+                            </span>
+                            <div className="text-900 text-xl mb-3 font-medium">Easy to Use</div>
+                            <span className="text-700 line-height-3">Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper.</span>
+                        </div>
+                        <div className="col-12 md:col-4 mb-4 px-5">
+                            <span className="p-3 shadow-2 mb-3 inline-block" style={{ borderRadius: '10px' }}>
+                                <i className="pi pi-globe text-4xl text-primary"></i>
+                            </span>
+                            <div className="text-900 text-xl mb-3 font-medium">Fast & Global Support</div>
+                            <span className="text-700 line-height-3">Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus.</span>
+                        </div>
+                        <div className="col-12 md:col-4 mb-4 px-5">
+                            <span className="p-3 shadow-2 mb-3 inline-block" style={{ borderRadius: '10px' }}>
+                                <i className="pi pi-github text-4xl text-primary"></i>
+                            </span>
+                            <div className="text-900 text-xl mb-3 font-medium">Open Source</div>
+                            <span className="text-700 line-height-3">Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. </span>
+                        </div>
+                        <div className="col-12 md:col-4 md:mb-4 mb-0 px-3">
+                            <span className="p-3 shadow-2 mb-3 inline-block" style={{ borderRadius: '10px' }}>
+                                <i className="pi pi-shield text-4xl text-primary"></i>
+                            </span>
+                            <div className="text-900 text-xl mb-3 font-medium">Trusted Securitty</div>
+                            <span className="text-700 line-height-3">Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}

package/dist/components/common/SolidThemeLink.tsx

@@ -0,0 +1,5 @@
+export const SolidThemeLink = () => {
+    return (
+        <link id="theme-css" href={`/themes/solid-light-purple/theme.css`} rel="stylesheet"></link>
+    )
+}