@hievilmath/browser-formidavim 1.1.6 → 1.2.1

package/lib/components/DataRenderer.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const DataRenderer: FC<PropsWithChildren<{
+    dataFetcher?: () => Promise<any>;
+    configFetcher?: () => Promise<any>;
+    onSubmit?: (formData: any) => Promise<any>;
+    isPreview?: boolean;
+    flowName?: string;
+    version?: string;
+    formidavimHost?: string;
+}>>;

package/lib/components/FlowFormRenderer.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { FlowForm } from '../../../../../axios/formidavim/src/index.ts';
+import { EvaluatedFormComponent } from './FlowRenderer';
 export declare const FlowFormRenderer: FC<{
     flowForm: Partial<FlowForm>;
     isPreview: boolean;
+    evaluatedFormComponents?: EvaluatedFormComponent[];
 }>;

package/lib/components/FlowRenderer.d.ts

@@ -1,8 +1,21 @@
 import { FC } from 'react';
-import { Flow } from '../../../../../axios/formidavim/src/index.ts';
+import { Flow, FlowForm, FormComponent } from '../../../../../axios/formidavim/src/index.ts';
+export interface EvaluatedFormComponent extends FormComponent {
+    isVisible: boolean;
+    shouldRender: boolean;
+    hasCondition: boolean;
+    props?: {
+        required?: boolean | string;
+        propertyId?: string;
+        [key: string]: any;
+    };
+}
+export interface EvaluatedFlowForm extends FlowForm {
+    evaluatedFormComponents?: EvaluatedFormComponent[];
+}
 export declare const FlowRenderer: FC<{
     flow: Partial<Flow>;
     isPreview: boolean;
     $bgColor?: string;
-    onSubmit: () => Promise<any>;
+    onSubmit: (formData: any) => Promise<any>;
 }>;

package/lib/components/FormRenderer.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { Form } from '../../../../../axios/formidavim/src/index.ts';
+import { EvaluatedFormComponent } from './FlowRenderer';
 export declare const FormRenderer: FC<{
     form: Form;
     isPreview: boolean;
+    evaluatedFormComponents: EvaluatedFormComponent[];
 }>;

package/lib/components/Renderer.d.ts

@@ -4,5 +4,5 @@ export declare const Renderer: FC<{
     data: PatientProfileDto | null;
     config: Partial<Flow>;
     isPreview: boolean;
-    onSubmit: () => Promise<any>;
+    onSubmit: (formData: any) => Promise<any>;
 }>;

package/lib/components/index.d.ts

@@ -6,7 +6,6 @@ export { FlowFormRenderer } from './FlowFormRenderer';
 export { FormRenderer } from './FormRenderer';
 export { FormComponentRenderer } from './FormComponentRenderer';
 export { FormWrapper } from './FormWrapper';
-export { NetworkAwareWrapper } from './NetworkAwareWrapper';
+export { DataRenderer } from './DataRenderer';
 export { DemoConsumer } from './DemoConsumer';
-export { evaluateCondition } from '../utils/conditionEvaluator';
 export { ComponentFactory } from './ComponentFactory';

