gform-react 1.11.1 → 2.5.0

package/native/dist/esm/RNGForm.production.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/esm/extends";import t from"@babel/runtime/helpers/esm/objectSpread2";import n from"@babel/runtime/helpers/esm/objectWithoutProperties";import r,{useMemo as o,useState as s,forwardRef as a,useEffect as i}from"react";import{_ as c,a as l,b as f,c as d,d as u,e as m,f as p,g as h,h as b,G as g}from"./shared.production.js";const v=["loader","stateRef","children","validators","onInit","el"],y=a(((a,y)=>{let{loader:_=r.createElement("div",null,"loading"),stateRef:k,children:H,validators:I,onInit:L,el:C}=a,M=n(a,v);const T=((e,n={},r=!1)=>{const a=o((()=>c("function"==typeof e?e({}):e)),[]),[i,m]=s(a.state),p=(e,t)=>{if(!e)return;const n=t&&t.target;if("undefined"!=typeof document&&(n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement||n instanceof HTMLSelectElement)){if(e.checkValidity||(e.checkValidity=()=>n.checkValidity()),!e.dirty&&e.value)return h(e),void v(e,e.formKey);n.setCustomValidity("");const t=l(n.validity);b(e,t,(e=>n.setCustomValidity(e))),!t&&e.error&&n.setCustomValidity(e.errorText||"error"),v(e,e.formKey)}else e.checkValidity=()=>h(e),e.checkValidity(),v(e,e.formKey)},h=e=>{let t=l({valueMissing:e.required&&!e.value||!1,tooShort:e.minLength&&e.value.toString().length<e.minLength||!1,tooLong:e.maxLength&&e.value.toString().length>e.maxLength||!1,patternMismatch:e.pattern&&f(e.pattern,e.value)||!1,rangeUnderflow:e.min&&Number(e.value)<Number(e.min)||!1,rangeOverflow:e.max&&Number(e.value)>Number(e.max)||!1});return!t&&e.error&&(t="customError"),b(e,t),!e.error},b=(e,t,r)=>{const o=n[e.validatorKey||e.formKey]||n["*"];o&&y(e,o,t,r),e.touched=!0},g=(e,t)=>{const n=i.fields[e];return n.value=t,n.dirty=!0,n},v=(e,n)=>m((r=>n?t(t({},r),{},{fields:t(t({},r.fields),{},{[n]:t(t({},r.fields[n]),e)})}):t(t({},r),e))),y=(e,t,n,r)=>{for(const r in t.constraintHandlers){const o=t.constraintHandlers[r](e,n);if(e.error=f(o,e.value),e.error)return}for(const n in t.handlers){const r=t.handlers[n](e,i.fields);if(e.error=f(r,e.value),e.error)return}e.errorText="",t.asyncHandlers.length&&(e.error=!0,u(e.debounce||300,`${e.gid}-async`).then((()=>{(async()=>{for(const n in t.asyncHandlers){const r=await t.asyncHandlers[n](e,i.fields);if(e.error=f(r,e.value),e.error)break}e.error||(e.errorText=""),v({error:e.error,errorText:e.errorText},e.formKey),r&&r(e.errorText)})()})))};return{state:i,t:(e,t,n)=>{const r=d(t,n),o=g(e,r);p(o,t)},o:p,i:v,optimized:r,key:a.key,l:h}})(H,I),{state:j,i:w,key:x,o:E}=T,N=o((()=>{const e=m(j.fields),n=t(t({},j.fields),{},{isValid:e,isInvalid:!e,loading:j.loading,toRawData:e=>p(j.fields,e),toURLSearchParams:h,checkValidity:()=>{for(const e in j.fields)if(!j.fields[e].checkValidity())return!1;return!0},setLoading:e=>w({loading:"function"==typeof e?e(j.loading):e}),dispatchChanges:e=>w({fields:b({},j.fields,e)})});return k&&(k.current=n),n}),[j.fields]);i((()=>{if(L){const e=e=>w({fields:b({},j.fields,e)}),t=L(N);t instanceof Promise?t.then(e):e(t)}const e={};Object.values(j.fields).forEach((t=>{e[t.formKey]={dispatchChanges:e=>w(e,t.formKey)},t.value&&E(t)})),w({fields:b(e,j.fields)})}),[]);const R=o((()=>{const t="function"==typeof H?H(N):H;return r.createElement(C,e({},M,{ref:y}),t)}),[N,H]);return r.createElement(g,{value:T,key:x},j.loading?_:R)}));export{y as RNGForm};
+import t from"@babel/runtime/helpers/esm/extends";import e from"@babel/runtime/helpers/esm/objectSpread2";import r from"@babel/runtime/helpers/esm/objectWithoutProperties";import s,{forwardRef as n,useCallback as i,useMemo as o,useEffect as a}from"react";import{u as c,a as l,_ as d,b as f,c as m,d as h,G as p,s as u}from"./shared.production.js";const b=["stateRef","children","onInit","el"],y=["children","validators"],v=n(((n,h)=>{let{stateRef:p,children:y,onInit:v,el:R}=n,S=r(n,b);const{getState:g,handlers:j}=c(),k=l(u),I=i((()=>{const t=g().fields,r=e(e({},t),{},{isValid:!k,isInvalid:k,toRawData:e=>f(t,e),toURLSearchParams:d,checkValidity:()=>{for(const e in t){if(!t[e].checkValidity())return!1}return!0},dispatchChanges:e=>j.t({fields:m({},t,e)})});return p&&(p.current=r),r}),[k]),P=o((()=>{const e=I(),r="function"==typeof y?y(e):y;return s.createElement(R,t({},S,{ref:h}),r)}),[I,y]);return a((()=>{const t=I();if(v){const e=v(t);if(e){const r=e=>j.t({fields:m({},t,e)});e instanceof Promise?e.then(r):r(e)}}const e={},r=g().fields;for(const s in r){e[s]={dispatchChanges:t=>j.t(t,s),checkValidity:()=>{const e=j.i(t[s]);return j.t(t[s],s),e}};const n=r[s];n.value&&j.o(n)}j.t({fields:m(e,t)})}),[I]),P})),R=n(((e,n)=>{let{children:i,validators:a}=e,c=r(e,y);const l=o((()=>h("function"==typeof i?i({}):i)),[i]);return s.createElement(p,{key:l.key,initialState:l,validators:a},s.createElement(v,t({ref:n},c),i))}));export{R as RNGForm};
 //# sourceMappingURL=RNGForm.production.js.map

