@splpi/estore-shared-components 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,208 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { IconType } from 'react-icons';
+import { InputProps } from '@chakra-ui/react';
+
+interface IPersonalInfo {
+    firstName?: string;
+    middleName?: string;
+    lastName?: string;
+    suffix?: string;
+    birthDate?: string;
+    idType?: string;
+    idNumber?: string;
+    height?: number;
+    weight?: number;
+    gender?: string;
+    civilStatus?: string;
+    nationality?: string;
+    mobileNumber?: string;
+    emailAddress?: string;
+    mailingAddress?: string;
+    landLineNumber?: string;
+}
+interface IAddress {
+    lot?: string;
+    street?: string;
+    barangay?: string;
+    city?: string;
+    province?: string;
+    district?: string;
+}
+interface IEmployment {
+    occupation?: string;
+    employerName?: string;
+    employmentStatus?: string;
+    officeAddress?: string;
+    TIN?: string;
+    SSS?: string;
+    sourceOfIncome?: string;
+}
+type BeneficiaryClass = "principal" | "contingent";
+interface IBeneficiary {
+    firstName: string;
+    middleInitial: string;
+    lastName: string;
+    birthDate: string;
+    address: string;
+    relationship: string;
+    beneficiaryClass: string;
+}
+interface IHealthDeclaration {
+    healthDeclaration1: boolean;
+    healthDeclaration2: boolean;
+    healthDeclaration3: boolean;
+    healthDeclaration4: boolean;
+}
+interface IApplicationData {
+    personalInfo: IPersonalInfo;
+    address: IAddress;
+    employment: IEmployment;
+    beneficiaries: IBeneficiary[];
+    principalBeneficiary?: IBeneficiary;
+    contingentBeneficiary?: IBeneficiary;
+    healthDeclaration: IHealthDeclaration;
+}
+type ITransactionData = IApplicationData;
+
+interface LifePlanApplication1Props {
+    initialData?: IPersonalInfo;
+    onUpdate?: (personalInfo: IPersonalInfo, address?: any) => void;
+}
+declare const LifePlanApplication1: ({ initialData, onUpdate, }: LifePlanApplication1Props) => react_jsx_runtime.JSX.Element;
+
+interface LifePlanApplication2Props {
+    onAddressUpdate?: (address: IAddress) => void;
+}
+declare const LifePlanApplication2: ({ onAddressUpdate, }: LifePlanApplication2Props) => react_jsx_runtime.JSX.Element;
+
+interface LifePlanApplication3Props {
+    initialData?: IEmployment;
+    onUpdate?: (employment: IEmployment) => void;
+}
+declare const LifePlanApplication3: ({ initialData, onUpdate, }: LifePlanApplication3Props) => react_jsx_runtime.JSX.Element;
+
+interface BeneficiaryProps {
+    onUpdate?: (principal: IBeneficiary | undefined, contingent: IBeneficiary | undefined, all: IBeneficiary[]) => void;
+}
+declare const Beneficiary: ({ onUpdate }: BeneficiaryProps) => react_jsx_runtime.JSX.Element;
+
+declare const HealthDeclaration: () => react_jsx_runtime.JSX.Element;
+
+declare const LifePlanApplicationFormWrapper: ({ openSection, openSectionKey, onValidChange, }: {
+    openSection?: string;
+    openSectionKey?: number;
+    onValidChange?: (valid: boolean) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const LifePlanApplicationStepWrapper: () => react_jsx_runtime.JSX.Element;
+
+type SharedLifePlanApplicationProps = {
+    title?: string;
+    description?: string;
+    onPaymentError?: (error: unknown) => void;
+};
+declare const SharedLifePlanApplication: ({ title, description, onPaymentError, }: SharedLifePlanApplicationProps) => react_jsx_runtime.JSX.Element;
+
+type QuickAction = {
+    /** React Icons icon component */
+    icon: IconType;
+    /** Primary action label */
+    label: string;
+    /** Optional supporting text below the label */
+    description?: string;
+    /** Called when the item is tapped (can be combined with href) */
+    onClick?: () => void;
+    /** Wrap the item in a Next.js Link */
+    href?: string;
+    /** Icon bubble background — defaults to brand muted gray */
+    iconBg?: string;
+    /** Icon fill color — defaults to brand neutral text */
+    iconColor?: string;
+};
+type BottomQuickActionsProps = {
+    /** Controls open state */
+    open: boolean;
+    /** Called on close or backdrop tap */
+    onOpenChange: (open: boolean) => void;
+    /** Sheet heading — defaults to "Quick actions" */
+    title?: string;
+    /** Muted subtext below the title */
+    subtitle?: string;
+    /**
+     * Optional context card rendered between the title bar and the action list.
+     * Use `QuickActionsHeaderCard` for the standard "acting on which record" pattern,
+     * or pass any ReactNode.
+     */
+    headerSlot?: React.ReactNode;
+    /** The ordered list of actions */
+    actions: QuickAction[];
+};
+declare const BottomQuickActions: ({ open, onOpenChange, title, subtitle, headerSlot, actions, }: BottomQuickActionsProps) => react_jsx_runtime.JSX.Element;
+
+type ColorModeValue = "light" | "dark";
+type ToastType = "success" | "error";
+interface ProfileUser {
+    displayName: string;
+    email?: string;
+    mobileNumber?: string;
+    role?: string;
+    avatarSrc?: string;
+}
+interface NavOptionDef {
+    key: string;
+    title: string;
+    href: string;
+    Icon: IconType;
+    activeIcon: IconType;
+    match: (pathname: string) => boolean;
+    roles: string[];
+}
+interface ReusableProfileProps {
+    user?: ProfileUser;
+    colorMode?: ColorModeValue;
+    onColorModeChange?: (mode: ColorModeValue) => void;
+    initialTwoFactorEnabled?: boolean;
+    initialQuickNavHrefs?: string[];
+    availableNavOptions?: NavOptionDef[];
+    maxQuickNavItems?: number;
+    enableLocalStorage?: boolean;
+    storageKey?: string;
+    onSaveAccount?: (payload: {
+        displayName: string;
+    }) => void | Promise<void>;
+    onChangePassword?: (payload: {
+        currentPassword: string;
+        newPassword: string;
+    }) => void | Promise<void>;
+    onSignOut?: () => void | Promise<void>;
+    onTwoFactorChange?: (enabled: boolean) => void | Promise<void>;
+    onToast?: (type: ToastType, message: string) => void;
+}
+declare function ReusableProfile({ user, colorMode: controlledColorMode, onColorModeChange, initialTwoFactorEnabled, initialQuickNavHrefs, availableNavOptions, maxQuickNavItems, enableLocalStorage, storageKey, onSaveAccount, onChangePassword, onSignOut, onTwoFactorChange, onToast, }: ReusableProfileProps): react_jsx_runtime.JSX.Element;
+
+interface FloatingLabelInputProps extends InputProps {
+    label: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+declare const FloatingLabelInput: (props: FloatingLabelInputProps) => react_jsx_runtime.JSX.Element;
+
+interface CartItem {
+    planDesc: string;
+    mode: string;
+    planTerm: string;
+    quantity: number;
+    price: number;
+    total: number;
+    contractPrice: number;
+    ipInstAmt?: number;
+    balance?: number;
+}
+
+declare const createEmptyApplicationData: () => IApplicationData;
+declare const loadApplicationDataFromLocalStorage: (storageKey?: string) => IApplicationData | null;
+declare const saveApplicationDataToLocalStorage: (data: IApplicationData, storageKey?: string) => void;
+
+export { Beneficiary, type BeneficiaryClass, BottomQuickActions, type CartItem, FloatingLabelInput, HealthDeclaration, type IAddress, type IApplicationData, type IBeneficiary, type IEmployment, type IHealthDeclaration, type IPersonalInfo, type ITransactionData, LifePlanApplication1, LifePlanApplication2, LifePlanApplication3, LifePlanApplicationFormWrapper, LifePlanApplicationStepWrapper, type NavOptionDef, type ProfileUser, type ReusableProfileProps, SharedLifePlanApplication, ReusableProfile as UserProfile, createEmptyApplicationData, loadApplicationDataFromLocalStorage, saveApplicationDataToLocalStorage };

package/dist/index.d.ts

@@ -0,0 +1,208 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { IconType } from 'react-icons';
+import { InputProps } from '@chakra-ui/react';
+
+interface IPersonalInfo {
+    firstName?: string;
+    middleName?: string;
+    lastName?: string;
+    suffix?: string;
+    birthDate?: string;
+    idType?: string;
+    idNumber?: string;
+    height?: number;
+    weight?: number;
+    gender?: string;
+    civilStatus?: string;
+    nationality?: string;
+    mobileNumber?: string;
+    emailAddress?: string;
+    mailingAddress?: string;
+    landLineNumber?: string;
+}
+interface IAddress {
+    lot?: string;
+    street?: string;
+    barangay?: string;
+    city?: string;
+    province?: string;
+    district?: string;
+}
+interface IEmployment {
+    occupation?: string;
+    employerName?: string;
+    employmentStatus?: string;
+    officeAddress?: string;
+    TIN?: string;
+    SSS?: string;
+    sourceOfIncome?: string;
+}
+type BeneficiaryClass = "principal" | "contingent";
+interface IBeneficiary {
+    firstName: string;
+    middleInitial: string;
+    lastName: string;
+    birthDate: string;
+    address: string;
+    relationship: string;
+    beneficiaryClass: string;
+}
+interface IHealthDeclaration {
+    healthDeclaration1: boolean;
+    healthDeclaration2: boolean;
+    healthDeclaration3: boolean;
+    healthDeclaration4: boolean;
+}
+interface IApplicationData {
+    personalInfo: IPersonalInfo;
+    address: IAddress;
+    employment: IEmployment;
+    beneficiaries: IBeneficiary[];
+    principalBeneficiary?: IBeneficiary;
+    contingentBeneficiary?: IBeneficiary;
+    healthDeclaration: IHealthDeclaration;
+}
+type ITransactionData = IApplicationData;
+
+interface LifePlanApplication1Props {
+    initialData?: IPersonalInfo;
+    onUpdate?: (personalInfo: IPersonalInfo, address?: any) => void;
+}
+declare const LifePlanApplication1: ({ initialData, onUpdate, }: LifePlanApplication1Props) => react_jsx_runtime.JSX.Element;
+
+interface LifePlanApplication2Props {
+    onAddressUpdate?: (address: IAddress) => void;
+}
+declare const LifePlanApplication2: ({ onAddressUpdate, }: LifePlanApplication2Props) => react_jsx_runtime.JSX.Element;
+
+interface LifePlanApplication3Props {
+    initialData?: IEmployment;
+    onUpdate?: (employment: IEmployment) => void;
+}
+declare const LifePlanApplication3: ({ initialData, onUpdate, }: LifePlanApplication3Props) => react_jsx_runtime.JSX.Element;
+
+interface BeneficiaryProps {
+    onUpdate?: (principal: IBeneficiary | undefined, contingent: IBeneficiary | undefined, all: IBeneficiary[]) => void;
+}
+declare const Beneficiary: ({ onUpdate }: BeneficiaryProps) => react_jsx_runtime.JSX.Element;
+
+declare const HealthDeclaration: () => react_jsx_runtime.JSX.Element;
+
+declare const LifePlanApplicationFormWrapper: ({ openSection, openSectionKey, onValidChange, }: {
+    openSection?: string;
+    openSectionKey?: number;
+    onValidChange?: (valid: boolean) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const LifePlanApplicationStepWrapper: () => react_jsx_runtime.JSX.Element;
+
+type SharedLifePlanApplicationProps = {
+    title?: string;
+    description?: string;
+    onPaymentError?: (error: unknown) => void;
+};
+declare const SharedLifePlanApplication: ({ title, description, onPaymentError, }: SharedLifePlanApplicationProps) => react_jsx_runtime.JSX.Element;
+
+type QuickAction = {
+    /** React Icons icon component */
+    icon: IconType;
+    /** Primary action label */
+    label: string;
+    /** Optional supporting text below the label */
+    description?: string;
+    /** Called when the item is tapped (can be combined with href) */
+    onClick?: () => void;
+    /** Wrap the item in a Next.js Link */
+    href?: string;
+    /** Icon bubble background — defaults to brand muted gray */
+    iconBg?: string;
+    /** Icon fill color — defaults to brand neutral text */
+    iconColor?: string;
+};
+type BottomQuickActionsProps = {
+    /** Controls open state */
+    open: boolean;
+    /** Called on close or backdrop tap */
+    onOpenChange: (open: boolean) => void;
+    /** Sheet heading — defaults to "Quick actions" */
+    title?: string;
+    /** Muted subtext below the title */
+    subtitle?: string;
+    /**
+     * Optional context card rendered between the title bar and the action list.
+     * Use `QuickActionsHeaderCard` for the standard "acting on which record" pattern,
+     * or pass any ReactNode.
+     */
+    headerSlot?: React.ReactNode;
+    /** The ordered list of actions */
+    actions: QuickAction[];
+};
+declare const BottomQuickActions: ({ open, onOpenChange, title, subtitle, headerSlot, actions, }: BottomQuickActionsProps) => react_jsx_runtime.JSX.Element;
+
+type ColorModeValue = "light" | "dark";
+type ToastType = "success" | "error";
+interface ProfileUser {
+    displayName: string;
+    email?: string;
+    mobileNumber?: string;
+    role?: string;
+    avatarSrc?: string;
+}
+interface NavOptionDef {
+    key: string;
+    title: string;
+    href: string;
+    Icon: IconType;
+    activeIcon: IconType;
+    match: (pathname: string) => boolean;
+    roles: string[];
+}
+interface ReusableProfileProps {
+    user?: ProfileUser;
+    colorMode?: ColorModeValue;
+    onColorModeChange?: (mode: ColorModeValue) => void;
+    initialTwoFactorEnabled?: boolean;
+    initialQuickNavHrefs?: string[];
+    availableNavOptions?: NavOptionDef[];
+    maxQuickNavItems?: number;
+    enableLocalStorage?: boolean;
+    storageKey?: string;
+    onSaveAccount?: (payload: {
+        displayName: string;
+    }) => void | Promise<void>;
+    onChangePassword?: (payload: {
+        currentPassword: string;
+        newPassword: string;
+    }) => void | Promise<void>;
+    onSignOut?: () => void | Promise<void>;
+    onTwoFactorChange?: (enabled: boolean) => void | Promise<void>;
+    onToast?: (type: ToastType, message: string) => void;
+}
+declare function ReusableProfile({ user, colorMode: controlledColorMode, onColorModeChange, initialTwoFactorEnabled, initialQuickNavHrefs, availableNavOptions, maxQuickNavItems, enableLocalStorage, storageKey, onSaveAccount, onChangePassword, onSignOut, onTwoFactorChange, onToast, }: ReusableProfileProps): react_jsx_runtime.JSX.Element;
+
+interface FloatingLabelInputProps extends InputProps {
+    label: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+declare const FloatingLabelInput: (props: FloatingLabelInputProps) => react_jsx_runtime.JSX.Element;
+
+interface CartItem {
+    planDesc: string;
+    mode: string;
+    planTerm: string;
+    quantity: number;
+    price: number;
+    total: number;
+    contractPrice: number;
+    ipInstAmt?: number;
+    balance?: number;
+}
+
+declare const createEmptyApplicationData: () => IApplicationData;
+declare const loadApplicationDataFromLocalStorage: (storageKey?: string) => IApplicationData | null;
+declare const saveApplicationDataToLocalStorage: (data: IApplicationData, storageKey?: string) => void;
+
+export { Beneficiary, type BeneficiaryClass, BottomQuickActions, type CartItem, FloatingLabelInput, HealthDeclaration, type IAddress, type IApplicationData, type IBeneficiary, type IEmployment, type IHealthDeclaration, type IPersonalInfo, type ITransactionData, LifePlanApplication1, LifePlanApplication2, LifePlanApplication3, LifePlanApplicationFormWrapper, LifePlanApplicationStepWrapper, type NavOptionDef, type ProfileUser, type ReusableProfileProps, SharedLifePlanApplication, ReusableProfile as UserProfile, createEmptyApplicationData, loadApplicationDataFromLocalStorage, saveApplicationDataToLocalStorage };