package/lib/components/inputs/CheckboxMulti.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface CheckboxOption {
+    value: string;
+    labelText: string;
+}
+export declare const CheckboxMulti: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/{Checkbox.d.ts → CheckboxSingle.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
-export declare const Checkbox: FC<{
+export declare const CheckboxSingle: FC<{
     formComponent: Partial<FormComponent>;
 }>;

package/lib/components/inputs/Date.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface DatePickerProps {
+    label: string;
+    required: boolean;
+    propertyId: string;
+}
+export declare const DatePickerInput: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/Number.d.ts

@@ -1,5 +1,13 @@
 import { FC } from 'react';
 import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface NumberInputProps {
+    label?: string;
+    required: boolean;
+    propertyId: string;
+    max: number;
+    min: number;
+    allowLeadingZero?: boolean;
+}
 export declare const NumberInput: FC<{
     formComponent: Partial<FormComponent>;
 }>;

package/lib/components/inputs/Select.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface SelectOption {
+    value: string;
+    labelText: string;
+}
+export interface SelectProps {
+    label: string;
+    required: boolean;
+    propertyId: string;
+    options: SelectOption[];
+}
+export declare const Select: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/template.d.ts

@@ -1,5 +1,10 @@
 import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
 export interface NewComponentProps {
-    src: string;
+    label: string;
+    required: boolean;
+    propertyId: string;
 }
-export declare const NewComponent: FC<NewComponentProps>;
+export declare const NewComponent: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/RefillRequest.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface RefillRequestProps {
+    medication: string;
+}
+export declare const RefillRequest: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/constants/components.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { FormComponentProps } from '../components/ComponentFactory';
 export type ComponentMap = Record<string, FC<FormComponentProps>>;
-export declare const COMPONENT_CONFIGS: Record<string, 'string' | 'number' | 'boolean' | 'array' | 'boolean[]'>;
+export declare const COMPONENT_CONFIGS: Record<string, string | number | boolean | boolean[] | any[]>;
 export declare const components: ComponentMap;

package/lib/constants/theme.d.ts

@@ -30,6 +30,7 @@ interface Colors {
     success: string;
     pine120: string;
     pine100: string;
+    pine60: string;
     neutral0: string;
     neutral20: string;
     neutral30: string;

package/lib/hooks/useConditionEvaluator.d.ts

@@ -3,5 +3,5 @@ import { Condition } from '../../../../../axios/formidavim/src/index.ts';
  * Custom hook for evaluating conditions
  */
 export declare const useConditionEvaluator: () => {
-    evaluateCondition: (condition: Condition | undefined) => boolean;
+    evaluateCondition: (condition: Condition | undefined) => Promise<boolean>;
 };

package/lib/hooks/useFlowStore.d.ts

@@ -1,11 +1,13 @@
-import { Flow } from '../../../../../axios/formidavim/src/index.ts';
+import { Flow, PatientProfileDto } from '../../../../../axios/formidavim/src/index.ts';
 export declare const useFlowStore: () => {
     setFlowValue: (field: string, value: any) => void;
     setFlowValues: (values: Record<string, any>) => void;
     getFlowValue: (field: string) => any;
+    getAllFlowData: () => Record<string, any>;
     setPatientValue: (field: string, value: any) => void;
     setPatientValues: (profile: any) => void;
     getPatientValue: (field: string) => string | undefined;
+    getFullPatient: () => PatientProfileDto | null;
     setFlowAndPatientValue: (field: string, value: any) => void;
     generateFormDataFromFlow: (flow: Partial<Flow>) => Record<string, any>;
 };

package/lib/styled-components/layout.d.ts

@@ -98,7 +98,7 @@ interface CRAccordionWrapperProps {
     $open?: string;
 }
 interface FormSelectWrapperProps {
-    $visible?: string;
+    $visible?: boolean;
     $hasError?: boolean;
 }
 interface FormFileWrapperProps {
@@ -108,7 +108,7 @@ interface FormFileWrapperProps {
     $isMultiple?: boolean;
 }
 interface FormDatePickerWrapperProps {
-    $visible?: string;
+    $visible?: boolean;
     $margin?: string;
     $hasError?: boolean;
 }

package/lib/utils/conditionEvaluator.d.ts

@@ -1,5 +1,6 @@
 import { Condition, PatientProfileDto } from '../../../../../axios/formidavim/src/index.ts';
 type GetFieldValueFn = (field: string) => any;
+type GetFullPatientFn = () => PatientProfileDto | null;
 /**
  * Evaluates condition groups using flow store data
  * Each condition group is an array of IndividualCondition that should be ANDed together
@@ -7,12 +8,8 @@ type GetFieldValueFn = (field: string) => any;
  *
  * @param condition - The condition object containing condition groups
  * @param getFieldValue - Function to get field values from the flow store
- * @returns boolean indicating if any condition group is satisfied
+ * @param getFullPatient - Function to get the full patient data
+ * @returns Promise<boolean> indicating if any condition group is satisfied
  */
-export declare const evaluateConditionWithFlowStore: (condition: Condition | undefined, getFieldValue: GetFieldValueFn) => boolean;
-/**
- * Legacy function for backward compatibility
- * @deprecated Use evaluateConditionWithFlowStore instead
- */
-export declare const evaluateCondition: (condition: Condition | undefined, data: PatientProfileDto) => boolean;
+export declare const evaluateConditionWithFlowStore: (condition: Condition | undefined, getFieldValue: GetFieldValueFn, getFullPatient: GetFullPatientFn) => Promise<boolean>;
 export {};

package/lib/utils/templateProcessor.d.ts

@@ -0,0 +1,8 @@
+import { Flow, PatientProfileDto } from '../../../../../axios/formidavim/src/index.ts';
+/**
+ * Processes a Flow config to replace all template expressions in form component props
+ * @param config - The Flow configuration to process
+ * @param patientData - The patient data for template evaluation
+ * @returns Promise<Partial<Flow>> - The processed Flow config
+ */
+export declare const processFlowConfig: (config: Partial<Flow>, patientData: PatientProfileDto | null) => Promise<Partial<Flow>>;

package/lib/utils/validation.d.ts

@@ -0,0 +1,29 @@
+import { EvaluatedFormComponent } from '../components/FlowRenderer';
+/**
+ * Validates that all required visible fields have values
+ */
+export declare const validateRequiredFields: (evaluatedComponents: EvaluatedFormComponent[], getFlowValue: (field: string) => any) => boolean;
+/**
+ * Get all required components that are currently visible
+ */
+export declare const getRequiredVisibleComponents: (evaluatedComponents: EvaluatedFormComponent[]) => EvaluatedFormComponent[];
+/**
+ * Get validation errors for the current form components
+ */
+export declare const getValidationErrors: (evaluatedComponents: EvaluatedFormComponent[], getFlowValue: (field: string) => any) => string[];
+/**
+ * Get detailed validation information for debugging
+ */
+export declare const getValidationInfo: (evaluatedComponents: EvaluatedFormComponent[], getFlowValue: (field: string) => any) => {
+    totalComponents: number;
+    visibleComponents: number;
+    requiredComponents: number;
+    missingRequired: number;
+    missingFields: {
+        id: string;
+        name: string | undefined;
+        propertyId: string | undefined;
+        value: any;
+    }[];
+    isValid: boolean;
+};

package/lib/utils/valueConversion.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Utility functions for converting between null and empty string values
+ * for form inputs that require string values but store null for empty data
+ */
+/**
+ * Converts null or undefined values to empty string for display in input elements
+ * @param value - The value to convert
+ * @returns Empty string if value is null/undefined, otherwise the string representation of the value
+ */
+export declare const nullToEmptyString: (value: any) => string;
+/**
+ * Converts empty strings back to null for storage
+ * @param value - The string value to convert
+ * @returns null if the string is empty, otherwise the original string
+ */
+export declare const emptyStringToNull: (value: string) => string | null;
+/**
+ * Converts string representations back to boolean values for storage
+ * @param value - The string value to convert ('true' or 'false')
+ * @returns true for 'true', false for 'false'
+ */
+export declare const stringToBoolean: (value: string) => boolean;
+/**
+ * Smart conversion for form values - converts boolean strings to actual booleans for storage
+ * @param value - The form value to convert
+ * @returns boolean if value is 'true'/'false', otherwise returns the original value
+ */
+export declare const convertForStorage: (value: any) => any;
+/**
+ * Smart conversion for form display - converts boolean values to strings for form inputs
+ * @param value - The stored value to convert
+ * @returns string representation if value is boolean, otherwise returns the original value
+ */
+export declare const convertForDisplay: (value: any) => any;
+/**
+ * Converts number values to string representation for display in number inputs
+ * @param value - The number value to convert
+ * @returns String representation of the number, or empty string for null/undefined
+ */
+export declare const numberToString: (value: number | null | undefined) => string;
+/**
+ * Converts string representations back to number values for storage
+ * @param value - The string value to convert
+ * @returns number if valid, null for empty strings, NaN for invalid strings
+ */
+export declare const stringToNumber: (value: string) => number | null;

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@hievilmath/browser-formidavim",
-  "version": "1.1.6",
+  "version": "1.2.1",
   "main": "./index.js",
   "module": "./index.mjs",
   "typings": "./index.d.ts",
   "dependencies": {
-    "@hievilmath/axios-formidavim": "1.1.1"
+    "@hievilmath/axios-formidavim": "1.1.1",
+    "jsonata": "^2.1.0"
   },
   "peerDependencies": {
     "axios": "*",
     "react": "*",
+    "react-datepicker": "*",
     "react-redux": "*",
     "react-router-dom": "*",
     "styled-components": "*"

package/lib/components/NetworkAwareWrapper.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const NetworkAwareWrapper: FC<PropsWithChildren<{
-    dataFetcher?: () => Promise<any>;
-    configFetcher: () => Promise<any>;
-    onSubmit: () => Promise<any>;
-    isPreview: boolean;
-}>>;