package/native/dist/esm/RNGForm.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"RNGForm.production.js","sources":["../../../src/useForm.ts","../../../src/RNGForm.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\n\r\nimport { _buildFormInitialValues, _findValidityKey, _checkResult, _extractValue, _debounce } from \"./helpers\";\r\nimport { GValidator, type GInputValidator, type GValidators } from \"./validations\";\r\nimport type { GInputState } from \"./fields\";\r\nimport type { GFocusEvent, GInvalidEvent, GChangeEvent, GFormEvent, GDOMElement } from \"./form\";\r\nimport type { GFormState, InitialState } from \"./state\";\r\nimport { handlersMap, validityMap } from \"./validations/GValidator\";\r\n\r\nexport const useForm = <T>(children?: JSX.Element | JSX.Element[] | ((state: GFormState<T>) => JSX.Element | JSX.Element[]), validators: GValidators<T> = {}, optimized = false) => {\r\n    const initialValues = useMemo(() => {\r\n        const values = _buildFormInitialValues<T>(typeof children === 'function' ? children({} as GFormState<T>) : children);\r\n        if (__DEV__) {\r\n            Object.keys(values.state.fields).forEach(key => {\r\n                const input = values.state.fields[key];\r\n                const validator = validators[key];\r\n                if (validator instanceof GValidator) {\r\n                    const validityKeys = validator.track?.filter(key => validityMap[key]);\r\n\r\n                    validityKeys?.forEach(vKey => {\r\n                        if (typeof input[validityMap[vKey]] === 'undefined') {\r\n                            console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${vKey}' but the input hasn't described the constraint '${validityMap[vKey]}'.\\nadd '${validityMap[vKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[vKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[vKey]]}(...)' validation`);\r\n                        }\r\n                    });\r\n\r\n                    Object.entries(validityMap).forEach(([validityKey, constraint]) => {\r\n                        if (typeof input[constraint] !== 'undefined' && !validator.track?.some(trackKey => validityKey === trackKey)) {\r\n                            console.warn(`[Missing Validator] - the input '${input.formKey}' has described the constraint '${constraint}' but the input hasn't registered a validator to handle it.\\nregister a handler '${handlersMap[constraint]}' for the input validator to handle the '${validityKey}' violation.\\nexample:\\ncosnt validators = {\\n\\t${input.formKey}: new GValidator().${handlersMap[constraint]}(...)\\n}`);\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n        }\r\n        return values;\r\n    }, []);\r\n\r\n    const [state, setState] = useState(initialValues.state);\r\n\r\n    /**\r\n     * handler for validating a form input\r\n     * @param input the input to be validated\r\n     * @param e the event object\r\n     */\r\n    const _viHandler = (input: GInputState, e?: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement> | GFormEvent): void => {\r\n        if (!input) return;\r\n        const element = e && e.target;\r\n\r\n        if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {\r\n            if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n            \r\n            //if the field has initial value\r\n            if (!input.dirty && input.value) {\r\n                /**\r\n                * for inputs with initial value we have to manually check for validations.\r\n                * validity.tooShort is false even though initial value is smaller than minLength, because its required to be filled in by user (native dirty flag is true).\r\n                * it only works for validity.valueMissing.\r\n                * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                */\r\n                _checkInputManually(input);\r\n                _dispatchChanges(input, input.formKey);\r\n                return;\r\n            }\r\n            element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n            const validityKey = _findValidityKey(element.validity);\r\n            _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n            if (!validityKey && input.error) {\r\n                element.setCustomValidity(input.errorText || 'error');\r\n            }\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        } else {\r\n            if (__DEBUG__) {\r\n                console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native web element\\nevent:`, e);\r\n            }\r\n\r\n            //fallback - validate the input for validations manually\r\n            input.checkValidity = () => _checkInputManually(input);\r\n            input.checkValidity();\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        }\r\n    };\r\n\r\n    const _checkInputManually = (input: GInputState) => {\r\n        let validityKey = _findValidityKey({\r\n            valueMissing: input.required && !input.value || false,\r\n            tooShort: input.minLength && input.value.toString().length < input.minLength || false,\r\n            tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,\r\n            patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,\r\n            rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,\r\n            rangeOverflow: input.max && Number(input.value) > Number(input.max) || false\r\n        });\r\n\r\n        if (!validityKey && input.error) {\r\n            validityKey = 'customError';\r\n        }\r\n        _validateInput(input, validityKey);\r\n        return !input.error;\r\n    };\r\n\r\n    /**\r\n     * handler for updating and validating a form input\r\n     * @param key the key used to identify the input (`formKey`)\r\n     * @param e the event object\r\n     */\r\n    const _updateInputHandler = (key: string, e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: unknown } | string | number): void => {\r\n        const value = _extractValue(e, unknown);\r\n        const input = _updateInput(key, value);\r\n\r\n        _viHandler(input, e);\r\n    };\r\n\r\n    /**\r\n     * Validates the input and updates the state with the result\r\n     * @param input the input to be validated\r\n     * @param validityKey the `Constraint Validation` key\r\n     */\r\n    const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n        if (__DEBUG__) {\r\n            console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n        }\r\n\r\n        inputValidator && __validateInput(input, inputValidator, validityKey, setValidity);\r\n        input.touched = true;\r\n    };\r\n\r\n    /**\r\n     * update the input state.\r\n     * @param key the key used to identify the input (`formKey`)\r\n     * @param value the new value\r\n     */\r\n    const _updateInput = <V>(key: string, value: GInputState<V>['value']) => {\r\n        const input = state.fields[key];\r\n        input.value = value;\r\n        input.dirty = true;\r\n        return input;\r\n    };\r\n\r\n    const _dispatchChanges = (changes: Partial<InitialState<T>> | Partial<GInputState>, key?: string) => setState(prev => {\r\n        if (key) {\r\n            return { ...prev, fields: { ...prev.fields, [key]: { ...prev.fields[key], ...changes } } };\r\n        }\r\n        return { ...prev, ...changes };\r\n    });\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    const __validateInput = (input: GInputState, inputValidator: GInputValidator<T>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        if (__DEBUG__) {\r\n            console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n        }\r\n\r\n        for (const index in inputValidator.constraintHandlers) {\r\n            const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        for (const index in inputValidator.handlers) {\r\n            const result = inputValidator.handlers[index](input, state.fields);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        input.errorText = '';\r\n\r\n        if (inputValidator.asyncHandlers.length) {\r\n            input.error = true;\r\n            _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n                const validateAsync = async () => {\r\n                    for (const index in inputValidator.asyncHandlers) {\r\n                        const result = await inputValidator.asyncHandlers[index](input, state.fields);\r\n                        if (__DEBUG__) {\r\n                            console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n                        }\r\n\r\n                        input.error = _checkResult(result, input.value);\r\n                        if (input.error) break;\r\n                    }\r\n                    if (!input.error) input.errorText = '';\r\n\r\n                    _dispatchChanges({ error: input.error, errorText: input.errorText }, input.formKey);\r\n                    setValidity && setValidity(input.errorText);\r\n                };\r\n\r\n                if (__DEBUG__) {\r\n                    console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n                }\r\n                validateAsync();\r\n            });\r\n        }\r\n\r\n    };\r\n\r\n    return { state, _updateInputHandler, _viHandler, _dispatchChanges, optimized, key: initialValues.key, _createInputChecker: _checkInputManually };\r\n};","import React, { useMemo, useEffect, forwardRef } from \"react\";\r\nimport type { ReactNode, MutableRefObject, FC } from \"react\";\r\n\r\nimport { useForm } from \"./useForm\";\r\nimport { _checkIfFormIsValid, _toRawData, _toURLSearchParams, _merge } from \"./helpers\";\r\nimport { GFormContextProvider } from \"./context\";\r\nimport type { RNGFormState, ToRawDataOptions } from \"./state\";\r\nimport type { GValidators } from \"./validations\";\r\nimport type { IForm, PartialForm } from \"./form\";\r\nimport type { GInputState } from \"./fields\";\r\n\r\nexport type RNGFormProps<T> = Omit<any, 'children'> & {\r\n    children?: ReactNode | ReactNode[] | ((state: RNGFormState<T>) => ReactNode | ReactNode[]);\r\n    /** @param loader - a component to display while loading (optional). */\r\n    loader?: ReactNode;\r\n    /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n    stateRef?: MutableRefObject<RNGFormState<T> | undefined>;\r\n    /** @param validators - an object for handling validations (optional). */\r\n    validators?: GValidators<T>;\r\n    /** @param onInit - execute a handler once the form has initialized (optional). */\r\n    onInit?: (state: RNGFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n    el: FC<any>;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const RNGForm: <T extends any>(props: RNGFormProps<T>) => ReturnType<FC<RNGFormProps<T>>> = (<T extends any>() => {\r\n    return forwardRef<any, RNGFormProps<T>>(({\r\n        loader = <div>loading</div>,\r\n        stateRef,\r\n        children,\r\n        validators,\r\n        onInit,\r\n        el: El,\r\n        ...rest\r\n    }, ref) => {\r\n        const values = useForm<T>(children as JSX.Element | JSX.Element[], validators);\r\n        const { state, _dispatchChanges, key, _viHandler } = values;\r\n\r\n        const formState = useMemo(() => {\r\n            const _isFormValid = _checkIfFormIsValid(state.fields);\r\n            const formState: RNGFormState<T> = {\r\n                ...state.fields,\r\n                isValid: _isFormValid,\r\n                isInvalid: !_isFormValid,\r\n                loading: state.loading,\r\n                toRawData: (options?: ToRawDataOptions<T>) => _toRawData(state.fields, options),\r\n                toURLSearchParams: _toURLSearchParams,\r\n                checkValidity: () => {\r\n                    for (const i in state.fields) {\r\n                        const valid = state.fields[i].checkValidity();\r\n                        if (!valid) {\r\n                            return false;\r\n                        }\r\n                    }\r\n                    return true;\r\n                },\r\n                setLoading: (p) => _dispatchChanges({ loading: typeof p === 'function' ? p(state.loading) : p }),\r\n                dispatchChanges: (changes: PartialForm<T> & { [key: string]: Partial<GInputState<any>> }) => _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, changes) })\r\n            };\r\n\r\n            if (stateRef) stateRef.current = formState;\r\n\r\n            return formState;\r\n        }, [state.fields]);\r\n\r\n        useEffect(() => {\r\n            if (onInit) {\r\n                const _handler = (_c: void | PartialForm<T>) => _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, _c) });\r\n                const changes = onInit(formState);\r\n                changes instanceof Promise ? changes.then(_handler) : _handler(changes);\r\n            }\r\n\r\n            const dipatchers: Record<string, Record<string, (changes: Partial<GInputState>) => void>> = {};\r\n            \r\n            if (__DEBUG__) {\r\n                console.log('checking for initial values');\r\n            }\r\n\r\n            Object.values(state.fields).forEach(field => {\r\n                dipatchers[field.formKey] = {\r\n                    dispatchChanges: (changes: Partial<GInputState>) => _dispatchChanges(changes, field.formKey)\r\n                };\r\n\r\n                //we dont want to apply validation on empty fields so skip it.\r\n                if (!field.value) return;\r\n\r\n                if (__DEBUG__) {\r\n                    console.log(`found input '${field.formKey}', applying validation(s)`);\r\n                }\r\n                /**\r\n                * We have to manually check for validations (checkValidty() will not result with validty.tooShort = true).\r\n                * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                */\r\n                _viHandler(field);\r\n            });\r\n            _dispatchChanges({fields: _merge(dipatchers, state.fields)});\r\n        }, []);\r\n\r\n        const formComponent = useMemo(() => {\r\n            const formChildren = typeof children === 'function' ? children(formState) : children;\r\n\r\n            return <El {...rest} ref={ref}>\r\n                {formChildren}\r\n            </El>;\r\n        }, [formState, children]);\r\n\r\n        return (\r\n            <GFormContextProvider value={values} key={key}>\r\n                {\r\n                    state.loading\r\n                        ?\r\n                        loader\r\n                        :\r\n                        formComponent\r\n                }\r\n            </GFormContextProvider>\r\n        );\r\n    });\r\n})();"],"names":["RNGForm","forwardRef","_ref","ref","loader","React","createElement","stateRef","children","validators","onInit","el","El","rest","_objectWithoutProperties","_excluded","values","useForm","optimized","initialValues","useMemo","_buildFormInitialValues","state","setState","useState","_viHandler","input","e","element","target","document","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","checkValidity","dirty","value","_checkInputManually","_dispatchChanges","formKey","setCustomValidity","validityKey","_findValidityKey","validity","_validateInput","v","error","errorText","valueMissing","required","tooShort","minLength","toString","length","tooLong","maxLength","patternMismatch","pattern","_checkResult","rangeUnderflow","min","Number","rangeOverflow","max","setValidity","inputValidator","validatorKey","__validateInput","touched","_updateInput","key","fields","changes","prev","_objectSpread","index","constraintHandlers","result","handlers","asyncHandlers","_debounce","debounce","gid","then","async","validateAsync","_updateInputHandler","unknown","_extractValue","_createInputChecker","i","o","formState","_isFormValid","_checkIfFormIsValid","isValid","isInvalid","loading","toRawData","options","_toRawData","toURLSearchParams","_toURLSearchParams","setLoading","p","dispatchChanges","_merge","current","useEffect","_handler","_c","Promise","dipatchers","Object","forEach","field","formComponent","formChildren","_extends","GFormContextProvider"],"mappings":"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"}
+{"version":3,"file":"RNGForm.production.js","sources":["../../../src/RNGForm.tsx"],"sourcesContent":["import React, {useMemo, useEffect, forwardRef, useCallback} from \"react\";\r\nimport type { ReactNode, FC, ReactElement, Ref, RefObject } from \"react\";\r\n\r\nimport {_toRawData, _toURLSearchParams, _merge, _buildFormInitialValues} from \"./helpers\";\r\nimport {GFormContextProvider, useFormSelector, useFormStore} from \"./form-context\";\r\nimport type {RNGFormState, ToRawDataOptions} from \"./state\";\r\nimport type { GValidators } from \"./validations\";\r\nimport type { IForm, PartialForm } from \"./form\";\r\nimport type { GInputState } from \"./fields\";\r\nimport {selectFirstInvalidField} from \"./selectors\";\r\n\r\nconst FormRenderer = forwardRef<any, RNGFormProps<any>>(\r\n    <T, >({\r\n        stateRef,\r\n        children,\r\n        onInit,\r\n        el: El,\r\n        ...rest\r\n    }: RNGFormProps<T>, ref: React.Ref<any>) => {\r\n        const {getState, handlers} = useFormStore();\r\n        const isFormInvalid = useFormSelector(selectFirstInvalidField);\r\n\r\n        const getFormState = useCallback(() => {\r\n            const fields = getState<T>().fields;\r\n\r\n            const formState: RNGFormState<T> = {\r\n                ...fields,\r\n                isValid: !isFormInvalid,\r\n                isInvalid: isFormInvalid,\r\n                toRawData: (options?: ToRawDataOptions<T>) => _toRawData(fields, options),\r\n                toURLSearchParams: _toURLSearchParams,\r\n                checkValidity: () => {\r\n                    for (const i in fields) {\r\n                        const valid = fields[i].checkValidity();\r\n                        if (!valid) {\r\n                            return false;\r\n                        }\r\n                    }\r\n                    return true;\r\n                },\r\n                dispatchChanges: (changes: PartialForm<T> & {\r\n                    [key: string]: Partial<GInputState<any>>\r\n                }) => handlers._dispatchChanges({\r\n                    fields: _merge<IForm<T> & {\r\n                        [key: string]: GInputState;\r\n                    }>({}, fields, changes)\r\n                })\r\n            };\r\n\r\n            if (stateRef) stateRef.current = formState;\r\n\r\n            return formState;\r\n        }, [isFormInvalid]);\r\n\r\n        const formComponent = useMemo(() => {\r\n            const state = getFormState();\r\n\r\n            const formChildren = typeof children === 'function' ? children(state) : children;\r\n\r\n            return <El {...rest} ref={ref}>\r\n                {formChildren}\r\n            </El>;\r\n        }, [getFormState, children]);\r\n\r\n        useEffect(() => {\r\n            const state = getFormState();\r\n\r\n            if (onInit) {\r\n                const changes = onInit(state);\r\n                if (changes) {\r\n                    const _handler = (_c: void | PartialForm<T>) => handlers._dispatchChanges({\r\n                        fields: _merge<IForm<T> & {\r\n                            [key: string]: GInputState;\r\n                        }>({}, state, _c)\r\n                    });\r\n                    if (changes instanceof Promise) {\r\n                        changes.then(_handler);\r\n                    } else _handler(changes);\r\n                }\r\n            }\r\n\r\n            const dispatchers: Record<string, Record<string, (changes: Partial<GInputState>) => void>> = {};\r\n            \r\n            if (__DEBUG__) {\r\n                console.log('checking for initial values');\r\n            }\r\n            const fields = getState().fields;\r\n\r\n            for (const fieldKey in fields) {\r\n                dispatchers[fieldKey] = {\r\n                    dispatchChanges: (changes: Partial<GInputState>) => handlers._dispatchChanges(changes, fieldKey),\r\n                    checkValidity: () => {\r\n                        const result = handlers._createInputChecker(state[fieldKey]);\r\n                        handlers._dispatchChanges(state[fieldKey], fieldKey);\r\n                        return result;\r\n                    }\r\n                };\r\n\r\n                const field = fields[fieldKey];\r\n\r\n                //we don't want to apply validation on empty fields so skip it.\r\n                if (!field.value) continue;\r\n\r\n                if (__DEBUG__) {\r\n                    console.log(`found input '${fieldKey}', applying validation(s)`);\r\n                }\r\n                /**\r\n                 * We have to manually check for validations (checkValidity() will not result with validity.tooShort = true).\r\n                 * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                 * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                 */\r\n                handlers._viHandler(field);\r\n            }\r\n            handlers._dispatchChanges({fields: _merge(dispatchers, state)});\r\n        }, [getFormState]);\r\n\r\n        return formComponent;\r\n    }\r\n) as <T>(props: RNGFormProps<T> & { ref?: Ref<any> }) => ReactElement | null;\r\n\r\nexport type RNGFormProps<T> = {\r\n    children?: ReactNode | ReactNode[] | ((state: RNGFormState<T>) => ReactNode | ReactNode[]);\r\n    /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n    stateRef?: RefObject<RNGFormState<T> | undefined>;\r\n    /** @param validators - an object for handling validations (optional). */\r\n    validators?: GValidators<T>;\r\n    /** @param onInit - execute a handler once the form has initialized (optional). */\r\n    onInit?: (state: RNGFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n    /** @param el - the element to use as the form container. */\r\n    el: FC<any>;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const RNGForm = forwardRef<any, RNGFormProps<any>>(\r\n    <T, >({children, validators, ...props}: RNGFormProps<T>, ref: React.Ref<any>) => {\r\n        const initialState = useMemo(() => {\r\n            return _buildFormInitialValues(\r\n                typeof children === 'function'\r\n                    ? children({} as RNGFormState<T>)\r\n                    : children\r\n            );\r\n        }, [children]);\r\n\r\n        return (\r\n            <GFormContextProvider key={initialState.key} initialState={initialState} validators={validators}>\r\n                <FormRenderer ref={ref} {...props}>\r\n                    {children}\r\n                </FormRenderer>\r\n            </GFormContextProvider>\r\n        );\r\n    }\r\n) as <T>(props: RNGFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;"],"names":["FormRenderer","forwardRef","_ref","ref","stateRef","children","onInit","el","El","rest","_objectWithoutProperties","_excluded","getState","handlers","useFormStore","isFormInvalid","useFormSelector","selectFirstInvalidField","getFormState","useCallback","fields","formState","_objectSpread","isValid","isInvalid","toRawData","options","_toRawData","toURLSearchParams","_toURLSearchParams","checkValidity","i","dispatchChanges","changes","_dispatchChanges","_merge","current","formComponent","useMemo","state","formChildren","React","createElement","_extends","useEffect","_handler","_c","Promise","then","dispatchers","fieldKey","result","_createInputChecker","field","value","_viHandler","RNGForm","_ref2","validators","props","_excluded2","initialState","_buildFormInitialValues","GFormContextProvider","key"],"mappings":"qaAWMA,EAAeC,GACjB,CAAAC,EAMoBC,KAAwB,IANtCC,SACFA,EAAQC,SACRA,EAAQC,OACRA,EACAC,GAAIC,GAEUN,EADXO,EAAIC,EAAAR,EAAAS,GAEP,MAAMC,SAACA,EAAQC,SAAEA,GAAYC,IACvBC,EAAgBC,EAAgBC,GAEhCC,EAAeC,GAAY,KAC7B,MAAMC,EAASR,IAAcQ,OAEvBC,EAA0BC,EAAAA,KACzBF,GAAM,GAAA,CACTG,SAAUR,EACVS,UAAWT,EACXU,UAAYC,GAAkCC,EAAWP,EAAQM,GACjEE,kBAAmBC,EACnBC,cAAeA,KACX,IAAK,MAAMC,KAAKX,EAAQ,CAEpB,IADcA,EAAOW,GAAGD,gBAEpB,OAAO,CAEf,CACA,OAAO,CAAI,EAEfE,gBAAkBC,GAEZpB,EAASqB,EAAiB,CAC5Bd,OAAQe,EAEL,GAAIf,EAAQa,OAMvB,OAFI7B,IAAUA,EAASgC,QAAUf,GAE1BA,CAAS,GACjB,CAACN,IAEEsB,EAAgBC,GAAQ,KAC1B,MAAMC,EAAQrB,IAERsB,EAAmC,mBAAbnC,EAA0BA,EAASkC,GAASlC,EAExE,OAAOoC,EAAAC,cAAClC,EAAEmC,KAAKlC,EAAI,CAAEN,IAAKA,IACrBqC,EACA,GACN,CAACtB,EAAcb,IAsDlB,OApDAuC,GAAU,KACN,MAAML,EAAQrB,IAEd,GAAIZ,EAAQ,CACR,MAAM2B,EAAU3B,EAAOiC,GACvB,GAAIN,EAAS,CACT,MAAMY,EAAYC,GAA8BjC,EAASqB,EAAiB,CACtEd,OAAQe,EAEL,GAAII,EAAOO,KAEdb,aAAmBc,QACnBd,EAAQe,KAAKH,GACVA,EAASZ,EACpB,CACJ,CAEA,MAAMgB,EAAuF,CAAA,EAKvF7B,EAASR,IAAWQ,OAE1B,IAAK,MAAM8B,KAAY9B,EAAQ,CAC3B6B,EAAYC,GAAY,CACpBlB,gBAAkBC,GAAkCpB,EAASqB,EAAiBD,EAASiB,GACvFpB,cAAeA,KACX,MAAMqB,EAAStC,EAASuC,EAAoBb,EAAMW,IAElD,OADArC,EAASqB,EAAiBK,EAAMW,GAAWA,GACpCC,CAAM,GAIrB,MAAME,EAAQjC,EAAO8B,GAGhBG,EAAMC,OAUXzC,EAAS0C,EAAWF,EACxB,CACAxC,EAASqB,EAAiB,CAACd,OAAQe,EAAOc,EAAaV,IAAQ,GAChE,CAACrB,IAEGmB,CAAa,IAqBfmB,EAAUvD,GACnB,CAAAwD,EAAyDtD,KAAwB,IAA3EE,SAACA,EAAQqD,WAAEA,GAAsCD,EAAvBE,EAAKjD,EAAA+C,EAAAG,GACjC,MAAMC,EAAevB,GAAQ,IAClBwB,EACiB,mBAAbzD,EACDA,EAAS,CAAA,GACTA,IAEX,CAACA,IAEJ,OACIoC,EAAAC,cAACqB,EAAoB,CAACC,IAAKH,EAAaG,IAAKH,aAAcA,EAAcH,WAAYA,GACjFjB,EAAAC,cAAC1C,EAAY2C,EAAA,CAACxC,IAAKA,GAASwD,GACvBtD,GAEc"}

package/native/dist/esm/RNGInput.production.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import r,{forwardRef as o,useMemo as a,useEffect as n}from"react";import{TextInput as s}from"react-native";import{u,d as c}from"./shared.production.js";const i=["formKey","element","type","validatorKey","fetch","fetchDeps","defaultValue","value","debounce"],l=o(((o,l)=>{let{formKey:p,element:m,type:d,validatorKey:f,fetch:h,fetchDeps:v=[],defaultValue:b,value:y,debounce:K=300}=o,_=t(o,i);const{state:{fields:j},t:C,o:D,u:H,i:I}=u(),P=j[p],V=a((()=>{const t=P.value||"",o=e(e({},_),{},{value:t,inputMode:d,ref:l});return o.onEndEditing=e=>{H(P),_.onEndEditing&&_.onEndEditing(e)},o.onChangeText=e=>{C(p,void 0,{value:e}),_.onChangeText&&_.onChangeText(e)},m?m(P,o):r.createElement(s,o)}),[P,m]),g=a((()=>v.map((e=>j[e].value))),[j]);return n((()=>{P.checkValidity=()=>{const e=I(P);return D(P,p),e},P.dispatchChanges=e=>D(e,p),D(P,p)}),[]),n((()=>{h&&c(K,`${P.gid}-fetch`).then((()=>{const e=h(P,j);e instanceof Promise?e.then((e=>e&&D(e,p))):e&&D(e,p)}))}),g),V}));export{l as RNGInput};
+import e from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import o,{forwardRef as r,useMemo as a,useEffect as m,memo as s}from"react";import{TextInput as u}from"react-native";import{a as i,u as l,m as c,e as n}from"./shared.production.js";const f=["formKey","element","type","fetch","fetchDeps","debounce","defaultValue","validatorKey","value"],p=s(r(((r,s)=>{let{formKey:p,element:d,type:v,fetch:h,fetchDeps:b,debounce:y=300,defaultValue:K,validatorKey:j,value:D}=r,P=t(r,f);const S=i((e=>e.fields[p])),V=l(),x=a((()=>{const t=S.value||"",r=e(e({},P),{},{value:t,inputMode:v,ref:s});return r.onEndEditing=P.onEndEditing?e=>{V.handlers.t(S),P.onEndEditing(e)}:()=>{V.handlers.t(S)},r.onChangeText=P.onChangeText?e=>{V.handlers.o(S,void 0,{value:e}),P.onChangeText(e)}:e=>{V.handlers.o(S,void 0,{value:e})},d?d(S,r):o.createElement(u,r)}),[S,d]),J=i(c(b)),M=a((()=>JSON.stringify(J)),[J]);return m((()=>{h&&n(y,`${S.gid}-fetch`).then((()=>{const e=h(S,V.getState().fields);e instanceof Promise?e.then((e=>e&&V.handlers.m(e,p))):e&&V.handlers.m(e,p)}))}),[M]),x})));export{p as RNGInput};
 //# sourceMappingURL=RNGInput.production.js.map

package/native/dist/esm/RNGInput.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"RNGInput.production.js","sources":["../../../src/fields/RNGInput.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo } from 'react';\r\nimport { TextInput } from 'react-native';\r\n\r\nimport { useGenericFormContext } from \"../context\";\r\nimport { _debounce } from '../helpers';\r\nimport type { GInputState, RNGInputProps } from '.';\r\n\r\nexport const RNGInput = forwardRef<any, RNGInputProps>(({ formKey, element, type, validatorKey, fetch, fetchDeps = [], defaultValue, value, debounce = 300, ...rest }, ref) => {\r\n    const { state: { fields }, _updateInputHandler, _dispatchChanges, _viHandler, _createInputChecker } = useGenericFormContext();\r\n    const inputState = fields[formKey];\r\n\r\n    const _element = useMemo(() => {\r\n        const value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            value,\r\n            inputMode: type,\r\n            ref\r\n        };\r\n\r\n        _props.onEndEditing = (e) => {\r\n            _viHandler(inputState);\r\n            rest.onEndEditing && rest.onEndEditing(e);\r\n        };\r\n        _props.onChangeText = (e) => {\r\n            _updateInputHandler(formKey, undefined, {value: e});\r\n            rest.onChangeText && rest.onChangeText(e);\r\n        };\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: any) => JSX.Element)(inputState, _props);\r\n        }\r\n\r\n        return <TextInput {..._props}/>;\r\n    }, [inputState, element]);\r\n\r\n    const _fetchDeps = useMemo(() => fetchDeps.map(key => fields[key].value), [fields]);\r\n\r\n    useEffect(() => {\r\n        inputState.checkValidity = () => {\r\n            const result = _createInputChecker(inputState);\r\n            _dispatchChanges(inputState, formKey);\r\n            return result;\r\n        };\r\n        inputState.dispatchChanges = (changes: Partial<GInputState>) => _dispatchChanges(changes, formKey);\r\n        _dispatchChanges(inputState, formKey);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (fetch) {\r\n            _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n                const res = fetch(inputState, fields);\r\n                res instanceof Promise ? res.then((state) => state && _dispatchChanges(state, formKey)) : res && _dispatchChanges(res, formKey);\r\n            });\r\n        }\r\n    }, _fetchDeps);\r\n\r\n    return _element;\r\n});"],"names":["RNGInput","forwardRef","_ref","ref","formKey","element","type","validatorKey","fetch","fetchDeps","defaultValue","value","debounce","rest","_objectWithoutProperties","_excluded","state","fields","t","_updateInputHandler","o","_dispatchChanges","u","_viHandler","i","_createInputChecker","useGenericFormContext","inputState","_element","useMemo","_props","_objectSpread","inputMode","onEndEditing","e","onChangeText","undefined","React","createElement","TextInput","_fetchDeps","map","key","useEffect","checkValidity","result","dispatchChanges","changes","_debounce","gid","then","res","Promise"],"mappings":"4XAOaA,EAAWC,GAA+B,CAAAC,EAAgHC,KAAQ,IAAvHC,QAAEA,EAAOC,QAAEA,EAAOC,KAAEA,EAAIC,aAAEA,EAAYC,MAAEA,EAAKC,UAAEA,EAAY,GAAEC,aAAEA,EAAYC,MAAEA,EAAKC,SAAEA,EAAW,KAAcV,EAANW,EAAIC,EAAAZ,EAAAa,GAC/J,MAAQC,OAAOC,OAAEA,GAAQC,EAAEC,EAAmBC,EAAEC,EAAgBC,EAAEC,EAAUC,EAAEC,GAAwBC,IAChGC,EAAaV,EAAOb,GAEpBwB,EAAWC,GAAQ,KACrB,MAAMlB,EAAQgB,EAAWhB,OAAS,GAE5BmB,EAAMC,EAAAA,KACLlB,GAAI,GAAA,CACPF,QACAqB,UAAW1B,EACXH,QAYJ,OATA2B,EAAOG,aAAgBC,IACnBX,EAAWI,GACXd,EAAKoB,cAAgBpB,EAAKoB,aAAaC,EAAE,EAE7CJ,EAAOK,aAAgBD,IACnBf,EAAoBf,OAASgC,EAAW,CAACzB,MAAOuB,IAChDrB,EAAKsB,cAAgBtB,EAAKsB,aAAaD,EAAE,EAGzC7B,EACQA,EAA4DsB,EAAYG,GAG7EO,EAAAC,cAACC,EAAcT,EAAS,GAChC,CAACH,EAAYtB,IAEVmC,EAAaX,GAAQ,IAAMpB,EAAUgC,KAAIC,GAAOzB,EAAOyB,GAAK/B,SAAQ,CAACM,IAqB3E,OAnBA0B,GAAU,KACNhB,EAAWiB,cAAgB,KACvB,MAAMC,EAASpB,EAAoBE,GAEnC,OADAN,EAAiBM,EAAYvB,GACtByC,CAAM,EAEjBlB,EAAWmB,gBAAmBC,GAAkC1B,EAAiB0B,EAAS3C,GAC1FiB,EAAiBM,EAAYvB,EAAQ,GACtC,IAEHuC,GAAU,KACFnC,GACAwC,EAAUpC,EAAW,GAAEe,EAAWsB,aAAaC,MAAK,KAChD,MAAMC,EAAM3C,EAAMmB,EAAYV,GAC9BkC,aAAeC,QAAUD,EAAID,MAAMlC,GAAUA,GAASK,EAAiBL,EAAOZ,KAAY+C,GAAO9B,EAAiB8B,EAAK/C,EAAQ,GAEvI,GACDoC,GAEIZ,CAAQ"}
+{"version":3,"file":"RNGInput.production.js","sources":["../../../src/fields/RNGInput.tsx"],"sourcesContent":["import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\nimport {TextInput} from 'react-native';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputState, RNGInputProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _RNGInput = forwardRef<any, RNGInputProps>(({\r\n    formKey,\r\n    element,\r\n    type,\r\n    fetch,\r\n    fetchDeps,\r\n    debounce = 300,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    defaultValue,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    validatorKey,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    value,\r\n    ...rest\r\n}, ref) => {\r\n    const inputState = useFormSelector(state => state.fields[formKey]);\r\n    const store = useFormStore();\r\n\r\n    const _element = useMemo(() => {\r\n        const value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            value,\r\n            inputMode: type,\r\n            ref\r\n        };\r\n\r\n        _props.onEndEditing = rest.onEndEditing ?\r\n            (e) => {\r\n                store.handlers._viHandler(inputState);\r\n                rest.onEndEditing!(e);\r\n            }\r\n            :\r\n            () => {\r\n                store.handlers._viHandler(inputState);\r\n            };\r\n        _props.onChangeText = rest.onChangeText ?\r\n            (e) => {\r\n                store.handlers._updateInputHandler(inputState, undefined, {value: e});\r\n                rest.onChangeText!(e);\r\n            }\r\n            :\r\n            (e) => {\r\n                store.handlers._updateInputHandler(inputState, undefined, {value: e});\r\n            };\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: any) => ReactNode)(inputState, _props);\r\n        }\r\n\r\n        return <TextInput {..._props}/>;\r\n    }, [inputState, element]);\r\n\r\n    const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n    const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);\r\n\r\n    useEffect(() => {\r\n        if (fetch) {\r\n            _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n                const res = fetch(inputState, store.getState().fields);\r\n                if (res instanceof Promise) {\r\n                    res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n                } else if (res) {\r\n                    store.handlers._dispatchChanges(res, formKey);\r\n                }\r\n            });\r\n        }\r\n    }, [stableFetchDeps]);\r\n\r\n    return _element;\r\n});\r\n\r\nexport const RNGInput = memo(_RNGInput);"],"names":["RNGInput","memo","forwardRef","_ref","ref","formKey","element","type","fetch","fetchDeps","debounce","defaultValue","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","state","fields","store","useFormStore","_element","useMemo","_props","_objectSpread","inputMode","onEndEditing","e","handlers","_viHandler","onChangeText","_updateInputHandler","undefined","React","createElement","TextInput","_fetchDeps","makeSelectFields","stableFetchDeps","JSON","stringify","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges"],"mappings":"yZAiFaA,EAAWC,EAzENC,GAA+B,CAAAC,EAc9CC,KAAQ,IAduCC,QAC9CA,EAAOC,QACPA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,UACLA,EAASC,SACTA,EAAW,IAAGC,aAEdA,EAAYC,aAEZA,EAAYC,MAEZA,GAEHV,EADMW,EAAIC,EAAAZ,EAAAa,GAEP,MAAMC,EAAaC,GAAgBC,GAASA,EAAMC,OAAOf,KACnDgB,EAAQC,IAERC,EAAWC,GAAQ,KACrB,MAAMX,EAAQI,EAAWJ,OAAS,GAE5BY,EAAMC,EAAAA,KACLZ,GAAI,GAAA,CACPD,QACAc,UAAWpB,EACXH,QAsBJ,OAnBAqB,EAAOG,aAAed,EAAKc,aACtBC,IACGR,EAAMS,SAASC,EAAWd,GAC1BH,EAAKc,aAAcC,EAAE,EAGzB,KACIR,EAAMS,SAASC,EAAWd,EAAW,EAE7CQ,EAAOO,aAAelB,EAAKkB,aACtBH,IACGR,EAAMS,SAASG,EAAoBhB,OAAYiB,EAAW,CAACrB,MAAOgB,IAClEf,EAAKkB,aAAcH,EAAE,EAGxBA,IACGR,EAAMS,SAASG,EAAoBhB,OAAYiB,EAAW,CAACrB,MAAOgB,GAAG,EAGzEvB,EACQA,EAA0DW,EAAYQ,GAG3EU,EAAAC,cAACC,EAAcZ,EAAS,GAChC,CAACR,EAAYX,IAEVgC,EAAapB,EAAgBqB,EAAiB9B,IAC9C+B,EAAkBhB,GAAQ,IAAMiB,KAAKC,UAAUJ,IAAa,CAACA,IAenE,OAbAK,GAAU,KACFnC,GACAoC,EAAUlC,EAAU,GAAGO,EAAW4B,aAAaC,MAAK,KAChD,MAAMC,EAAMvC,EAAMS,EAAYI,EAAM2B,WAAW5B,QAC3C2B,aAAeE,QACfF,EAAID,MAAM3B,GAAUA,GAASE,EAAMS,SAASoB,EAAiB/B,EAAOd,KAC7D0C,GACP1B,EAAMS,SAASoB,EAAiBH,EAAK1C,EACzC,GAER,GACD,CAACmC,IAEGjB,CAAQ"}