@saas-ui/forms 1.0.0-rc.9 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- {"version":3,"file":"field-resolver.d.ts","sourceRoot":"","sources":["../src/field-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,oBAAY,aAAa,GAAG;IAC1B,SAAS,IAAI,UAAU,EAAE,CAAA;IACzB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAAA;CAC5C,CAAA;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACzC;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAWtD,eAAO,MAAM,mBAAmB,WAAY,YAAY,KAAG,aAkB1D,CAAA"}
1
+ {"version":3,"file":"field-resolver.d.ts","sourceRoot":"","sources":["../src/field-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,oBAAY,aAAa,GAAG;IAC1B,SAAS,IAAI,UAAU,EAAE,CAAA;IACzB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAAA;CAC5C,CAAA;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACzC;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAYtD,eAAO,MAAM,mBAAmB,WAAY,YAAY,KAAG,aAkB1D,CAAA"}
package/dist/field.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
3
3
  import { FormControlProps, InputProps, TextareaProps, SwitchProps, CheckboxProps, UsePinInputProps, SystemProps } from '@chakra-ui/react';
4
+ import { FocusableElement } from '@chakra-ui/utils';
4
5
  import { NumberInputProps } from '@saas-ui/number-input';
5
6
  import { PasswordInputProps } from '@saas-ui/password-input';
6
7
  import { RadioInputProps } from '@saas-ui/radio';
7
8
  import { SelectProps, NativeSelectProps } from '@saas-ui/select';
8
- import { FocusableElement } from '@chakra-ui/utils';
9
9
  export interface Option {
10
10
  value: string;
11
11
  label?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAKL,eAAe,EACf,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAIL,gBAAgB,EAUhB,UAAU,EACV,aAAa,EACb,WAAW,EACX,aAAa,EAKb,gBAAgB,EAChB,WAAW,EACZ,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAe,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAiB,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC3E,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE5D,OAAO,EAEL,WAAW,EAEX,iBAAiB,EAClB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,oBAAY,UAAU,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CACnE,CAAA;AAED,MAAM,WAAW,UAAU,CACzB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,KAAK,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACpC,eAAe,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CAC5D,CAAA;IACD;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAqBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwB1C,CAAA;AAMD,oBAAY,EAAE,CAAC,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAEtD,oBAAY,OAAO,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;;MAeb,MAAM,YAAY;;CAEtB,CAAA;AA+DD,eAAO,MAAM,mBAAmB,mBAAoB,MAAM,EAAE,CAAC,GAAG,CAAC,+FAqBhE,CAAA;AAED,eAAO,MAAM,qBAAqB,mBAAoB,MAAM,EAAE,CAAC,GAAG,CAAC,+FAgBlE,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CAC1B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,2BACtB,MAAM,oCAEF,wBAAwB,kDAqBnC,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,UAAU,6DAetB,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,eAAO,MAAM,gBAAgB,mEAM5B,CAAA;AAED,eAAO,MAAM,kBAAkB,gEAG9B,CAAA;AAED,eAAO,MAAM,aAAa,2DAGzB,CAAA;AAED,eAAO,MAAM,WAAW,yDAQvB,CAAA;AAED,eAAO,MAAM,WAAW,yDAEtB,CAAA;AAEF,eAAO,MAAM,aAAa,2DAYzB,CAAA;AAED,eAAO,MAAM,UAAU,6DAMtB,CAAA;AAED,eAAO,MAAM,iBAAiB,+DAI7B,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAA;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CAChC;AAED,eAAO,MAAM,QAAQ,2DAqBpB,CAAA;AAED,QAAA,MAAM,UAAU;;;;;;;;;;;;;;CAcf,CAAA;AAED,aAAK,UAAU,GAAG,OAAO,UAAU,CAAA;AAEnC,aAAK,SAAS,CAAC,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAEtD,aAAK,SAAS,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAC3E,IAAI,EAAE,CAAC,CAAA;CACR,CAAA;AAED,aAAK,cAAc,GACf;KACG,QAAQ,IAAI,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;CAC1E,CAAC,MAAM,UAAU,CAAC,GACnB;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
1
+ {"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"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"}
package/dist/fields.d.ts CHANGED
@@ -3,6 +3,7 @@ import { FieldResolver } from './field-resolver';
3
3
  export interface FieldsProps {
4
4
  schema: any;
5
5
  fieldResolver?: FieldResolver;
6
+ focusFirstField?: boolean;
6
7
  }
7
8
  export declare const Fields: React.FC<FieldsProps>;
8
9
  //# sourceMappingURL=fields.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../src/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAYD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCxC,CAAA"}
1
+ {"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../src/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAYD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiDxC,CAAA"}
package/dist/form.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { HTMLChakraProps } from '@chakra-ui/react';
3
- import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler, UnpackNestedValue, ResolverOptions, ResolverResult } from 'react-hook-form';
3
+ import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler, ResolverOptions, ResolverResult } from 'react-hook-form';
4
4
  import { FieldResolver } from './field-resolver';
5
5
  export type { UseFormReturn, FieldValues, SubmitHandler };
6
6
  interface FormOptions<TFieldValues extends FieldValues = FieldValues> {
@@ -19,7 +19,7 @@ interface FormOptions<TFieldValues extends FieldValues = FieldValues> {
19
19
  /**
20
20
  * Ref on the HTMLFormElement.
21
21
  */
22
- formRef?: React.MutableRefObject<HTMLFormElement>;
22
+ formRef?: React.RefObject<HTMLFormElement>;
23
23
  }
24
24
  /**
25
25
  * @todo Figure out how to pass down FieldValues to all Field components,
@@ -34,6 +34,6 @@ export declare const Form: (<TFieldValues extends FieldValues>(props: FormProps<
34
34
  getResolver?: GetResolver | undefined;
35
35
  getFieldResolver: GetFieldResolver;
36
36
  };
37
- export declare type GetResolver = (schema: any) => <TFieldValues extends FieldValues, TContext>(values: UnpackNestedValue<TFieldValues>, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => Promise<ResolverResult<TFieldValues>>;
37
+ export declare type GetResolver = (schema: any) => <TFieldValues extends FieldValues, TContext>(values: TFieldValues, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => Promise<ResolverResult<TFieldValues>>;
38
38
  export declare type GetFieldResolver = (schema: any) => FieldResolver;
39
39
  //# sourceMappingURL=form.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAGtE,OAAO,EAGL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACf,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAErE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA;AAEzD,UAAU,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;CAClD;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,YAAY,CAAC,YAAY,CAAC,EAChC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,EACrD,WAAW,CAAC,YAAY,CAAC;CAAG;AAEhC,eAAO,MAAM,IAAI;;MA8DZ,MAAM,YAAY;;;sBAGH,gBAAgB;CACnC,CAAA;AAQD,oBAAY,WAAW,GAAG,CACxB,MAAM,EAAE,GAAG,KACR,CAAC,YAAY,SAAS,WAAW,EAAE,QAAQ,EAC9C,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,EACvC,OAAO,EAAE,QAAQ,GAAG,SAAS,EAC7B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,KACnC,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAA;AAE1C,oBAAY,gBAAgB,GAAG,CAAC,MAAM,EAAE,GAAG,KAAK,aAAa,CAAA"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAGtE,OAAO,EAGL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,cAAc,EACf,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAErE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA;AAEzD,UAAU,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,YAAY,CAAC,YAAY,CAAC,EAChC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,EACrD,WAAW,CAAC,YAAY,CAAC;CAAG;AAEhC,eAAO,MAAM,IAAI;;MA8DZ,MAAM,YAAY;;;sBAGH,gBAAgB;CACnC,CAAA;AAQD,oBAAY,WAAW,GAAG,CACxB,MAAM,EAAE,GAAG,KACR,CAAC,YAAY,SAAS,WAAW,EAAE,QAAQ,EAC9C,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,QAAQ,GAAG,SAAS,EAC7B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,KACnC,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAA;AAE1C,oBAAY,gBAAgB,GAAG,CAAC,MAAM,EAAE,GAAG,KAAK,aAAa,CAAA"}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("react"),r=require("@chakra-ui/utils"),t=require("react-hook-form"),n=require("@chakra-ui/react"),a=require("@saas-ui/number-input"),l=require("@saas-ui/password-input"),i=require("@saas-ui/radio"),o=require("@saas-ui/select"),s=require("@chakra-ui/system"),u=require("@chakra-ui/icons"),d=require("@saas-ui/button"),c=require("@chakra-ui/react-utils"),m=require("@saas-ui/stepper"),p=require("@saas-ui/input-right-button");function f(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var v=/*#__PURE__*/f(e);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},h.apply(this,arguments)}function x(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r.indexOf(t=l[n])>=0||(a[t]=e[t]);return a}var y=["name","label","placeholder"],F=function(e){var r=e.name,t=e.label,a=x(e,y);/*#__PURE__*/return v.createElement(n.FormControl,a,t?/*#__PURE__*/v.createElement(n.FormLabel,{htmlFor:r},t):null,/*#__PURE__*/v.createElement(n.Text,{fontSize:"md"},/*#__PURE__*/v.createElement(E,{name:r})))};r.__DEV__&&(F.displayName="DisplayField");var E=function(e){var r=e.name;return(0,t.useFormContext().getValues)(r)||null};r.__DEV__&&(E.displayName="FormValue");var b=["name","label","help","variant","hideLabel","children"],_=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","isOptional","rules","variant"],C=["name","rules"],g=["ref"],S=["name","rules"],N=["ref"],R=["type","leftAddon","rightAddon","size"],V=["type"],w=["label","type"],A=["pinLength","pinType","spacing"],k={},D=function(e){var r=e.name,a=e.label,l=e.help,i=e.variant,o=e.hideLabel,s=e.children,u=x(e,b),d=function(e,r){return t.get(r.errors,e)}(r,t.useFormContext().formState);/*#__PURE__*/return v.createElement(n.FormControl,h({variant:i},u,{isInvalid:!!d}),a&&!o?/*#__PURE__*/v.createElement(n.FormLabel,{variant:i},a):null,/*#__PURE__*/v.createElement(n.Box,null,s,!l||null!=d&&d.message?null:/*#__PURE__*/v.createElement(n.FormHelperText,null,l),(null==d?void 0:d.message)&&/*#__PURE__*/v.createElement(n.FormErrorMessage,null,null==d?void 0:d.message)))};r.__DEV__&&(D.displayName="BaseField");var I=v.forwardRef(function(e,r){var t=e.type;/*#__PURE__*/return v.createElement(k[void 0===t?"text":t]||k.text,h({ref:r},e))}),L=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=x(r,C),s=t.useFormContext();/*#__PURE__*/return v.createElement(t.Controller,{name:l,control:s.control,rules:i,render:function(r){var t=r.field,l=t.ref,i=x(t,g);/*#__PURE__*/return v.createElement(e,h({},i,o,{ref:n.useMergeRefs(a,l)}))}})})},P=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=x(r,S),s=(0,t.useFormContext().register)(l,i),u=s.ref,d=x(s,N);/*#__PURE__*/return v.createElement(e,h({},d,o,{ref:n.useMergeRefs(a,u)}))})},B=function(e,r,t){var a=function(e,r){var t=r.displayName,a=r.hideLabel,l=r.BaseField,i=n.forwardRef(function(r,t){var n=r.id,i=r.name,o=r.label,s=r.help,u=r.isDisabled,d=r.isInvalid,c=r.isReadOnly,m=r.isRequired,p=r.isOptional,f=r.rules,y=r.variant,F=x(r,_),E=h({required:m},f);/*#__PURE__*/return v.createElement(l,{id:n,name:i,label:o,help:s,hideLabel:a,isDisabled:u,isInvalid:d,isReadOnly:c,isRequired:m,isOptional:p,variant:y},/*#__PURE__*/v.createElement(e,h({ref:t,id:n,name:i,label:a?o:void 0,rules:E},F)))});return i.displayName=t,i}(null!=t&&t.isControlled?L(r):P(r),{displayName:e.split("-").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("")+"Field",hideLabel:null==t?void 0:t.hideLabel,BaseField:(null==t?void 0:t.BaseField)||D});return k[e]=a,a},O=B("text",n.forwardRef(function(e,r){var t=e.type,a=void 0===t?"text":t,l=e.leftAddon,i=e.rightAddon,o=e.size,s=x(e,R),u=/*#__PURE__*/v.createElement(n.Input,h({type:a,size:o},s,{ref:r}));return l||i?/*#__PURE__*/v.createElement(n.InputGroup,{size:o},l,u,i):u})),j=B("number",a.NumberInput,{isControlled:!0}),q=B("password",n.forwardRef(function(e,r){/*#__PURE__*/return v.createElement(l.PasswordInput,h({ref:r},e))})),M=B("textarea",n.Textarea),U=B("switch",n.forwardRef(function(e,r){var t=x(e,V);/*#__PURE__*/return v.createElement(n.Switch,h({},t,{ref:r}))}),{isControlled:!0}),T=B("select",o.Select,{isControlled:!0}),z=B("checkbox",n.forwardRef(function(e,r){var t=e.label,a=x(e,w);/*#__PURE__*/return v.createElement(n.Checkbox,h({ref:r},a),t)}),{hideLabel:!0}),H=B("radio",i.RadioInput,{isControlled:!0}),G=B("native-select",o.NativeSelect,{isControlled:!0}),W=B("pin",n.forwardRef(function(e,r){for(var t=e.pinLength,a=void 0===t?4:t,l=e.pinType,i=e.spacing,o=x(e,A),s=[],u=0;u<a;u++)s.push(/*#__PURE__*/v.createElement(n.PinInputField,{key:u,ref:r}));/*#__PURE__*/return v.createElement(n.HStack,{spacing:i},/*#__PURE__*/v.createElement(n.PinInput,h({},o,{type:l}),s))}),{isControlled:!0}),J=["items"],K=function(e){return e&&Object.entries(e).map(function(e){var r=e[0];return h({},x(e[1],J),{name:r})})},Q=function(e){return{getFields:function(){return K(e)},getNestedFields:function(t){var n,a=r.get(e,t);return a?"object"===(null==(n=a.items)?void 0:n.type)?K(a.items.properties):"object"===a.type?K(a.properties):[a.items]:[]}}},X=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],Y=n.forwardRef(function(e,a){var l=e.mode,i=void 0===l?"all":l,o=e.resolver,s=e.reValidateMode,u=e.shouldFocusError,d=e.shouldUnregister,c=e.shouldUseNativeValidation,m=e.criteriaMode,p=e.delayError,f=e.schema,y=e.defaultValues,F=e.onSubmit,E=e.onError,b=e.formRef,_=e.children,C=x(e,X),g={mode:i,resolver:o,defaultValues:y,reValidateMode:s,shouldFocusError:u,shouldUnregister:d,shouldUseNativeValidation:c,criteriaMode:m,delayError:p};f&&!o&&(g.resolver=null==Y.getResolver?void 0:Y.getResolver(f));var S=t.useForm(g),N=S.handleSubmit;return v.useImperativeHandle(a,function(){return S},[a,S]),/*#__PURE__*/v.createElement(t.FormProvider,S,/*#__PURE__*/v.createElement(n.chakra.form,h({ref:b,onSubmit:N(F,E)},C,{className:r.cx("saas-form",e.className)}),_))});Y.getFieldResolver=Q,r.__DEV__&&(Y.displayName="Form");var Z=["children"],$=function(e){/*#__PURE__*/return v.createElement(n.chakra.div,null,e.children)};r.__DEV__&&($.displayName="FormLayoutItem");var ee=function(e){var t,a,l,i=e.children,o=x(e,Z),s=h({},null!=(t=null==(a=n.useTheme().components)||null==(l=a.FormLayout)?void 0:l.defaultProps)?t:{spacing:4},o);/*#__PURE__*/return v.createElement(n.SimpleGrid,h({},s,{className:r.cx("saas-form__layout",o.className)}),v.Children.map(i,function(e){return v.isValidElement(e)?/*#__PURE__*/v.createElement($,null,e):e}))};r.__DEV__&&(ee.displayName="FormLayout");var re=function(e,r){return v.Children.map(r,function(r){return v.isValidElement(r)&&r.props.name?v.cloneElement(r,h({},r.props,{name:e+"."+r.props.name})):r})},te=c.createContext({name:"ArrayFieldContext"}),ne=te[0],ae=te[1],le=c.createContext({name:"ArrayFieldRowContext"}),ie=le[0],oe=le[1],se=function(e){var r=e.name,n=e.defaultValue,a=void 0===n?{}:n,l=e.keyName,i=e.min,o=e.max,s=t.useFormContext();return h({},t.useFieldArray({control:s.control,name:r,keyName:l}),{name:r,defaultValue:a,min:i,max:o})},ue=function(e){var r=e.index,n=t.useFormContext().clearErrors,a=ae(),l=a.name,i=a.remove,o=a.fields;return v.useEffect(function(){n(l)},[]),{index:r,isFirst:0===r,isLast:r===o.length-1,name:l+"."+r,remove:v.useCallback(function(){n(l),i(r)},[r])}},de=function(){var e=oe(),r=e.isFirst,t=e.remove,n=ae(),a=n.min;return{onClick:function(){return t()},isDisabled:r&&!!(a&&n.fields.length<=a)}},ce=function(){var e=ae(),r=e.append,t=e.defaultValue,n=e.max;return{onClick:function(){return r(t,{shouldFocus:!1})},isDisabled:!!(n&&e.fields.length>=n)}},me=["children","index"],pe=["children"],fe=["children"],ve=["name","defaultValue","keyName","min","max","children"],he=function(e){var r=e.children,t=e.index,n=x(e,me);/*#__PURE__*/return v.createElement(ye,{index:t},/*#__PURE__*/v.createElement(xe,n,r),/*#__PURE__*/v.createElement(Fe,null))};r.__DEV__&&(he.displayName="ArrayFieldRow");var xe=function(e){var r=e.children,t=x(e,pe),n=oe().name;/*#__PURE__*/return v.createElement(ee,h({flex:"1",mr:"2"},t),re(n,r))};r.__DEV__&&(xe.displayName="ArrayFieldRowFields");var ye=function(e){var r=e.children,t=ue({index:e.index});/*#__PURE__*/return v.createElement(ie,{value:t},/*#__PURE__*/v.createElement(s.chakra.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},r))};r.__DEV__&&(ye.displayName="ArrayFieldRowContainer");var Fe=function(e){/*#__PURE__*/return v.createElement(d.IconButton,h({icon:/*#__PURE__*/v.createElement(u.MinusIcon,null),"aria-label":"Remove row"},de(),e))};r.__DEV__&&(Fe.displayName="ArrayFieldRemoveButton");var Ee=function(e){/*#__PURE__*/return v.createElement(d.IconButton,h({icon:/*#__PURE__*/v.createElement(u.AddIcon,null),"aria-label":"Add row",float:"right"},ce(),e))};r.__DEV__&&(Ee.displayName="ArrayFieldAddButton");var be=s.forwardRef(function(e,r){var t=e.children,n=x(e,fe);/*#__PURE__*/return v.createElement(Ce,h({ref:r},n),/*#__PURE__*/v.createElement(_e,null,function(e){/*#__PURE__*/return v.createElement(v.Fragment,null,e.map(function(e,r){/*#__PURE__*/return v.createElement(he,{key:e.id,index:r},t)}))}),/*#__PURE__*/v.createElement(Ee,null))});r.__DEV__&&(be.displayName="ArrayField");var _e=function(e){return(0,e.children)(ae().fields)};r.__DEV__&&(_e.displayName="ArrayFieldRows");var Ce=v.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.keyName,l=e.min,i=e.max,o=e.children,s=x(e,ve),u=se({name:t,defaultValue:n,keyName:a,min:l,max:i});return v.useImperativeHandle(r,function(){return u},[r,u]),/*#__PURE__*/v.createElement(ne,{value:u},/*#__PURE__*/v.createElement(D,h({name:t},s),o))});r.__DEV__&&(Ce.displayName="ArrayFieldContainer");var ge=["name","label","hideLabel","children","columns","spacing"],Se=function(e){var r=n.useStyleConfig("FormLegend");/*#__PURE__*/return v.createElement(n.FormLabel,h({as:"legend",sx:r},e))},Ne=function(e){var r=e.name,t=e.label,a=e.hideLabel,l=e.children,i=e.columns,o=e.spacing,s=x(e,ge);/*#__PURE__*/return v.createElement(n.FormControl,h({name:r,as:"fieldset"},s),/*#__PURE__*/v.createElement(Se,{display:a?"none":"block"},t),/*#__PURE__*/v.createElement(ee,{columns:i,gridGap:o},re(r,l)))};r.__DEV__&&(Ne.displayName="ObjectField");var Re=["name","type"],Ve=["schema","fieldResolver"],we=["name","type","defaultValue"],Ae=function(e,r){var t;return null==(t=e.getNestedFields(r))?void 0:t.map(function(e,r){var t=e.name,n=e.type,a=x(e,Re);/*#__PURE__*/return v.createElement(I,h({key:t||r,name:t,type:n},a))})},ke=function(e){var r=e.schema,t=e.fieldResolver,n=x(e,Ve),a=v.useMemo(function(){return t||Y.getFieldResolver(r)},[r,t]);/*#__PURE__*/return v.createElement(ee,n,a.getFields().map(function(e){var r=e.name,t=e.type,n=x(e,we);return"array"===t?/*#__PURE__*/v.createElement(be,h({key:r,name:r},n),Ae(a,r)):"object"===t?/*#__PURE__*/v.createElement(Ne,h({key:r,name:r},n),Ae(a,r)):/*#__PURE__*/v.createElement(I,h({key:r,name:r,type:t},n))}))};r.__DEV__&&(ke.displayName="Fields");var De=["children","disableIfUntouched","disableIfInvalid"],Ie=s.forwardRef(function(e,r){var n=e.children,a=e.disableIfUntouched,l=e.disableIfInvalid,i=x(e,De),o=t.useFormContext().formState;/*#__PURE__*/return v.createElement(d.Button,h({type:"submit",isLoading:o.isSubmitting,colorScheme:"primary",ref:r,isDisabled:a&&!o.isDirty||l&&!o.isValid},i),n)});Ie.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},r.__DEV__&&(Ie.displayName="SubmitButton");var Le=["schema","submitLabel","fieldResolver","children"],Pe=n.forwardRef(function(e,r){var t=e.schema,n=e.submitLabel,a=void 0===n?"Submit":n,l=e.fieldResolver,i=e.children,o=x(e,Le);/*#__PURE__*/return v.createElement(Y,h({},o,{schema:t,ref:r}),/*#__PURE__*/v.createElement(ee,null,/*#__PURE__*/v.createElement(ke,{schema:t,fieldResolver:l}),a&&/*#__PURE__*/v.createElement(Ie,{label:a}),i))});r.__DEV__&&(Pe.displayName="AutoForm");var Be=function(e){var r=e.children,n=e.condition;return(void 0===n?function(e){return!!e}:n)(t.useWatch({name:e.name,defaultValue:e.defaultValue,disabled:e.isDisabled,exact:e.isExact}),t.useFormContext())?r:null};r.__DEV__&&(Be.displayName="DisplayIf");var Oe=["onChange"],je=c.createContext({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"}),qe=je[0],Me=je[1];function Ue(e){var r=x(e,Oe),t=m.useStepper(r),n=t.activeStep,a=t.isLastStep,l=t.nextStep,i=v.useState({}),o=i[0],s=i[1],u=v.useCallback(function(r){try{return a?Promise.resolve(null==e.onSubmit?void 0:e.onSubmit(r).then(function(){c(h({},o[n],{isCompleted:!0}))}).then(l)):(l(),Promise.resolve())}catch(e){return Promise.reject(e)}},[n,a]),d=v.useCallback(function(){var e=o[n];return{onSubmit:u,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[o,u,n]),c=v.useCallback(function(e){s(function(r){var t;return h({},r,((t={})[e.name]=e,t))})},[o]);return h({getFormProps:d,updateStep:c,steps:o},t)}function Te(e){var r=e.name,t=e.schema,n=e.resolver,a=m.useStep({name:r}),l=Me(),i=l.steps,o=l.updateStep;return v.useEffect(function(){o({name:r,schema:t,resolver:n})},[r,t]),h({},a,i[r]||{name:r,schema:t})}var ze=["children"],He=["getFormProps"],Ge=["name","schema","resolver","children","className"],We=["label","submitLabel"],Je=v.forwardRef(function(e,t){var n=e.children,a=x(e,ze),l=Ue(e),i=l.getFormProps,o=x(l,He),s=v.useMemo(function(){return o},[o]);/*#__PURE__*/return v.createElement(m.StepperProvider,{value:s},/*#__PURE__*/v.createElement(qe,{value:s},/*#__PURE__*/v.createElement(Y,h({ref:t},a,i()),r.runIfFn(n,l))))}),Ke=function(e){var t=e.name,n=e.schema,a=e.resolver,l=e.children,i=e.className,o=x(e,Ge);return Te({name:t,schema:n,resolver:a}).isActive?/*#__PURE__*/v.createElement(s.chakra.div,h({},o,{className:r.cx("saas-form__step",i)}),l):null};r.__DEV__&&(Ke.displayName="FormStep");var Qe=function(e){var t=m.useStepperContext(),n=t.prevStep;/*#__PURE__*/return v.createElement(d.Button,h({isDisabled:t.isFirstStep||t.isCompleted,label:"Back"},e,{className:r.cx("saas-form__prev-button",e.className),onClick:r.callAllHandlers(e.onClick,n)}))};r.__DEV__&&(Qe.displayName="PrevButton");var Xe=function(e){var t=e.label,n=void 0===t?"Next":t,a=e.submitLabel,l=void 0===a?"Complete":a,i=x(e,We),o=m.useStepperContext(),s=o.isCompleted;/*#__PURE__*/return v.createElement(Ie,h({isDisabled:s,label:o.isLastStep||s?l:n},i,{className:r.cx("saas-form__next-button",e.className)}))};r.__DEV__&&(Xe.displayName="NextButton"),exports.ArrayField=be,exports.ArrayFieldAddButton=Ee,exports.ArrayFieldContainer=Ce,exports.ArrayFieldProvider=ne,exports.ArrayFieldRemoveButton=Fe,exports.ArrayFieldRow=he,exports.ArrayFieldRowContainer=ye,exports.ArrayFieldRowFields=xe,exports.ArrayFieldRowProvider=ie,exports.ArrayFieldRows=_e,exports.AutoForm=Pe,exports.BaseField=D,exports.CheckboxField=z,exports.DisplayField=F,exports.DisplayIf=Be,exports.Field=I,exports.Fields=ke,exports.Form=Y,exports.FormLayout=ee,exports.FormLegend=Se,exports.FormStep=Ke,exports.FormStepper=function(e){var r=m.useStepperContext(),t=r.activeIndex,n=r.setIndex,a=e.orientation,l=v.Children.map(e.children,function(e){if(v.isValidElement(e)&&(null==e?void 0:e.type)===Ke){var r=Te(e.props);/*#__PURE__*/return v.createElement(m.StepperStep,{name:e.props.name,title:e.props.title,isCompleted:r.isCompleted},e.props.children)}return e}),i=v.useCallback(function(e){n(e)},[]);/*#__PURE__*/return v.createElement(m.StepperContainer,{orientation:a,step:t,onChange:i},/*#__PURE__*/v.createElement(m.StepperSteps,h({mb:"4"},e),l))},exports.FormValue=E,exports.InputField=O,exports.NativeSelectField=G,exports.NextButton=Xe,exports.NumberInputField=j,exports.ObjectField=Ne,exports.PasswordInputField=q,exports.PinField=W,exports.PrevButton=Qe,exports.RadioField=H,exports.SelectField=T,exports.StepForm=Je,exports.StepFormProvider=qe,exports.SubmitButton=Ie,exports.SwitchField=U,exports.TextareaField=M,exports.objectFieldResolver=Q,exports.registerFieldType=B,exports.useArrayField=se,exports.useArrayFieldAddButton=ce,exports.useArrayFieldContext=ae,exports.useArrayFieldRemoveButton=de,exports.useArrayFieldRow=ue,exports.useArrayFieldRowContext=oe,exports.useFormStep=Te,exports.useStepForm=Ue,exports.useStepFormContext=Me,exports.withControlledInput=L,exports.withUncontrolledInput=P,Object.keys(p).forEach(function(e){"default"===e||exports.hasOwnProperty(e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return p[e]}})});
1
+ var e=require("react"),r=require("@chakra-ui/utils"),t=require("react-hook-form"),n=require("@chakra-ui/react"),a=require("@saas-ui/number-input"),l=require("@saas-ui/password-input"),i=require("@saas-ui/radio"),o=require("@saas-ui/select"),s=require("@chakra-ui/system"),u=require("@chakra-ui/icons"),d=require("@saas-ui/button"),c=require("@chakra-ui/react-utils"),m=require("@saas-ui/stepper"),p=require("@saas-ui/input-right-button");function f(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var v=/*#__PURE__*/f(e);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},h.apply(this,arguments)}function x(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r.indexOf(t=l[n])>=0||(a[t]=e[t]);return a}var F=["name","label","placeholder"],b=function(e){var r=e.name,t=e.label,a=x(e,F);/*#__PURE__*/return v.createElement(n.FormControl,a,t?/*#__PURE__*/v.createElement(n.FormLabel,{htmlFor:r},t):null,/*#__PURE__*/v.createElement(n.Text,{fontSize:"md"},/*#__PURE__*/v.createElement(y,{name:r})))};r.__DEV__&&(b.displayName="DisplayField");var y=function(e){var r=e.name;return(0,t.useFormContext().getValues)(r)||null};r.__DEV__&&(y.displayName="FormValue");var E=["name","label","help","variant","hideLabel","children"],_=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],g=["name","rules"],C=["ref"],S=["name","rules"],N=["ref"],R=["type","leftAddon","rightAddon","size"],V=["type"],w=["label","type"],A=["pinLength","pinType","spacing"],D={},k=function(e){var r=e.name,a=e.label,l=e.help,i=e.variant,o=e.hideLabel,s=e.children,u=x(e,E),d=function(e,r){return t.get(r.errors,e)}(r,t.useFormContext().formState);/*#__PURE__*/return v.createElement(n.FormControl,h({variant:i},u,{isInvalid:!!d}),a&&!o?/*#__PURE__*/v.createElement(n.FormLabel,{variant:i},a):null,/*#__PURE__*/v.createElement(n.Box,null,s,!l||null!=d&&d.message?null:/*#__PURE__*/v.createElement(n.FormHelperText,null,l),(null==d?void 0:d.message)&&/*#__PURE__*/v.createElement(n.FormErrorMessage,null,null==d?void 0:d.message)))};r.__DEV__&&(k.displayName="BaseField");var I=v.forwardRef(function(e,r){var t=e.type;/*#__PURE__*/return v.createElement(D[void 0===t?"text":t]||D.text,h({ref:r},e))}),L=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=x(r,g),s=t.useFormContext();/*#__PURE__*/return v.createElement(t.Controller,{name:l,control:s.control,rules:i,render:function(r){var t=r.field,l=t.ref,i=x(t,C);/*#__PURE__*/return v.createElement(e,h({},i,o,{ref:n.useMergeRefs(a,l)}))}})})},P=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=x(r,S),s=(0,t.useFormContext().register)(l,i),u=s.ref,d=x(s,N);/*#__PURE__*/return v.createElement(e,h({},d,o,{ref:n.useMergeRefs(a,u)}))})},B=function(e,r,t){var a=function(e,r){var t=r.displayName,a=r.hideLabel,l=r.BaseField,i=n.forwardRef(function(r,t){var n=r.id,i=r.name,o=r.label,s=r.help,u=r.isDisabled,d=r.isInvalid,c=r.isReadOnly,m=r.isRequired,p=r.rules,f=r.variant,F=x(r,_),b=h({required:m},p);/*#__PURE__*/return v.createElement(l,{id:n,name:i,label:o,help:s,hideLabel:a,isDisabled:u,isInvalid:d,isReadOnly:c,isRequired:m,variant:f},/*#__PURE__*/v.createElement(e,h({ref:t,id:n,name:i,label:a?o:void 0,rules:b},F)))});return i.displayName=t,i}(null!=t&&t.isControlled?L(r):P(r),{displayName:e.split("-").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("")+"Field",hideLabel:null==t?void 0:t.hideLabel,BaseField:(null==t?void 0:t.BaseField)||k});return D[e]=a,a},O=B("text",n.forwardRef(function(e,r){var t=e.type,a=void 0===t?"text":t,l=e.leftAddon,i=e.rightAddon,o=e.size,s=x(e,R),u=/*#__PURE__*/v.createElement(n.Input,h({type:a,size:o},s,{ref:r}));return l||i?/*#__PURE__*/v.createElement(n.InputGroup,{size:o},l,u,i):u})),j=B("number",a.NumberInput,{isControlled:!0}),q=B("password",n.forwardRef(function(e,r){/*#__PURE__*/return v.createElement(l.PasswordInput,h({ref:r},e))})),M=B("textarea",n.Textarea),U=B("switch",n.forwardRef(function(e,r){var t=x(e,V);/*#__PURE__*/return v.createElement(n.Switch,h({},t,{ref:r}))}),{isControlled:!0}),T=B("select",o.Select,{isControlled:!0}),z=B("checkbox",n.forwardRef(function(e,r){var t=e.label,a=x(e,w);/*#__PURE__*/return v.createElement(n.Checkbox,h({ref:r},a),t)}),{hideLabel:!0}),H=B("radio",i.RadioInput,{isControlled:!0}),G=B("native-select",o.NativeSelect,{isControlled:!0}),W=B("pin",n.forwardRef(function(e,r){for(var t=e.pinLength,a=void 0===t?4:t,l=e.pinType,i=e.spacing,o=x(e,A),s=[],u=0;u<a;u++)s.push(/*#__PURE__*/v.createElement(n.PinInputField,{key:u,ref:r}));/*#__PURE__*/return v.createElement(n.HStack,{spacing:i},/*#__PURE__*/v.createElement(n.PinInput,h({},o,{type:l}),s))}),{isControlled:!0}),J=["items","label","title"],K=function(e){return e&&Object.entries(e).map(function(e){var r=e[0],t=e[1],n=t.label,a=t.title;return h({},x(t,J),{name:r,label:n||a})})},Q=function(e){return{getFields:function(){return K(e)},getNestedFields:function(t){var n,a=r.get(e,t);return a?"object"===(null==(n=a.items)?void 0:n.type)?K(a.items.properties):"object"===a.type?K(a.properties):[a.items]:[]}}},X=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],Y=n.forwardRef(function(e,a){var l=e.mode,i=void 0===l?"all":l,o=e.resolver,s=e.reValidateMode,u=e.shouldFocusError,d=e.shouldUnregister,c=e.shouldUseNativeValidation,m=e.criteriaMode,p=e.delayError,f=e.schema,F=e.defaultValues,b=e.onSubmit,y=e.onError,E=e.formRef,_=e.children,g=x(e,X),C={mode:i,resolver:o,defaultValues:F,reValidateMode:s,shouldFocusError:u,shouldUnregister:d,shouldUseNativeValidation:c,criteriaMode:m,delayError:p};f&&!o&&(C.resolver=null==Y.getResolver?void 0:Y.getResolver(f));var S=t.useForm(C),N=S.handleSubmit;return v.useImperativeHandle(a,function(){return S},[a,S]),/*#__PURE__*/v.createElement(t.FormProvider,S,/*#__PURE__*/v.createElement(n.chakra.form,h({ref:E,onSubmit:N(b,y)},g,{className:r.cx("saas-form",e.className)}),_))});Y.getFieldResolver=Q,r.__DEV__&&(Y.displayName="Form");var Z=["children"],$=function(e){/*#__PURE__*/return v.createElement(n.chakra.div,null,e.children)};r.__DEV__&&($.displayName="FormLayoutItem");var ee=function(e){var t,a,l,i=e.children,o=x(e,Z),s=h({},null!=(t=null==(a=n.useTheme().components)||null==(l=a.FormLayout)?void 0:l.defaultProps)?t:{spacing:4},o);/*#__PURE__*/return v.createElement(n.SimpleGrid,h({},s,{className:r.cx("saas-form__layout",o.className)}),v.Children.map(i,function(e){return v.isValidElement(e)?/*#__PURE__*/v.createElement($,null,e):e}))};r.__DEV__&&(ee.displayName="FormLayout");var re=function(e,r){return v.Children.map(r,function(r){return v.isValidElement(r)&&r.props.name?v.cloneElement(r,h({},r.props,{name:e+"."+r.props.name})):r})},te=c.createContext({name:"ArrayFieldContext"}),ne=te[0],ae=te[1],le=c.createContext({name:"ArrayFieldRowContext"}),ie=le[0],oe=le[1],se=function(e){var r=e.name,n=e.defaultValue,a=void 0===n?{}:n,l=e.keyName,i=e.min,o=e.max,s=t.useFormContext();return h({},t.useFieldArray({control:s.control,name:r,keyName:l}),{name:r,defaultValue:a,min:i,max:o})},ue=function(e){var r=e.index,n=t.useFormContext().clearErrors,a=ae(),l=a.name,i=a.remove,o=a.fields;return v.useEffect(function(){n(l)},[]),{index:r,isFirst:0===r,isLast:r===o.length-1,name:l+"."+r,remove:v.useCallback(function(){n(l),i(r)},[r])}},de=function(){var e=oe(),r=e.isFirst,t=e.remove,n=ae(),a=n.min;return{onClick:function(){return t()},isDisabled:r&&!!(a&&n.fields.length<=a)}},ce=function(){var e=ae(),r=e.append,t=e.defaultValue,n=e.max;return{onClick:function(){return r(t,{shouldFocus:!1})},isDisabled:!!(n&&e.fields.length>=n)}},me=["children","index"],pe=["children"],fe=["children"],ve=["name","defaultValue","keyName","min","max","children"],he=function(e){var r=e.children,t=e.index,n=x(e,me);/*#__PURE__*/return v.createElement(Fe,{index:t},/*#__PURE__*/v.createElement(xe,n,r),/*#__PURE__*/v.createElement(be,null))};r.__DEV__&&(he.displayName="ArrayFieldRow");var xe=function(e){var r=e.children,t=x(e,pe),n=oe().name;/*#__PURE__*/return v.createElement(ee,h({flex:"1",mr:"2"},t),re(n,r))};r.__DEV__&&(xe.displayName="ArrayFieldRowFields");var Fe=function(e){var r=e.children,t=ue({index:e.index});/*#__PURE__*/return v.createElement(ie,{value:t},/*#__PURE__*/v.createElement(s.chakra.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},r))};r.__DEV__&&(Fe.displayName="ArrayFieldRowContainer");var be=function(e){/*#__PURE__*/return v.createElement(d.IconButton,h({icon:/*#__PURE__*/v.createElement(u.MinusIcon,null),"aria-label":"Remove row"},de(),e))};r.__DEV__&&(be.displayName="ArrayFieldRemoveButton");var ye=function(e){/*#__PURE__*/return v.createElement(d.IconButton,h({icon:/*#__PURE__*/v.createElement(u.AddIcon,null),"aria-label":"Add row",float:"right"},ce(),e))};r.__DEV__&&(ye.displayName="ArrayFieldAddButton");var Ee=s.forwardRef(function(e,r){var t=e.children,n=x(e,fe);/*#__PURE__*/return v.createElement(ge,h({ref:r},n),/*#__PURE__*/v.createElement(_e,null,function(e){/*#__PURE__*/return v.createElement(v.Fragment,null,e.map(function(e,r){/*#__PURE__*/return v.createElement(he,{key:e.id,index:r},t)}))}),/*#__PURE__*/v.createElement(ye,null))});r.__DEV__&&(Ee.displayName="ArrayField");var _e=function(e){return(0,e.children)(ae().fields)};r.__DEV__&&(_e.displayName="ArrayFieldRows");var ge=v.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.keyName,l=e.min,i=e.max,o=e.children,s=x(e,ve),u=se({name:t,defaultValue:n,keyName:a,min:l,max:i});return v.useImperativeHandle(r,function(){return u},[r,u]),/*#__PURE__*/v.createElement(ne,{value:u},/*#__PURE__*/v.createElement(k,h({name:t},s),o))});r.__DEV__&&(ge.displayName="ArrayFieldContainer");var Ce=["name","label","hideLabel","children","columns","spacing"],Se=function(e){var r=n.useStyleConfig("FormLegend");/*#__PURE__*/return v.createElement(n.FormLabel,h({as:"legend",sx:r},e))},Ne=function(e){var r=e.name,t=e.label,a=e.hideLabel,l=e.children,i=e.columns,o=e.spacing,s=x(e,Ce);/*#__PURE__*/return v.createElement(n.FormControl,h({name:r,as:"fieldset"},s),/*#__PURE__*/v.createElement(Se,{display:a?"none":"block"},t),/*#__PURE__*/v.createElement(ee,{columns:i,gridGap:o},re(r,l)))};r.__DEV__&&(Ne.displayName="ObjectField");var Re=["name","type"],Ve=["schema","fieldResolver","focusFirstField"],we=["name","type","defaultValue"],Ae=function(e,r){var t;return null==(t=e.getNestedFields(r))?void 0:t.map(function(e,r){var t=e.name,n=e.type,a=x(e,Re);/*#__PURE__*/return v.createElement(I,h({key:t||r,name:t,type:n},a))})},De=function(e){var r=e.schema,n=e.fieldResolver,a=e.focusFirstField,l=x(e,Ve),i=v.useMemo(function(){return n||Y.getFieldResolver(r)},[r,n]),o=v.useMemo(function(){return i.getFields()},[i]),s=t.useFormContext();return v.useEffect(function(){var e;a&&null!=(e=o[0])&&e.name&&s.setFocus(o[0].name)},[r,n,a]),/*#__PURE__*/v.createElement(ee,l,o.map(function(e){var r=e.name,t=e.type,n=x(e,we);return"array"===t?/*#__PURE__*/v.createElement(Ee,h({key:r,name:r},n),Ae(i,r)):"object"===t?/*#__PURE__*/v.createElement(Ne,h({key:r,name:r},n),Ae(i,r)):/*#__PURE__*/v.createElement(I,h({key:r,name:r,type:t},n))}))};r.__DEV__&&(De.displayName="Fields");var ke=["children","disableIfUntouched","disableIfInvalid","isDisabled","isLoading"],Ie=v.forwardRef(function(e,r){var n=e.children,a=e.disableIfUntouched,l=e.disableIfInvalid,i=e.isDisabled,o=e.isLoading,s=x(e,ke),u=t.useFormContext().formState;/*#__PURE__*/return v.createElement(d.Button,h({},s,{ref:r,variant:"primary",type:"submit",isLoading:u.isSubmitting||o,isDisabled:a&&!u.isDirty||l&&!u.isValid||i}),n)});Ie.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},r.__DEV__&&(Ie.displayName="SubmitButton");var Le=["schema","submitLabel","fieldResolver","children"],Pe=n.forwardRef(function(e,r){var t=e.schema,n=e.submitLabel,a=void 0===n?"Submit":n,l=e.fieldResolver,i=e.children,o=x(e,Le);/*#__PURE__*/return v.createElement(Y,h({},o,{schema:t,ref:r}),/*#__PURE__*/v.createElement(ee,null,/*#__PURE__*/v.createElement(De,{schema:t,fieldResolver:l}),a&&/*#__PURE__*/v.createElement(Ie,null,a),i))});r.__DEV__&&(Pe.displayName="AutoForm");var Be=function(e){var r=e.children,n=e.condition;return(void 0===n?function(e){return!!e}:n)(t.useWatch({name:e.name,defaultValue:e.defaultValue,disabled:e.isDisabled,exact:e.isExact}),t.useFormContext())?r:null};r.__DEV__&&(Be.displayName="DisplayIf");var Oe=["onChange"],je=c.createContext({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"}),qe=je[0],Me=je[1];function Ue(e){var r=x(e,Oe),t=m.useStepper(r),n=t.activeStep,a=t.isLastStep,l=t.nextStep,i=v.useState({}),o=i[0],s=i[1],u=v.useCallback(function(r){try{var i=o[n];if(a)return Promise.resolve(null==e.onSubmit?void 0:e.onSubmit(r).then(function(){c(h({},i,{isCompleted:!0}))}).then(l));var s=function(e,n){try{var a=Promise.resolve(null==i.onSubmit?void 0:i.onSubmit(r,t)).then(function(){l()})}catch(e){return}return a&&a.then?a.then(void 0,function(){}):a}();return Promise.resolve(s&&s.then?s.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},[o,n,a]),d=v.useCallback(function(){var e=o[n];return{onSubmit:u,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[o,u,n]),c=v.useCallback(function(e){s(function(r){var t;return h({},r,((t={})[e.name]=e,t))})},[o]);return h({getFormProps:d,updateStep:c,steps:o},t)}function Te(e){var r=e.name,t=e.schema,n=e.resolver,a=e.onSubmit,l=m.useStep({name:r}),i=Me(),o=i.steps,s=i.updateStep;return v.useEffect(function(){s({name:r,schema:t,resolver:n,onSubmit:a})},[r,t]),h({},l,o[r]||{name:r,schema:t})}var ze=["children"],He=["getFormProps"],Ge=["name","schema","resolver","children","className","onSubmit"],We=["label","submitLabel"],Je=v.forwardRef(function(e,t){var n=e.children,a=x(e,ze),l=Ue(e),i=l.getFormProps,o=x(l,He),s=v.useMemo(function(){return o},[o]);/*#__PURE__*/return v.createElement(m.StepperProvider,{value:s},/*#__PURE__*/v.createElement(qe,{value:s},/*#__PURE__*/v.createElement(Y,h({ref:t},a,i()),r.runIfFn(n,l))))}),Ke=function(e){var t=e.name,n=e.schema,a=e.resolver,l=e.children,i=e.className,o=e.onSubmit,u=x(e,Ge);return Te({name:t,schema:n,resolver:a,onSubmit:o}).isActive?/*#__PURE__*/v.createElement(s.chakra.div,h({},u,{className:r.cx("saas-form__step",i)}),l):null};r.__DEV__&&(Ke.displayName="FormStep");var Qe=function(e){var t=m.useStepperContext(),n=t.prevStep;/*#__PURE__*/return v.createElement(d.Button,h({isDisabled:t.isFirstStep||t.isCompleted,label:"Back"},e,{className:r.cx("saas-form__prev-button",e.className),onClick:r.callAllHandlers(e.onClick,n)}))};r.__DEV__&&(Qe.displayName="PrevButton");var Xe=function(e){var t=e.label,n=void 0===t?"Next":t,a=e.submitLabel,l=void 0===a?"Complete":a,i=x(e,We),o=m.useStepperContext(),s=o.isLastStep,u=o.isCompleted;/*#__PURE__*/return v.createElement(Ie,h({},i,{isDisabled:u,className:r.cx("saas-form__next-button",e.className)}),s||u?l:n)};r.__DEV__&&(Xe.displayName="NextButton"),exports.ArrayField=Ee,exports.ArrayFieldAddButton=ye,exports.ArrayFieldContainer=ge,exports.ArrayFieldProvider=ne,exports.ArrayFieldRemoveButton=be,exports.ArrayFieldRow=he,exports.ArrayFieldRowContainer=Fe,exports.ArrayFieldRowFields=xe,exports.ArrayFieldRowProvider=ie,exports.ArrayFieldRows=_e,exports.AutoForm=Pe,exports.BaseField=k,exports.CheckboxField=z,exports.DisplayField=b,exports.DisplayIf=Be,exports.Field=I,exports.Fields=De,exports.Form=Y,exports.FormLayout=ee,exports.FormLegend=Se,exports.FormStep=Ke,exports.FormStepper=function(e){var r=m.useStepperContext(),t=r.activeIndex,n=r.setIndex,a=e.orientation,l=v.Children.map(e.children,function(e){if(v.isValidElement(e)&&(null==e?void 0:e.type)===Ke){var r=Te(e.props);/*#__PURE__*/return v.createElement(m.StepperStep,{name:e.props.name,title:e.props.title,isCompleted:r.isCompleted},e.props.children)}return e}),i=v.useCallback(function(e){n(e)},[]);/*#__PURE__*/return v.createElement(m.StepperContainer,{orientation:a,step:t,onChange:i},/*#__PURE__*/v.createElement(m.StepperSteps,h({mb:"4"},e),l))},exports.FormValue=y,exports.InputField=O,exports.NativeSelectField=G,exports.NextButton=Xe,exports.NumberInputField=j,exports.ObjectField=Ne,exports.PasswordInputField=q,exports.PinField=W,exports.PrevButton=Qe,exports.RadioField=H,exports.SelectField=T,exports.StepForm=Je,exports.StepFormProvider=qe,exports.SubmitButton=Ie,exports.SwitchField=U,exports.TextareaField=M,exports.objectFieldResolver=Q,exports.registerFieldType=B,exports.useArrayField=se,exports.useArrayFieldAddButton=ce,exports.useArrayFieldContext=ae,exports.useArrayFieldRemoveButton=de,exports.useArrayFieldRow=ue,exports.useArrayFieldRowContext=oe,exports.useFormStep=Te,exports.useStepForm=Ue,exports.useStepFormContext=Me,exports.withControlledInput=L,exports.withUncontrolledInput=P,Object.keys(p).forEach(function(e){"default"===e||exports.hasOwnProperty(e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return p[e]}})});
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n Text,\n FormControl,\n FormControlProps,\n FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n extends FormControlProps,\n Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n name,\n label,\n placeholder,\n ...props\n}) => {\n return (\n <FormControl {...props}>\n {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n <Text fontSize=\"md\">\n <FormValue name={name} />\n </Text>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n const { getValues } = useFormContext()\n return getValues(name) || null\n}\n\nif (__DEV__) {\n FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n useFormContext,\n FormState,\n Controller,\n get,\n RegisterOptions,\n FieldValues,\n FieldPath,\n} from 'react-hook-form'\n\nimport {\n forwardRef,\n Box,\n FormControl,\n FormControlProps,\n FormLabel,\n FormHelperText,\n FormErrorMessage,\n Input,\n Textarea,\n Checkbox,\n Switch,\n useMergeRefs,\n InputGroup,\n InputProps,\n TextareaProps,\n SwitchProps,\n CheckboxProps,\n PinInputProps,\n PinInputField,\n HStack,\n PinInput,\n UsePinInputProps,\n SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n Select,\n SelectProps,\n NativeSelect,\n NativeSelectProps,\n} from '@saas-ui/select'\nimport { FocusableElement } from '@chakra-ui/utils'\n\nexport interface Option {\n value: string\n label?: string\n [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n RegisterOptions,\n 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport interface FieldProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n /**\n * The field name\n */\n name: TName\n /**\n * The field label\n */\n label?: string\n /**\n * Hide the field label\n */\n hideLabel?: boolean\n /**\n * Field help text\n */\n help?: string\n /**\n * React hook form rules\n */\n rules?: Omit<\n RegisterOptions<TFieldValues, TName>,\n 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n >\n /**\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n */\n type?: string\n /**\n * The input placeholder\n */\n placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n return get(formState.errors, name)\n}\n\nconst isTouched = (\n name: string,\n formState: FormState<{ [x: string]: any }>\n) => {\n return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n const { name, label, help, variant, hideLabel, children, ...controlProps } =\n props\n\n const { formState } = useFormContext()\n\n const error = getError(name, formState)\n\n return (\n <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n {label && !hideLabel ? (\n <FormLabel variant={variant}>{label}</FormLabel>\n ) : null}\n <Box>\n {children}\n {help && !error?.message ? (\n <FormHelperText>{help}</FormHelperText>\n ) : null}\n {error?.message && (\n <FormErrorMessage>{error?.message}</FormErrorMessage>\n )}\n </Box>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n type?: FieldTypes\n}\n\n/**\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n */\nexport const Field = React.forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FieldProps<TFieldValues> | FieldTypeProps,\n ref: React.ForwardedRef<FocusableElement>\n ) => {\n const { type = defaultInputType } = props\n const InputComponent = getInput(type)\n\n return <InputComponent ref={ref} {...props} />\n }\n) as (<TFieldValues extends FieldValues>(\n props: FieldProps<TFieldValues> &\n FieldTypeProps & {\n ref?: React.ForwardedRef<FocusableElement>\n }\n) => React.ReactElement) & {\n displayName?: string\n}\n\ninterface CreateFieldProps {\n displayName: string\n hideLabel?: boolean\n BaseField: React.FC<any>\n}\n\nconst createField = (\n InputComponent: React.FC<any>,\n { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n const Field = forwardRef((props, ref) => {\n const {\n id,\n name,\n label,\n help,\n isDisabled,\n isInvalid,\n isReadOnly,\n isRequired,\n isOptional,\n rules,\n variant,\n ...inputProps\n } = props\n\n const inputRules = {\n required: isRequired,\n ...rules,\n }\n\n return (\n <BaseField\n id={id}\n name={name}\n label={label}\n help={help}\n hideLabel={hideLabel}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n isRequired={isRequired}\n isOptional={isOptional}\n variant={variant}\n >\n <InputComponent\n ref={ref}\n id={id}\n name={name}\n label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n rules={inputRules}\n {...inputProps}\n />\n </BaseField>\n )\n })\n Field.displayName = displayName\n\n return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<any>) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { control } = useFormContext()\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref: _ref, ...field } }) => (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )}\n />\n )\n }\n )\n}\n\nexport const withUncontrolledInput = (InputComponent: React.FC<any>) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { register } = useFormContext()\n\n const { ref: _ref, ...field } = register(name, rules)\n\n return (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )\n }\n )\n}\n\nexport interface RegisterFieldTypeOptions {\n isControlled?: boolean\n hideLabel?: boolean\n BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n type: string,\n component: React.FC<T>,\n options?: RegisterFieldTypeOptions\n) => {\n let InputComponent\n if (options?.isControlled) {\n InputComponent = withControlledInput(component)\n } else {\n InputComponent = withUncontrolledInput(component)\n }\n\n const Field = createField(InputComponent, {\n displayName: `${type\n .split('-')\n .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n .join('')}Field`,\n hideLabel: options?.hideLabel,\n BaseField: options?.BaseField || BaseField,\n }) as React.FC<T & FieldProps>\n\n inputTypes[type] = Field\n\n return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n type?: string\n leftAddon?: React.ReactNode\n rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n 'text',\n forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n const input = <Input type={type} size={size} {...rest} ref={ref} />\n if (leftAddon || rightAddon) {\n return (\n <InputGroup size={size}>\n {leftAddon}\n {input}\n {rightAddon}\n </InputGroup>\n )\n }\n return input\n })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n 'number',\n NumberInput,\n {\n isControlled: true,\n }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n 'password',\n forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n 'textarea',\n Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n 'switch',\n forwardRef(({ type, ...rest }, ref) => {\n return <Switch {...rest} ref={ref} />\n }),\n {\n isControlled: true,\n }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n 'checkbox',\n forwardRef(({ label, type, ...props }, ref) => {\n return (\n <Checkbox ref={ref} {...props}>\n {label}\n </Checkbox>\n )\n }),\n {\n hideLabel: true,\n }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n 'radio',\n RadioInput,\n {\n isControlled: true,\n }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n 'native-select',\n NativeSelect,\n { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n pinLength?: number\n pinType?: 'alphanumeric' | 'number'\n spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n 'pin',\n forwardRef((props, ref) => {\n const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n const inputs: React.ReactNode[] = []\n for (let i = 0; i < pinLength; i++) {\n inputs.push(<PinInputField key={i} ref={ref} />)\n }\n\n return (\n <HStack spacing={spacing}>\n <PinInput {...inputProps} type={pinType}>\n {inputs}\n </PinInput>\n </HStack>\n )\n }),\n {\n isControlled: true,\n }\n)\n\nconst fieldTypes = {\n text: InputField,\n email: InputField,\n url: InputField,\n phone: InputField,\n number: NumberInputField,\n password: PasswordInputField,\n textarea: TextareaField,\n switch: SwitchField,\n checkbox: CheckboxField,\n radio: RadioField,\n pin: PinField,\n select: SelectField,\n 'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n type: T\n}\n\ntype FieldTypeProps =\n | {\n [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n }[keyof FieldTypes]\n | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n getFields(): FieldProps[]\n getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n items?: SchemaField[]\n properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n schema &&\n Object.entries(schema).map(([name, { items, ...field }]) => {\n return {\n ...field,\n name,\n }\n })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n const getFields = () => {\n return mapFields(schema)\n }\n const getNestedFields = (name: string) => {\n const field = get(schema, name)\n\n if (!field) return []\n\n if (field.items?.type === 'object') {\n return mapFields(field.items.properties)\n } else if (field.type === 'object') {\n return mapFields(field.properties)\n }\n return [field.items]\n }\n\n return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n useForm,\n FormProvider,\n UseFormProps,\n UseFormReturn,\n FieldValues,\n SubmitHandler,\n SubmitErrorHandler,\n UnpackNestedValue,\n ResolverOptions,\n ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<TFieldValues extends FieldValues = FieldValues> {\n /**\n * The form schema, currently supports Yup schema only.\n */\n schema?: any\n /**\n * The submit handler.\n */\n onSubmit: SubmitHandler<TFieldValues>\n /**\n * Triggers when there are validation errors.\n */\n onError?: SubmitErrorHandler<TFieldValues>\n /**\n * Ref on the HTMLFormElement.\n */\n formRef?: React.MutableRefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseFormProps<TFieldValues>,\n Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const {\n mode = 'all',\n resolver,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n schema,\n defaultValues,\n onSubmit,\n onError,\n formRef,\n children,\n ...rest\n } = props\n\n const form = {\n mode,\n resolver,\n defaultValues,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n }\n\n if (schema && !resolver) {\n form.resolver = Form.getResolver?.(schema)\n }\n\n const methods = useForm<TFieldValues>(form)\n const { handleSubmit } = methods\n\n // This exposes the useForm api through the forwarded ref\n React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n return (\n <FormProvider {...methods}>\n <chakra.form\n ref={formRef}\n onSubmit={handleSubmit(onSubmit, onError)}\n {...rest}\n className={cx('saas-form', props.className)}\n >\n {children}\n </chakra.form>\n </FormProvider>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: FormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getResolver?: GetResolver\n getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n values: UnpackNestedValue<TFieldValues>,\n context: TContext | undefined,\n options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n const theme = useTheme()\n\n const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n spacing: 4,\n }\n\n const gridProps = {\n ...defaultProps,\n ...props,\n }\n\n return (\n <SimpleGrid\n {...gridProps}\n className={cx('saas-form__layout', props.className)}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return <FormLayoutItem>{child}</FormLayoutItem>\n }\n return child\n })}\n </SimpleGrid>\n )\n}\n\nif (__DEV__) {\n FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n return React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child.props.name) {\n return React.cloneElement(child, {\n ...child.props,\n name: `${name}.${child.props.name}`,\n })\n }\n return child\n })\n}\n","import * as React from 'react'\nimport {\n useFieldArray,\n useFormContext,\n UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n /**\n * The array field name\n */\n name: string\n /**\n * The default value for new items\n */\n defaultValue: Record<string, any>\n /**\n * Min amount of items\n */\n min?: number\n /**\n * Max amount of items\n */\n max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n createContext<UseArrayFieldReturn>({\n name: 'ArrayFieldContext',\n })\n\nexport interface UseArrayFieldRowReturn {\n /**\n * Name of the array field including the index, eg 'field.0'\n */\n name: string\n /**\n * The field index\n */\n index: number\n /**\n * Remove this array item\n */\n remove: () => void\n /**\n * True if this is the first item\n */\n isFirst: boolean\n /**\n * True if this is the last item\n */\n isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n createContext<UseArrayFieldRowReturn>({\n name: 'ArrayFieldRowContext',\n })\n\nexport interface ArrayFieldOptions {\n /**\n * The field name\n */\n name: string\n /**\n * Default value for new values in the array\n */\n defaultValue?: Record<string, any>\n /**\n * Default key name for rows, change this if your data uses a different 'id' field\n * @default \"id\"\n */\n keyName?: string\n min?: number\n max?: number\n}\n\nexport const useArrayField = ({\n name,\n defaultValue = {},\n keyName,\n min,\n max,\n}: ArrayFieldOptions) => {\n const { control } = useFormContext()\n const context = useFieldArray({\n control,\n name,\n keyName,\n })\n\n return {\n ...context,\n name,\n defaultValue,\n min,\n max,\n }\n}\n\nexport interface UseArrayFieldRowProps {\n index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n const { clearErrors } = useFormContext()\n const { name, remove, fields } = useArrayFieldContext()\n\n React.useEffect(() => {\n // reset errors, to make sure min/max errors reset correctly\n clearErrors(name)\n }, [])\n\n return {\n index,\n isFirst: index === 0,\n isLast: index === fields.length - 1,\n name: `${name}.${index}`,\n remove: React.useCallback(() => {\n clearErrors(name)\n remove(index)\n }, [index]),\n }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n const { isFirst, remove } = useArrayFieldRowContext()\n const { min, fields } = useArrayFieldContext()\n\n const isDisabled = isFirst && !!(min && fields.length <= min)\n\n return {\n onClick: () => remove(),\n isDisabled,\n }\n}\n\nexport const useArrayFieldAddButton = () => {\n const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n const isDisabled = !!(max && fields.length >= max)\n\n return {\n onClick: () =>\n append(defaultValue, {\n shouldFocus: false,\n }),\n isDisabled,\n }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n useArrayField,\n useArrayFieldRow,\n useArrayFieldContext,\n ArrayFieldProvider,\n ArrayFieldOptions,\n ArrayFieldRowProvider,\n useArrayFieldRowContext,\n useArrayFieldRemoveButton,\n useArrayFieldAddButton,\n UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n id: string\n [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps extends FormLayoutProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n /**\n * The array index\n */\n index: number\n /**\n * The fields\n */\n children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n children,\n index,\n ...rowFieldsProps\n}) => {\n return (\n <ArrayFieldRowContainer index={index}>\n <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n <ArrayFieldRemoveButton />\n </ArrayFieldRowContainer>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n /**\n * The fields\n */\n children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n children,\n ...layoutProps\n}) => {\n const { name } = useArrayFieldRowContext()\n return (\n <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n {mapNestedFields(name, children)}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n children,\n index,\n}) => {\n const context = useArrayFieldRow({ index })\n\n const styles = {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-end',\n width: '100%',\n mb: 4,\n }\n\n return (\n <ArrayFieldRowProvider value={context}>\n <chakra.div __css={styles}>{children}</chakra.div>\n </ArrayFieldRowProvider>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<MinusIcon />}\n aria-label=\"Remove row\"\n {...useArrayFieldRemoveButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<AddIcon />}\n aria-label=\"Add row\"\n float=\"right\"\n {...useArrayFieldAddButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n extends ArrayFieldOptions,\n Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = forwardRef(\n (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n const { children, ...containerProps } = props\n\n return (\n <ArrayFieldContainer ref={ref} {...containerProps}>\n <ArrayFieldRows>\n {(fields: ArrayField[]) => (\n <>\n {fields.map(({ id }, index: number) => (\n <ArrayFieldRow key={id} index={index}>\n {children}\n </ArrayFieldRow>\n ))}\n </>\n )}\n </ArrayFieldRows>\n <ArrayFieldAddButton />\n </ArrayFieldContainer>\n )\n }\n) as ((\n props: ArrayFieldProps & {\n ref?: React.ForwardedRef<UseArrayFieldReturn>\n }\n) => React.ReactElement) & {\n displayName: string\n}\n\nif (__DEV__) {\n ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n const { fields } = useArrayFieldContext()\n return children(fields)\n}\n\nif (__DEV__) {\n ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n (\n {\n name,\n defaultValue,\n keyName,\n min,\n max,\n children,\n ...fieldProps\n }: ArrayFieldProps,\n ref: React.ForwardedRef<UseArrayFieldReturn>\n ) => {\n const context = useArrayField({\n name,\n defaultValue,\n keyName,\n min,\n max,\n })\n\n // This exposes the useArrayField api through the forwarded ref\n React.useImperativeHandle(ref, () => context, [ref, context])\n\n return (\n <ArrayFieldProvider value={context}>\n <BaseField name={name} {...fieldProps}>\n {children}\n </BaseField>\n </ArrayFieldProvider>\n )\n }\n)\n\nif (__DEV__) {\n ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n FormControl,\n FormLabel,\n FormLabelProps,\n ResponsiveValue,\n useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n name: string\n children: React.ReactNode\n columns?: ResponsiveValue<number>\n spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n const styles = useStyleConfig('FormLegend')\n return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n props\n\n return (\n <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n <FormLayout columns={columns} gridGap={spacing}>\n {mapNestedFields(name, children)}\n </FormLayout>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\n\nexport interface FieldsProps {\n schema: any\n fieldResolver?: FieldResolver\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n return resolver\n .getNestedFields(name)\n ?.map(\n ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n )\n )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n schema,\n fieldResolver,\n ...props\n}) => {\n const resolver = React.useMemo(\n () => fieldResolver || Form.getFieldResolver(schema),\n [schema, fieldResolver]\n )\n\n return (\n <FormLayout {...props}>\n {resolver\n .getFields()\n .map(\n ({\n name,\n type,\n defaultValue,\n ...fieldProps\n }: FieldProps): React.ReactNode => {\n if (type === 'array') {\n return (\n <ArrayField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ArrayField>\n )\n } else if (type === 'object') {\n return (\n <ObjectField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ObjectField>\n )\n }\n\n return <Field key={name} name={name} type={type} {...fieldProps} />\n }\n )}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n /**\n * Disable the submit button if the form is untouched.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfUntouched`\n */\n disableIfUntouched?: boolean\n /**\n * Disable the submit button if the form is invalid.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfInvalid`\n */\n disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = forwardRef<SubmitButtonProps, 'button'>(\n (props, ref) => {\n const { children, disableIfUntouched, disableIfInvalid, ...rest } = props\n const { formState } = useFormContext()\n\n const isDisabled =\n (disableIfUntouched && !formState.isDirty) ||\n (disableIfInvalid && !formState.isValid)\n\n return (\n <Button\n type=\"submit\"\n isLoading={formState.isSubmitting}\n colorScheme=\"primary\"\n ref={ref}\n isDisabled={isDisabled}\n {...rest}\n >\n {children}\n </Button>\n )\n }\n)\n\nSubmitButton.defaultProps = {\n label: 'Submit',\n disableIfUntouched: false,\n disableIfInvalid: false,\n}\n\nif (__DEV__) {\n SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton, SubmitButtonProps } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n /**\n * The submit button label.\n * Pass `null` to render no submit button.\n */\n submitLabel?: React.ReactNode\n /**\n * The schema.\n * Supports object schema, Yup or Zod.\n * @see https://www.saas-ui.dev/docs/forms/auto-form\n */\n schema: any\n /**\n * The field resolver.\n */\n fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n extends Omit<FormProps<TFieldValues>, 'schema'>,\n AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: AutoFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const {\n schema,\n submitLabel = 'Submit',\n fieldResolver,\n children,\n ...rest\n } = props\n\n return (\n <Form {...rest} schema={schema} ref={ref}>\n <FormLayout>\n {<Fields schema={schema} fieldResolver={fieldResolver} />}\n {submitLabel && <SubmitButton label={submitLabel} />}\n {children}\n </FormLayout>\n </Form>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: AutoFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n useFormContext,\n useWatch,\n FieldValues,\n UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n children: React.ReactElement\n name: string\n defaultValue?: unknown\n isDisabled?: boolean\n isExact?: boolean\n condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n children,\n name,\n defaultValue,\n isDisabled,\n isExact,\n condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n const value = useWatch({\n name,\n defaultValue,\n disabled: isDisabled,\n exact: isExact,\n })\n const context = useFormContext<TFieldValues>()\n return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } from '@chakra-ui/react-utils'\nimport {\n useStepper,\n useStep,\n UseStepperProps,\n UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n name: string\n schema?: any\n resolver?: any\n isActive?: boolean\n isCompleted?: boolean\n}\n\nexport interface StepFormContext extends UseStepperReturn {\n updateStep(state: StepState): void\n steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n createContext<StepFormContext>({\n name: 'StepFormContext',\n errorMessage:\n 'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n TFieldValues extends FieldValues = FieldValues\n> extends Omit<UseStepperProps, 'onChange'>,\n Omit<FormProps<TFieldValues>, 'children'> {\n children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n getFormProps(): {\n onSubmit: SubmitHandler<TFieldValues>\n schema?: any\n resolver?: any\n }\n updateStep(step: any): void\n steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n const { onChange, ...rest } = props\n const stepper = useStepper(rest)\n\n const { activeStep, isLastStep, nextStep } = stepper\n\n const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n async (data) => {\n if (isLastStep) {\n return props\n .onSubmit?.(data)\n .then(() => {\n const step = steps[activeStep]\n updateStep({\n ...step,\n isCompleted: true,\n })\n })\n .then(nextStep) // Show completed step\n }\n\n nextStep()\n },\n [activeStep, isLastStep]\n )\n\n const getFormProps = React.useCallback(() => {\n const step = steps[activeStep]\n return {\n onSubmit: onSubmitStep,\n schema: step?.schema,\n resolver: step?.resolver,\n }\n }, [steps, onSubmitStep, activeStep])\n\n const updateStep = React.useCallback(\n (step: StepState) => {\n updateSteps((steps) => {\n return {\n ...steps,\n [step.name]: step,\n }\n })\n },\n [steps]\n )\n\n return {\n getFormProps,\n updateStep,\n steps,\n ...stepper,\n }\n}\n\nexport interface UseFormStepProps {\n name: string\n schema?: any\n resolver?: any\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n const { name, schema, resolver } = props\n const step = useStep({ name })\n\n const { steps, updateStep } = useStepFormContext()\n\n React.useEffect(() => {\n updateStep({ name, schema, resolver })\n }, [name, schema])\n\n return {\n ...step,\n ...(steps[name] || { name, schema }),\n }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport { chakra, HTMLChakraProps } from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n StepperProvider,\n StepperSteps,\n StepperStepsProps,\n StepperStep,\n useStepperContext,\n StepperContainer,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form, FormProps } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n useStepForm,\n useFormStep,\n StepFormProvider,\n UseStepFormProps,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: StepFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const { children, ...rest } = props\n\n const stepper = useStepForm<TFieldValues>(props)\n\n const { getFormProps, ...ctx } = stepper\n\n const context = React.useMemo(() => ctx, [ctx])\n\n return (\n <StepperProvider value={context}>\n <StepFormProvider value={context}>\n <Form ref={ref} {...rest} {...getFormProps()}>\n {runIfFn(children, stepper)}\n </Form>\n </StepFormProvider>\n </StepperProvider>\n )\n }\n) as <TFieldValues extends FieldValues>(\n props: StepFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n /**\n * The step name\n */\n name: string\n /**\n * Schema\n */\n schema?: any\n /**\n * Hook Form Resolver\n */\n resolver?: any\n}\n\nexport const FormStepper: React.FC<StepperStepsProps> = (props) => {\n const { activeIndex, setIndex } = useStepperContext()\n\n const { children, orientation } = props\n\n const elements = React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child?.type === FormStep) {\n const { isCompleted } = useFormStep(child.props) // Register this step\n return (\n <StepperStep\n name={child.props.name}\n title={child.props.title}\n isCompleted={isCompleted}\n >\n {child.props.children}\n </StepperStep>\n )\n }\n return child\n })\n\n const onChange = React.useCallback((i: number) => {\n setIndex(i)\n }, [])\n\n return (\n <StepperContainer\n orientation={orientation}\n step={activeIndex}\n onChange={onChange}\n >\n <StepperSteps mb=\"4\" {...props}>\n {elements}\n </StepperSteps>\n </StepperContainer>\n )\n}\n\nexport interface FormStepProps\n extends FormStepOptions,\n HTMLChakraProps<'div'> {}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n const { name, schema, resolver, children, className, ...rest } = props\n const step = useFormStep({ name, schema, resolver })\n\n const { isActive } = step\n\n return isActive ? (\n <chakra.div {...rest} className={cx('saas-form__step', className)}>\n {children}\n </chakra.div>\n ) : null\n}\n\nif (__DEV__) {\n FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n return (\n <Button\n isDisabled={isFirstStep || isCompleted}\n label=\"Back\"\n {...props}\n className={cx('saas-form__prev-button', props.className)}\n onClick={callAllHandlers(props.onClick, prevStep)}\n />\n )\n}\n\nif (__DEV__) {\n PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n const { isLastStep, isCompleted } = useStepperContext()\n\n return (\n <SubmitButton\n isDisabled={isCompleted}\n label={isLastStep || isCompleted ? submitLabel : label}\n {...rest}\n className={cx('saas-form__next-button', props.className)}\n />\n )\n}\n\nif (__DEV__) {\n NextButton.displayName = 'NextButton'\n}\n"],"names":["_excluded","DisplayField","_ref","name","label","props","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","_ref2","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","inputTypes","BaseField","help","variant","hideLabel","children","controlProps","error","formState","get","errors","getError","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","defaultInputType","_props$type","withControlledInput","InputComponent","rules","_ref3","inputProps","_objectWithoutPropertiesLoose","_useFormContext2","Controller","control","render","field","_ref4$field","useMergeRefs","withUncontrolledInput","_ref5","_register","register","_extends","registerFieldType","component","options","id","isDisabled","isReadOnly","isRequired","isOptional","required","undefined","inputRules","createField","isControlled","split","map","part","charAt","toUpperCase","slice","join","InputField","_ref6$type","_ref6","leftAddon","rightAddon","size","rest","input","Input","InputGroup","NumberInputField","NumberInput","PasswordInputField","PasswordInput","TextareaField","Textarea","SwitchField","Switch","SelectField","Select","_ref8","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","PinField","pinLength","_props$pinLength","pinType","spacing","inputs","i","push","PinInputField","key","HStack","PinInput","mapFields","schema","Object","entries","objectFieldResolver","getFields","getNestedFields","_field$items","items","properties","Form","mode","_props$mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","gridProps","theme","useTheme","components","defaultProps","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","createContext","ArrayFieldProvider","useArrayFieldContext","_createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","_ref$defaultValue","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","_useArrayFieldContext","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","_useArrayFieldRowCont","_useArrayFieldContext2","onClick","append","_useArrayFieldContext3","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","useArrayFieldAddButton","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","Fragment","_ref4","fieldProps","FormLegend","styles","useStyleConfig","as","sx","columns","gridGap","ObjectField","_resolver$getNestedFi","nestedFieldProps","Fields","fieldResolver","useMemo","disableIfUntouched","disableIfInvalid","Button","isLoading","isSubmitting","colorScheme","isDirty","isValid","SubmitButton","AutoForm","_props$submitLabel","submitLabel","DisplayIf","condition","_ref$condition","useWatch","disabled","exact","isExact","errorMessage","StepFormProvider","useStepFormContext","useStepForm","onChange","stepper","useStepper","activeStep","isLastStep","nextStep","_React$useState","useState","steps","updateSteps","onSubmitStep","data","then","updateStep","step","isCompleted","Promise","resolve","e","reject","getFormProps","_extends2","useFormStep","useStep","_useStepFormContext","StepForm","ctx","StepperProvider","runIfFn","FormStep","isActive","PrevButton","useStepperContext","prevStep","_useStepperContext2","isFirstStep","callAllHandlers","NextButton","_props$label","_useStepperContext","activeIndex","setIndex","orientation","elements","_useFormStep","StepperStep","title","StepperContainer","StepperSteps"],"mappings":"okCAAA,IAAAA,EAAA,CAAA,OAAA,QAAA,eAiByBC,EAAgC,SAAAC,GACvDC,IAAAA,EAAAA,EAAAA,KACAC,EAAAA,EAAAA,MAEGC,sBAEH,OACEC,EAAAC,cAACC,EAADA,YAAiBH,EACdD,eAAQE,EAACC,cAAAE,EAADA,UAAW,CAAAC,QAASP,GAAOC,GAAqB,kBACzDE,EAAAC,cAACI,EAADA,KAAA,CAAMC,SAAS,mBACbN,EAACC,cAAAM,EAAU,CAAAV,KAAMA,OAMrBW,EAAAA,UACFb,EAAac,YAAc,gBAGhBF,MAAwC,SAAAG,GAAGb,IAAAA,EAAAA,EAAAA,KAEtD,OAAOc,EADeC,EAAcA,iBAA5BD,WACSd,IAAS,MAGxBW,EAAAA,UACFD,EAAUE,YAAc,aC3C1B,IAAAf,EAAA,CAAA,OAAA,QAAA,OAAA,UAAA,YAAA,YAAAmB,EAAA,CAAA,KAAA,OAAA,QAAA,OAAA,aAAA,YAAA,aAAA,aAAA,aAAA,QAAA,WAAAC,EAAA,CAAA,OAAA,SAAAC,EAAA,CAAA,OAAAC,EAAA,CAAA,OAAA,SAAAC,EAAA,CAAA,OAAAC,EAAA,CAAA,OAAA,YAAA,aAAA,QAAAC,EAAA,CAAA,QAAAC,EAAA,CAAA,QAAA,QAAAC,EAAA,CAAA,YAAA,UAAA,WA8GMC,EAA4C,GAmBrCC,EAAkC,SAACxB,GAC9C,IAAQF,EACNE,EADMF,KAAMC,EACZC,EADYD,MAAO0B,EACnBzB,EADmByB,KAAMC,EACzB1B,EADyB0B,QAASC,EAClC3B,EADkC2B,UAAWC,EAC7C5B,EAD6C4B,SAAaC,EAC1D7B,EAAAA,EAEFL,GAEWmC,EAjBI,SAAChC,EAAciC,GAC9B,SAAUC,IAACD,EAAUE,OAAQnC,GAgBfoC,CAASpC,EAFDe,EAAcA,iBAA5BkB,wBAIR,OACE9B,EAACC,cAAAC,EAAAA,eAAYuB,QAASA,GAAaG,EAAc,CAAAM,YAAaL,IAC3D/B,IAAU4B,eACT1B,EAAAC,cAACE,EAAAA,UAAU,CAAAsB,QAASA,GAAU3B,GAC5B,kBACJE,EAACC,cAAAkC,EAAAA,IACER,KAAAA,GACAH,SAASK,GAAAA,EAAOO,QAEb,kBADFpC,EAACC,cAAAoC,iBAAgBb,KAAAA,IAElB,MAAAK,OAAA,EAAAA,EAAOO,uBACNpC,EAAAC,cAACqC,EAADA,iBAAA,KAAmBT,MAAAA,OAAAA,EAAAA,EAAOO,YAOhC5B,EAAAA,UACFe,EAAUd,YAAc,aAwBb8B,IAAAA,EAAQvC,EAAMwC,WACzB,SACEzC,EACA0C,GAEA,MAAoC1C,EAA5B2C,kBAGR,OAAO1C,EAACC,cAzEHqB,OAsEUqB,IAAAA,EAzEM,OA0ErBC,IAvEyBtB,EAAU,QAyEZmB,IAAKA,GAAS1C,MAwE5B8C,EAAsB,SAACC,GAClC,OAAiBN,aACf,WAAiCC,GAA9B5C,IAAAA,IAAAA,KAAMkD,EAA+BC,EAA/BD,MAAUE,EACjBC,EAAAF,EAAAlC,GAAAqC,EAAoBvC,gCAEpB,OACEZ,EAACC,cAAAmD,EAAAA,YACCvD,KAAMA,EACNwD,QALJF,EAAQE,QAMJN,MAAOA,EACPO,OAAQ,oBAAGC,MAAc3D,EAAjB4D,EAAYf,IAAcc,EAChCL,EAAAM,EAAAzC,gBAAA,OAAAf,EAAAC,cAAC6C,EACKS,EAAAA,GAAAA,EACAN,GACJR,IAAKgB,eAAahB,EAAK7C,YASxB8D,EAAwB,SAACZ,GACpC,OAAiBN,EAAAA,WACf,WAAiCC,GAA9B5C,IAAAA,IAAAA,KAAMkD,EAA+BY,EAA/BZ,MAAUE,EACjBC,EAAAS,EAAA3C,GAEA4C,GAAgCC,EAFXjD,EAAAA,iBAAbiD,UAEiChE,EAAMkD,GAAlCnD,EAAL6C,EAAAA,IAAcc,sBAEtB,OACEvD,EAAAC,cAAC6C,EAADgB,EAAA,GACMP,EACAN,EACJ,CAAAR,IAAKgB,EAAYA,aAAChB,EAAK7C,SAqBpBmE,EAAoB,SAC/BrB,EACAsB,EACAC,GAEA,MAnHkB,SAClBnB,EADkBpC,GAEhBD,IAAAA,IAAAA,YAAaiB,EACbhB,EADagB,UAAWH,EAAAA,EAAAA,UAEpBgB,EAAQC,aAAW,SAACzC,EAAO0C,GAC/B,IAAAyB,EAaInE,EAZFmE,GACArE,EAWEE,EAXFF,KACAC,EAUEC,EAVFD,MACA0B,EASEzB,EATFyB,KACA2C,EAQEpE,EARFoE,WACAjC,EAOEnC,EAPFmC,UACAkC,EAMErE,EANFqE,WACAC,EAKEtE,EALFsE,WACAC,EAIEvE,EAJFuE,WACAvB,EAGEhD,EAHFgD,MACAtB,EAEE1B,EAFF0B,QACGwB,EACDlD,EAAAA,EAEJc,KACE0D,EAAAA,CAAAA,SAAUF,GACPtB,gBAGL,OACE/C,gBAACuB,EAAD,CACE2C,GAAIA,EACJrE,KAAMA,EACNC,MAAOA,EACP0B,KAAMA,EACNE,UAAWA,EACXyC,WAAYA,EACZjC,UAAWA,EACXkC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZ7C,QAASA,gBAETzB,EAACC,cAAA6C,KACCL,IAAKA,EACLyB,GAAIA,EACJrE,KAAMA,EACNC,MAAO4B,EAAY5B,OAAQ0E,EAC3BzB,MAAO0B,GACHxB,OAOZ,OAFAV,EAAM9B,YAAcA,EAGrB8B,EAqEemC,CANd,MAAIT,GAAAA,EAASU,aACM9B,EAAoBmB,GAEpBN,EAAsBM,GAGC,CACxCvD,YAAgBiC,EACbkC,MAAM,KACNC,IAAI,SAACC,GAAD,SAAeC,OAAO,GAAGC,cAAgBF,EAAKG,MAAM,KACxDC,KAAK,IAJgC,QAKxCxD,UAAWuC,MAAAA,OAAAA,EAAAA,EAASvC,UACpBH,iBAAW0C,OAAAA,EAAAA,EAAS1C,YAAaA,IAKnC,OAFAD,EAAWoB,GAAQH,EAGpBA,GAQsB4C,EAAGpB,EACxB,OACAvB,aAAW,SAA0DC,EAAAA,GAAO,IAAA2C,EAAAC,EAA9D3C,KAAAA,OAAO,IAAA0C,EAAA,SAAQE,EAA+CD,EAA/CC,UAAWC,EAAAA,EAAAA,WAAYC,IAAAA,KAASC,EAAevC,EAAAmC,EAAAnE,GAC/DwE,eAAG1F,EAACC,cAAA0F,WAAMjD,KAAMA,EAAM8C,KAAMA,GAAUC,EAAM,CAAAhD,IAAKA,KAC5D,OAAI6C,GAAaC,eAEbvF,EAAAC,cAAC2F,aAAW,CAAAJ,KAAMA,GACfF,EACAI,EACAH,GAIAG,KAQkBG,EAAG9B,EAC9B,SACA+B,cACA,CACEnB,cAAc,IAIaoB,EAAGhC,EAChC,WACAvB,aAAW,SAACzC,EAAO0C,uBAAQzC,EAACC,cAAA+F,EAAAA,cAAclC,EAAA,CAAArB,IAAKA,GAAS1C,OAG7CkG,EAAgBlC,EAC3B,WACAmC,EAF4CA,UAKtBC,EAAGpC,EACzB,SACAvB,EAAUA,WAAC,SAAoBC,EAAAA,GAAjBC,IAAS+C,sBACrB,OAAOzF,EAAAC,cAACmG,SAADtC,EAAA,GAAY2B,EAAM,CAAAhD,IAAKA,OAEhC,CACEkC,cAAc,IAIM0B,EAAGtC,EAA+B,SAAUuC,EAAxBA,OAAgC,CAC1E3B,cAAc,MAGaZ,EAC3B,WACAvB,EAAUA,WAAC,SAAA+D,EAA4B9D,GAAzB3C,IAAgCA,EAAAyG,EAAhCzG,MAAgBC,EAAgBmD,EAAAqD,EAAAnF,gBAC5C,OACEpB,EAAAC,cAACuG,EAAAA,SAAS1C,EAAA,CAAArB,IAAKA,GAAS1C,GACrBD,KAIP,CACE4B,WAAW,IAIF+E,EAAa1C,EACxB,QACA2C,EAFyCA,WAGzC,CACE/B,cAAc,IAILgC,EAAoB5C,EAC/B,gBACA6C,EAFgDA,aAGhD,CAAEjC,cAAc,IASGkC,EAAG9C,EACtB,MACAvB,EAAAA,WAAW,SAACzC,EAAO0C,GAIjB,IAHA,IAA2D1C,EAAAA,EAAnD+G,UAAAA,OAAR,IAAAC,EAAoB,EAApBA,EAAuBC,EAAoCjH,EAApCiH,QAASC,EAA2BlH,EAA3BkH,QAAYhE,EAAelD,EAAAA,KAErDmH,EAA4B,GACxBC,EAAG,EAAGA,EAAIL,EAAWK,IAC7BD,EAAOE,kBAAKpH,EAAAC,cAACoH,EAAAA,cAAc,CAAAC,IAAKH,EAAG1E,IAAKA,kBAG1C,OACEzC,EAACC,cAAAsH,UAAON,QAASA,gBACfjH,EAACC,cAAAuH,WAAavE,EAAAA,GAAAA,GAAYP,KAAMsE,IAC7BE,MAKT,CACEvC,cAAc,ICnclBjF,EAAA,CAAA,SAce+H,EAAG,SAACC,GAAD,OACVA,GACNC,OAAOC,QAAQF,GAAQ7C,IAAI,SAAAjF,GAAEC,IAA8BA,EAAAD,EAAA,GACzD,OAAAkE,EAAA,GAAAZ,EADyDtD,EAAA,GACzDF,GAEEG,CAAAA,KAAAA,OAI0BgI,EAAG,SAACH,GAiBlC,MAAO,CAAEI,UAhBS,WAChB,SAAiBJ,IAeCK,gBAbI,SAAClI,GAAgB,IAAAmI,EACjCzE,EAAQxB,MAAI2F,EAAQ7H,GAE1B,OAAK0D,EAEqB,YAAtB,OAAAyE,EAAAzE,EAAM0E,YAAN,EAAAD,EAAatF,MACC+E,EAAClE,EAAM0E,MAAMC,YACL,WAAf3E,EAAMb,KACC+E,EAAClE,EAAM2E,YAElB,CAAC3E,EAAM0E,OAPK,MChCvBvI,EAAA,CAAA,OAAA,WAAA,iBAAA,mBAAA,mBAAA,4BAAA,eAAA,aAAA,SAAA,gBAAA,WAAA,UAAA,UAAA,YAiDayI,EAAO3F,aAClB,SACEzC,EACA0C,GAEA,IAgBI1C,EAAAA,EAfFqI,KAAAA,aAAO,MADTC,EAEEC,EAcEvI,EAdFuI,SACAC,EAaExI,EAbFwI,eACAC,EAYEzI,EAZFyI,iBACAC,EAWE1I,EAXF0I,iBACAC,EAUE3I,EAVF2I,0BACAC,EASE5I,EATF4I,aACAC,EAQE7I,EARF6I,WACAlB,EAOE3H,EAPF2H,OACAmB,EAME9I,EANF8I,cACAC,EAKE/I,EALF+I,SACAC,EAIEhJ,EAJFgJ,QACAC,EAGEjJ,EAHFiJ,QACArH,EAEE5B,EAFF4B,SACG8D,EACD1F,EAAAA,EAEJL,GAAUuJ,EAAG,CACXb,KAAAA,EACAE,SAAAA,EACAO,cAAAA,EACAN,eAAAA,EACAC,iBAAAA,EACAC,iBAAAA,EACAC,0BAAAA,EACAC,aAAAA,EACAC,WAAAA,GAGElB,IAAWY,IACbW,EAAKX,SAAWH,MAAAA,EAAKe,iBAALf,EAAAA,EAAKe,YAAcxB,IAGrC,IAAayB,EAAGC,EAAOA,QAAeH,GAC9BI,EAAiBF,EAAjBE,aAKR,OAFArJ,EAAMsJ,oBAAoB7G,EAAK,WAAM0G,OAAAA,GAAS,CAAC1G,EAAK0G,iBAGlDnJ,gBAACuJ,EAADA,aAAkBJ,eAChBnJ,EAACC,cAAAuJ,EAADA,OAAQP,QACNxG,IAAKuG,EACLF,SAAUO,EAAaP,EAAUC,IAC7BtD,EAHN,CAIEgE,UAAWC,EAAAA,GAAG,YAAa3J,EAAM0J,aAEhC9H,MAeXwG,EAAKwB,iBAAmB9B,EAEpBrH,YACF2H,EAAK1H,YAAc,QCxHrB,IAAAf,EAAA,CAAA,YAWMkK,EAAgD,SAAiBhK,gBACrE,OAAOI,EAACC,cAAAuJ,EAAAA,OAAOK,IAAR,KAD8DjK,EAAd+B,WAIrDnB,YACFoJ,EAAenJ,YAAc,kBASlBqJ,IAAAA,GAAa,SAA4CpJ,GAAA,IAAAqJ,EAAAC,EAAAC,IAAzCtI,EAAAA,SAAa5B,SAOzBmK,EAAApG,EAAA,GAJoD,OAA9CqG,EAAH,OAAGA,EAFPC,EAAQA,WAEKC,oBAATJ,EAAGD,EAAkBF,iBAArB,EAAGG,EAA8BK,cAAgBP,EAAA,CACjE9C,QAAS,GAKNlH,gBAGL,OACEC,EAAAC,cAACsK,EAADA,WACML,EAAAA,GAAAA,EACJ,CAAAT,UAAWC,EAAAA,GAAG,oBAAqB3J,EAAM0J,aAExCzJ,EAAMwK,SAAS3F,IAAIlD,EAAU,SAAC8I,GAC7B,OAAIzK,EAAM0K,eAAeD,gBAChBzK,EAACC,cAAA2J,EAAgBa,KAAAA,GAG3BA,MAKHjK,EAAJA,UACEsJ,GAAWrJ,YAAc,cCnDpB,IAAqBkK,GAAG,SAAC9K,EAAc8B,GAC5C,OAAY3B,EAACwK,SAAS3F,IAAIlD,EAAU,SAAC8I,GACnC,OAAIzK,EAAM0K,eAAeD,IAAUA,EAAM1K,MAAMF,KACtCG,EAAM4K,aAAaH,OACrBA,EAAM1K,MADJ,CAELF,KAASA,EAAL,IAAa4K,EAAM1K,MAAMF,QAIlC4K,QCkBDI,EAAaA,cAAsB,CACjChL,KAAM,sBAFIiL,SAAoBC,GAA3BC,GAAA,GA6BLH,GAAAA,EAAAA,cAAsC,CACpChL,KAAM,yBAFIoL,GAAuBC,GAAAA,GAAAA,SAuBXC,GAAG,SAAAvL,GAC3BC,IAAAA,IAAAA,KAKsBuL,EAAAxL,EAJtByL,aAAAA,aAAe,GAIOD,EAHtBE,EAGsB1L,EAHtB0L,QACAC,IAAAA,IACAC,EAAAA,EAAAA,IAEoB5K,EAAAA,EAAcA,iBAOlC,OACK6K,EAAAA,GAPWC,EAAAA,cAAc,CAC5BrI,UAFMA,QAGNxD,KAAAA,EACAyL,QAAAA,KAKAzL,KAAAA,EACAwL,aAAAA,EACAE,IAAAA,EACAC,IAAAA,KAQyBG,GAAG,SAAAjL,GAAGkL,IAAAA,IAAAA,MACzBC,EAAgBjL,EAAcA,iBAA9BiL,cACyBd,KAAzBlL,EAARiM,EAAQjM,KAAMkM,EAAAA,EAAAA,OAAQC,EAAtBF,EAAsBE,OAOtB,OALAhM,EAAMiM,UAAU,WAEdJ,EAAYhM,IACX,IAEI,CACL+L,MAAAA,EACAM,QAAmB,IAAVN,EACTO,OAAQP,IAAUI,EAAOI,OAAS,EAClCvM,KAASA,EAAL,IAAa+L,EACjBG,OAAQ/L,EAAMqM,YAAY,WACxBR,EAAYhM,GACZkM,EAAOH,IACN,CAACA,MAI8BU,GAAG,WACvC,IAAAC,EAA4BrB,KAApBgB,EAAAA,EAAAA,QAASH,IAAAA,SACOhB,KAAhBQ,EAARiB,EAAQjB,IAIR,MAAO,CACLkB,QAAS,WAAMV,OAAAA,KACf5H,WAJiB+H,MAAcX,KAFpBS,OAEkCI,QAAUb,QAQrB,WACpC,MAA8CR,KAAtC2B,EAARC,EAAQD,OAAQrB,IAAAA,aAAcG,EAA9BmB,EAA8BnB,IAI9B,MAAO,CACLiB,QAAS,WAAA,SACApB,EAAc,CACnBuB,aAAa,KAEjBzI,cAPoBqH,KAFaQ,OAECI,QAAUZ,KC9IhD9L,GAAA,CAAA,WAAA,SAAAmB,GAAA,CAAA,YAAAC,GAAA,CAAA,YAAAC,GAAA,CAAA,OAAA,eAAA,UAAA,MAAA,MAAA,YAiD0B8L,GAAiC,SAAAjN,GACzD+B,IAAAA,EAAAA,EAAAA,SACAiK,IAAAA,MACGkB,EACA5J,EAAAtD,EAAAF,iBACH,OACEM,EAAAC,cAAC8M,GAAD,CAAwBnB,MAAOA,gBAC7B5L,EAAAC,cAAC+M,GAAwBF,EAAiBnL,gBAC1C3B,EAACC,cAAAgN,GAFH,QAOAzM,EAAJA,UACEqM,GAAcpM,YAAc,iBAkBjBuM,IAAmBA,GAAuC,SAGlEtM,GAAA,MAFHiB,EAAAA,SACGuL,EAEHhK,EAAAxC,EAAAG,IAAQhB,EAASqL,KAATrL,kBACR,OACEG,EAAAC,cAAC6J,GAADhG,EAAA,CAAYqJ,KAAK,IAAIC,GAAG,KAAQF,GAC7BvC,GAAgB9K,EAAM8B,KAKzBnB,EAAJA,UACEwM,GAAoBvM,YAAc,uBAGvBsM,IAAAA,GAAuD,SAAA/J,OAG/DrB,EAAAqB,EAFHrB,SAGa8J,EAAGE,GAAiB,CAAEC,MADhC5I,EADH4I,qBAYA,OACE5L,EAAAC,cAACgL,GAAD,CAAuBoC,MAAO5B,gBAC5BzL,gBAACwJ,EAADA,OAAQK,IAAR,CAAYyD,MAVD,CACbC,QAAS,OACTC,cAAe,MACfC,WAAY,WACZC,MAAO,OACPC,GAAI,IAK0BhM,KAK9BnB,EAAAA,UACFuM,GAAuBtM,YAAc,0BAG1BwM,IAAAA,GAAgD,SAAClN,gBAC5D,OACEC,EAAAC,cAAC2N,aACC9J,EAAA,CAAA+J,kBAAM7N,EAAAC,cAAC6N,EAAAA,UAAD,MACN,aAAW,cACPxB,KACAvM,KAKNS,YACFyM,GAAuBxM,YAAc,0BAG1BsN,IAAmBA,GAA0B,SAAChO,gBACzD,OACEC,EAACC,cAAA2N,aACC9J,EAAA,CAAA+J,kBAAM7N,EAAAC,cAAC+N,UADT,MAEE,aAAW,UACXC,MAAM,SACFC,KACAnO,KAKNS,YACFuN,GAAoBtN,YAAc,uBAOvB0N,IAAUA,GAAG3L,aACxB,SAACzC,EAAwB0C,GACvB,IAAAd,EAAwC5B,EAAhC4B,SAAayM,EAAmBrO,EAAAA,EAExCe,iBAAA,OACEd,EAACC,cAAAoO,GAAoBvK,EAAA,CAAArB,IAAKA,GAAS2L,gBACjCpO,EAACC,cAAAqO,GACE,KAAA,SAACtC,gBACA,OAAAhM,EAAAC,cAAAD,EAAAuO,SAAA,KACGvC,EAAOnH,IAAI,SAAS+G,EAAAA,gBAAT,OACV5L,EAACC,cAAA4M,GAAc,CAAAvF,IADLkH,EAAGtK,GACW0H,MAAOA,GAC5BjK,qBAMX3B,EAAAC,cAAC8N,GAAD,SAYJvN,EAAJA,UACE2N,GAAW1N,YAAc,cAOd6N,IAAcA,GAAG,SAAA3K,GAI5B,OAAOhC,EAHPA,EAAAA,UAEmBoJ,KAAXiB,SAINxL,EAAAA,UACF8N,GAAe7N,YAAc,kBAGlB4N,IAAAA,GAAsBrO,EAAMwC,WACvC,SAUEC,EAAAA,GACE,MATA5C,EAAAA,KACAwL,EAAAA,EAAAA,aACAC,IAAAA,QACAC,EAMAlG,EANAkG,IACAC,EAKAnG,EALAmG,IACA7J,EAAAA,EAAAA,SACG8M,EAILvL,EAAAmC,EAAAtE,MAAgBoK,GAAc,CAC5BtL,KAAAA,EACAwL,aAAAA,EACAC,QAAAA,EACAC,IAAAA,EACAC,IAAAA,IAMF,OAFAxL,EAAMsJ,oBAAoB7G,EAAK,WAAA,OAAAgJ,GAAe,CAAChJ,EAAKgJ,iBAGlDzL,EAAAC,cAAC6K,GAAmB,CAAAuC,MAAO5B,gBACzBzL,EAAAC,cAACsB,EAADuC,EAAA,CAAWjE,KAAMA,GAAU4O,GACxB9M,MAOPnB,YACF6N,GAAoB5N,YAAc,uBChPpC,IAAAf,GAAA,CAAA,OAAA,QAAA,YAAA,WAAA,UAAA,WAsBagP,GAAa,SAAC3O,GACzB,IAAM4O,EAASC,EAAcA,eAAC,2BAC9B,OAAO5O,EAAAC,cAACE,EAAAA,UAAU2D,EAAA,CAAA+K,GAAG,SAASC,GAAIH,GAAY5O,QAGO,SAACA,GACtD,IAAAF,EACEE,EADMF,KAAMC,EACZC,EADYD,MAAO4B,EACnB3B,EADmB2B,UAAWC,EAC9B5B,EAD8B4B,SAAUoN,EACxChP,EADwCgP,QAAS9H,EACjDlH,EADiDkH,QAAYwH,EAA/DvL,EACEnD,EAEFL,iBAAA,OACEM,gBAACE,EAADA,YAAA4D,EAAA,CAAajE,KAAMA,EAAMgP,GAAG,YAAeJ,gBACzCzO,EAAAC,cAACyO,GAAD,CAAYnB,QAAS7L,EAAY,OAAS,SAAU5B,gBACpDE,gBAAC8J,GAAD,CAAYiF,QAASA,EAASC,QAAS/H,GACpC0D,GAAgB9K,EAAM8B,MAM3BnB,YACFyO,GAAYxO,YAAc,eC1C5B,IAAAf,GAAA,CAAA,OAAA,QAAAmB,GAAA,CAAA,SAAA,iBAAAC,GAAA,CAAA,OAAA,OAAA,gBAgBqB6J,GAAG,SAACrC,EAAyBzI,GAAgB,IAAAqP,EAChE,OAAA,OAAO5G,EAAAA,EACJP,gBAAgBlI,SADnB,EAAOqP,EAEHrK,IACA,SAAAjF,EAAkDuH,GAAlD,IAAAtH,EAAAD,EAAGC,KAAM6C,EAAT9C,EAAS8C,KAASyM,EAAlBjM,EAAAtD,EAAAF,iBAAA,OACEM,EAACC,cAAAsC,EAAMuB,EAAA,CAAAwD,IAAKzH,GAAQsH,EAAGtH,KAAMA,EAAM6C,KAAMA,GAAUyM,OAK9CC,GAAgC,SAAA1O,GAC3CgH,IAAAA,EAAAA,EAAAA,OACA2H,EAAAA,EAAAA,cACGtP,EAEHmD,EAAAxC,EAAAG,IAAcyH,EAAGtI,EAAMsP,QACrB,WAAMD,OAAAA,GAAiBlH,EAAKwB,iBAAiBjC,IAC7C,CAACA,EAAQ2H,iBAGX,OACErP,EAAAC,cAAC6J,GAAe/J,EACbuI,EACER,YACAjD,IACC,SAKkC7B,GAJhCnD,IAIgCA,EAAAmD,EAJhCnD,KACA6C,EAGgCM,EAHhCN,KAEG+L,EAC6BvL,EAAAF,EAAAlC,IAChC,MAAa,UAAT4B,eAEA1C,EAAAC,cAACkO,GAADrK,EAAA,CAAYwD,IAAKzH,EAAMA,KAAMA,GAAU4O,GACpC9D,GAAgBrC,EAAUzI,IAGb,WAAT6C,eAEP1C,EAACC,cAAAgP,GAAYnL,EAAA,CAAAwD,IAAKzH,EAAMA,KAAMA,GAAU4O,GACrC9D,GAAgBrC,EAAUzI,iBAK1BG,EAACC,cAAAsC,EAAMuB,EAAA,CAAAwD,IAAKzH,EAAMA,KAAMA,EAAM6C,KAAMA,GAAU+L,QAO7DjO,YACF4O,GAAO3O,YAAc,UCrEvB,IAAAf,GAAA,CAAA,WAAA,qBAAA,uBA0B4B8C,aAC1B,SAACzC,EAAO0C,GACN,IAAQd,EAA4D5B,EAA5D4B,SAAU4N,EAAkDxP,EAAlDwP,mBAAoBC,EAA8BzP,EAA9ByP,iBAAqB/J,EAAS1F,EAAAA,MAC5D+B,EAAclB,EAAAA,iBAAdkB,uBAMR,OACE9B,EAAAC,cAACwP,EAADA,OACE3L,EAAA,CAAApB,KAAK,SACLgN,UAAW5N,EAAU6N,aACrBC,YAAY,UACZnN,IAAKA,EACL0B,WATDoL,IAAuBzN,EAAU+N,SACjCL,IAAqB1N,EAAUgO,SAS1BrK,GAEH9D,KAMToO,GAAazF,aAAe,CAC1BxK,MAAO,SACPyP,oBAAoB,EACpBC,kBAAkB,GAGhBhP,EAAAA,UACFuP,GAAatP,YAAc,gBCzD7B,IAAAf,GAAA,CAAA,SAAA,cAAA,gBAAA,YAiCqBsQ,GAAGxN,EAAAA,WACtB,SACEzC,EACA0C,GAEA,IAAAiF,EAMI3H,EALF2H,OADFuI,EAMIlQ,EAJFmQ,YAAAA,OAFF,IAAAD,EAEgB,SAFhBA,EAGEZ,EAGEtP,EAHFsP,cACA1N,EAEE5B,EAFF4B,SACG8D,EACD1F,EAAAA,EAEJL,iBAAA,OACEM,gBAACmI,EAADrE,EAAA,GAAU2B,EAAV,CAAgBiC,OAAQA,EAAQjF,IAAKA,iBACnCzC,EAACC,cAAA6J,GACE,kBAAA9J,EAAAC,cAACmP,GAAO,CAAA1H,OAAQA,EAAQ2H,cAAeA,IACvCa,gBAAelQ,EAACC,cAAA8P,GAAa,CAAAjQ,MAAOoQ,IACpCvO,MAcPnB,EAAAA,UACFwP,GAASvP,YAAc,YChDZ0P,IAAAA,GAAY,YACvBxO,IAAAA,EAAAA,EAAAA,SAKAyO,EAAAA,EAAAA,UASA,YATY,IAAAC,EAAA,SAAChD,GAAU,QAAEA,GACQgD,GACnBC,EAAQA,SAAC,CACrBzQ,OAPFA,KAQEwL,aAPFA,EAAAA,aAQEkF,SAJ+B3Q,EAHjCuE,WAQEqM,MAL+B5Q,EAFjC6Q,UASgB7P,EAAcA,kBACKe,EAAW,MAG5CnB,EAAAA,UACF2P,GAAU1P,YAAc,aCrC1B,IAAAf,GAAA,CAAA,eAwBEmL,EAAaA,cAAkB,CAC7BhL,KAAM,kBACN6Q,aACE,gHAJQC,GAAkBC,GAAAA,GAAAA,kBA4B1BC,GACJ9Q,GAEQ+Q,IAAarL,IAAS1F,EAA9BL,IACMqR,EAAUC,aAAWvL,GAE3BwL,EAA6CF,EAArCE,WAAYC,EAAyBH,EAAzBG,WAAYC,EAAaJ,EAAbI,SAEhCC,EAA6BpR,EAAMqR,SAAoC,IAAhEC,OAAOC,EAAdH,EAAA,GAEkBI,EAAgCxR,EAAMqM,YAC/CoF,SAAAA,OACL,OAAIP,kBACF,MAAOnR,EACJ+I,cADH,EAAO/I,EACJ+I,SAAW2I,GACXC,KAAK,WAEJC,EACKC,EAAAA,GAFQN,EAAML,GAGjBY,CAAAA,aAAa,OAGhBH,KAAKP,KAGVA,IAdaW,QAAAC,WADiC,MAiBhDC,GAAA,OAAAF,QAAAG,OAAAD,KAAA,CAACf,EAAYC,IAGTgB,EAAelS,EAAMqM,YAAY,WACrC,IAAMuF,EAAON,EAAML,GACnB,MAAO,CACLnI,SAAU0I,EACV9J,OAAQkK,MAAAA,OAAAA,EAAAA,EAAMlK,OACdY,SAAUsJ,MAAAA,OAAAA,EAAAA,EAAMtJ,WAEjB,CAACgJ,EAAOE,EAAcP,IAETU,EAAG3R,EAAMqM,YACvB,SAACuF,GACCL,EAAY,SAACD,GAAS,IAAAa,EACpB,YACKb,IADLa,EAAA,IAEGP,EAAK/R,MAAO+R,EAFfO,OAMJ,CAACb,IAGH,OACEY,EAAAA,CAAAA,aAAAA,EACAP,WAAAA,EACAL,MAAAA,GACGP,GAUSqB,SAAAA,GAAYrS,GAC1B,IAAQF,EAA2BE,EAA3BF,KAAM6H,EAAqB3H,EAArB2H,OAAQY,EAAavI,EAAbuI,SAChBsJ,EAAOS,EAAOA,QAAC,CAAExS,KAAAA,IAEvByS,EAA8B1B,KAAtBU,EAAAA,EAAAA,MAAOK,EAAfW,EAAeX,WAMf,OAJA3R,EAAMiM,UAAU,WACd0F,EAAW,CAAE9R,KAAAA,EAAM6H,OAAAA,EAAQY,SAAAA,KAC1B,CAACzI,EAAM6H,IAEV5D,EAAA,GACK8N,EACCN,EAAMzR,IAAS,CAAEA,KAAAA,EAAM6H,OAAAA,IChI/B,IAAAhI,GAAA,CAAA,YAAAmB,GAAA,CAAA,gBAAAC,GAAA,CAAA,OAAA,SAAA,WAAA,WAAA,aAAAC,GAAA,CAAA,QAAA,eA+BqBwR,GAAGvS,EAAMwC,WAC5B,SACEzC,EACA0C,GAEA,IAAQd,EAAsB5B,EAAtB4B,SAAa8D,EAArBvC,EAA8BnD,EAA9BL,IAEMqR,EAAUF,GAA0B9Q,GAE1CmS,EAAiCnB,EAAzBmB,aAAiBM,EAAQzB,EAAAA,MAE3BtF,EAAUzL,EAAMsP,QAAQ,WAAMkD,OAAAA,GAAK,CAACA,iBAE1C,OACExS,EAAAC,cAACwS,kBAAD,CAAiBpF,MAAO5B,gBACtBzL,EAAAC,cAAC0Q,GAAD,CAAkBtD,MAAO5B,gBACvBzL,gBAACmI,EAADrE,EAAA,CAAMrB,IAAKA,GAASgD,EAAUyM,KAC3BQ,EAAAA,QAAQ/Q,EAAUoP,QAqEV4B,GAA4B,SAAC5S,GAChD,IAAAF,EAAiEE,EAAzDF,KAAM6H,EAAmD3H,EAAnD2H,OAAQY,EAA2CvI,EAA3CuI,SAAU3G,EAAiC5B,EAAjC4B,SAAU8H,EAAuB1J,EAAvB0J,UAAchE,EAAxDvC,EAAiEnD,EACjEe,IAIA,OAJasR,GAAY,CAAEvS,KAAAA,EAAM6H,OAAAA,EAAQY,SAAAA,IAEjCsK,sBAGN5S,gBAACwJ,EAAAA,OAAOK,IAAR/F,EAAA,GAAgB2B,EAAM,CAAAgE,UAAWC,EAAAA,GAAG,kBAAmBD,KACpD9H,GAED,MAGFnB,YACFmS,GAASlS,YAAc,YAGZoS,IAAAA,GAAoC,SAAC9S,GAChD,MAA+C+S,EAAAA,oBAAbC,EAAlCC,EAAkCD,sBAElC,OACE/S,EAAAC,cAACwP,SACC3L,EAAA,CAAAK,WAJI8O,EAAAA,eAAapB,YAKjB/R,MAAM,QACFC,EAHN,CAIE0J,UAAWC,KAAG,yBAA0B3J,EAAM0J,WAC9CgD,QAASyG,kBAAgBnT,EAAM0M,QAASsG,OAK1CvS,EAAAA,UACFqS,GAAWpS,YAAc,cAOd0S,IAAAA,GAAwC,SAACpT,GACpD,IAAAqT,EAA8DrT,EAAtDD,MAAAA,OAAR,IAAAsT,EAAgB,OAA8CrT,EAAAA,EAAAA,EAAtCmQ,YAAAA,OAAc,IAAAD,EAAA,aAAexK,EAArDvC,EAA8DnD,EAA9DgB,IACoC+R,EAAAA,EAAAA,oBAAhBjB,IAAAA,yBAEpB,OACE7R,EAAAC,cAAC8P,GACCjM,EAAA,CAAAK,WAAY0N,EACZ/R,MALIoR,EAAAA,YAKiBW,EAAc3B,EAAcpQ,GAC7C2F,EACJ,CAAAgE,UAAWC,EAAEA,GAAC,yBAA0B3J,EAAM0J,eAKhDjJ,YACF2S,GAAW1S,YAAc,wiBAhG6B,SAACV,GACvD,IAAAsT,EAAkCP,sBAA1BQ,EAARD,EAAQC,YAAaC,EAAAA,EAAAA,SAEHC,EAAgBzT,EAAhByT,YAEZC,EAAWzT,EAAMwK,SAAS3F,IAFE9E,EAA1B4B,SAEsC,SAAC8I,GAC7C,GAAIzK,EAAM0K,eAAeD,KAAe,MAALA,SAAAA,EAAO/H,QAASiQ,GAAU,CAC3D,IAAAe,EAAwBtB,GAAY3H,EAAM1K,oBAC1C,OACEC,EAACC,cAAA0T,cACC,CAAA9T,KAAM4K,EAAM1K,MAAMF,KAClB+T,MAAOnJ,EAAM1K,MAAM6T,MACnB/B,YALJ6B,EAAQ7B,aAOHpH,EAAM1K,MAAM4B,UAInB,OACD8I,IAEaqG,EAAG9Q,EAAMqM,YAAY,SAAClF,GAClCoM,EAASpM,IACR,iBAEH,OACEnH,EAAAC,cAAC4T,EAADA,iBAAA,CACEL,YAAaA,EACb5B,KAAM0B,EACNxC,SAAUA,gBAEV9Q,EAAAC,cAAC6T,EAAAA,aAAahQ,EAAA,CAAA6J,GAAG,KAAQ5N,GACtB0T"}
1
+ {"version":3,"file":"index.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n Text,\n FormControl,\n FormControlProps,\n FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n extends FormControlProps,\n Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n name,\n label,\n placeholder,\n ...props\n}) => {\n return (\n <FormControl {...props}>\n {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n <Text fontSize=\"md\">\n <FormValue name={name} />\n </Text>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n const { getValues } = useFormContext()\n return getValues(name) || null\n}\n\nif (__DEV__) {\n FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n useFormContext,\n FormState,\n Controller,\n get,\n RegisterOptions,\n FieldValues,\n FieldPath,\n} from 'react-hook-form'\n\nimport {\n forwardRef,\n Box,\n FormControl,\n FormControlProps,\n FormLabel,\n FormHelperText,\n FormErrorMessage,\n Input,\n Textarea,\n Checkbox,\n Switch,\n useMergeRefs,\n InputGroup,\n InputProps,\n TextareaProps,\n SwitchProps,\n CheckboxProps,\n PinInputField,\n HStack,\n PinInput,\n UsePinInputProps,\n SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__, FocusableElement } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n Select,\n SelectProps,\n NativeSelect,\n NativeSelectProps,\n} from '@saas-ui/select'\n\nexport interface Option {\n value: string\n label?: string\n [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n RegisterOptions,\n 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport interface FieldProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n /**\n * The field name\n */\n name: TName\n /**\n * The field label\n */\n label?: string\n /**\n * Hide the field label\n */\n hideLabel?: boolean\n /**\n * Field help text\n */\n help?: string\n /**\n * React hook form rules\n */\n rules?: Omit<\n RegisterOptions<TFieldValues, TName>,\n 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n >\n /**\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n */\n type?: string\n /**\n * The input placeholder\n */\n placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n return get(formState.errors, name)\n}\n\nconst isTouched = (\n name: string,\n formState: FormState<{ [x: string]: any }>\n) => {\n return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n const { name, label, help, variant, hideLabel, children, ...controlProps } =\n props\n\n const { formState } = useFormContext()\n\n const error = getError(name, formState)\n\n return (\n <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n {label && !hideLabel ? (\n <FormLabel variant={variant}>{label}</FormLabel>\n ) : null}\n <Box>\n {children}\n {help && !error?.message ? (\n <FormHelperText>{help}</FormHelperText>\n ) : null}\n {error?.message && (\n <FormErrorMessage>{error?.message}</FormErrorMessage>\n )}\n </Box>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n type?: FieldTypes\n}\n\n/**\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n */\nexport const Field = React.forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FieldProps<TFieldValues> | FieldTypeProps,\n ref: React.ForwardedRef<FocusableElement>\n ) => {\n const { type = defaultInputType } = props\n const InputComponent = getInput(type)\n\n return <InputComponent ref={ref} {...props} />\n }\n) as (<TFieldValues extends FieldValues>(\n props: FieldProps<TFieldValues> &\n FieldTypeProps & {\n ref?: React.ForwardedRef<FocusableElement>\n }\n) => React.ReactElement) & {\n displayName?: string\n}\n\ninterface CreateFieldProps {\n displayName: string\n hideLabel?: boolean\n BaseField: React.FC<any>\n}\n\nconst createField = (\n InputComponent: React.FC<any>,\n { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n const Field = forwardRef((props, ref) => {\n const {\n id,\n name,\n label,\n help,\n isDisabled,\n isInvalid,\n isReadOnly,\n isRequired,\n rules,\n variant,\n ...inputProps\n } = props\n\n const inputRules = {\n required: isRequired,\n ...rules,\n }\n\n return (\n <BaseField\n id={id}\n name={name}\n label={label}\n help={help}\n hideLabel={hideLabel}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n isRequired={isRequired}\n variant={variant}\n >\n <InputComponent\n ref={ref}\n id={id}\n name={name}\n label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n rules={inputRules}\n {...inputProps}\n />\n </BaseField>\n )\n })\n Field.displayName = displayName\n\n return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<any>) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { control } = useFormContext()\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref: _ref, ...field } }) => (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )}\n />\n )\n }\n )\n}\n\nexport const withUncontrolledInput = (InputComponent: React.FC<any>) => {\n return forwardRef<FieldProps, typeof InputComponent>(\n ({ name, rules, ...inputProps }, ref) => {\n const { register } = useFormContext()\n\n const { ref: _ref, ...field } = register(name, rules)\n\n return (\n <InputComponent\n {...field}\n {...inputProps}\n ref={useMergeRefs(ref, _ref)}\n />\n )\n }\n )\n}\n\nexport interface RegisterFieldTypeOptions {\n isControlled?: boolean\n hideLabel?: boolean\n BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n type: string,\n component: React.FC<T>,\n options?: RegisterFieldTypeOptions\n) => {\n let InputComponent\n if (options?.isControlled) {\n InputComponent = withControlledInput(component)\n } else {\n InputComponent = withUncontrolledInput(component)\n }\n\n const Field = createField(InputComponent, {\n displayName: `${type\n .split('-')\n .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n .join('')}Field`,\n hideLabel: options?.hideLabel,\n BaseField: options?.BaseField || BaseField,\n }) as React.FC<T & FieldProps>\n\n inputTypes[type] = Field\n\n return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n type?: string\n leftAddon?: React.ReactNode\n rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n 'text',\n forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n const input = <Input type={type} size={size} {...rest} ref={ref} />\n if (leftAddon || rightAddon) {\n return (\n <InputGroup size={size}>\n {leftAddon}\n {input}\n {rightAddon}\n </InputGroup>\n )\n }\n return input\n })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n 'number',\n NumberInput,\n {\n isControlled: true,\n }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n 'password',\n forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n 'textarea',\n Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n 'switch',\n forwardRef(({ type, ...rest }, ref) => {\n return <Switch {...rest} ref={ref} />\n }),\n {\n isControlled: true,\n }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n 'checkbox',\n forwardRef(({ label, type, ...props }, ref) => {\n return (\n <Checkbox ref={ref} {...props}>\n {label}\n </Checkbox>\n )\n }),\n {\n hideLabel: true,\n }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n 'radio',\n RadioInput,\n {\n isControlled: true,\n }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n 'native-select',\n NativeSelect,\n { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n pinLength?: number\n pinType?: 'alphanumeric' | 'number'\n spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n 'pin',\n forwardRef((props, ref) => {\n const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n const inputs: React.ReactNode[] = []\n for (let i = 0; i < pinLength; i++) {\n inputs.push(<PinInputField key={i} ref={ref} />)\n }\n\n return (\n <HStack spacing={spacing}>\n <PinInput {...inputProps} type={pinType}>\n {inputs}\n </PinInput>\n </HStack>\n )\n }),\n {\n isControlled: true,\n }\n)\n\nconst fieldTypes = {\n text: InputField,\n email: InputField,\n url: InputField,\n phone: InputField,\n number: NumberInputField,\n password: PasswordInputField,\n textarea: TextareaField,\n switch: SwitchField,\n checkbox: CheckboxField,\n radio: RadioField,\n pin: PinField,\n select: SelectField,\n 'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n type: T\n}\n\ntype FieldTypeProps =\n | {\n [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n }[keyof FieldTypes]\n | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n getFields(): FieldProps[]\n getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n items?: SchemaField[]\n properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n schema &&\n Object.entries(schema).map(([name, { items, label, title, ...field }]) => {\n return {\n ...field,\n name,\n label: label || title, // json schema compatibility\n }\n })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n const getFields = () => {\n return mapFields(schema)\n }\n const getNestedFields = (name: string) => {\n const field = get(schema, name)\n\n if (!field) return []\n\n if (field.items?.type === 'object') {\n return mapFields(field.items.properties)\n } else if (field.type === 'object') {\n return mapFields(field.properties)\n }\n return [field.items]\n }\n\n return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n useForm,\n FormProvider,\n UseFormProps,\n UseFormReturn,\n FieldValues,\n SubmitHandler,\n SubmitErrorHandler,\n ResolverOptions,\n ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<TFieldValues extends FieldValues = FieldValues> {\n /**\n * The form schema, currently supports Yup schema only.\n */\n schema?: any\n /**\n * The submit handler.\n */\n onSubmit: SubmitHandler<TFieldValues>\n /**\n * Triggers when there are validation errors.\n */\n onError?: SubmitErrorHandler<TFieldValues>\n /**\n * Ref on the HTMLFormElement.\n */\n formRef?: React.RefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseFormProps<TFieldValues>,\n Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: FormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const {\n mode = 'all',\n resolver,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n schema,\n defaultValues,\n onSubmit,\n onError,\n formRef,\n children,\n ...rest\n } = props\n\n const form = {\n mode,\n resolver,\n defaultValues,\n reValidateMode,\n shouldFocusError,\n shouldUnregister,\n shouldUseNativeValidation,\n criteriaMode,\n delayError,\n }\n\n if (schema && !resolver) {\n form.resolver = Form.getResolver?.(schema)\n }\n\n const methods = useForm<TFieldValues>(form)\n const { handleSubmit } = methods\n\n // This exposes the useForm api through the forwarded ref\n React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n return (\n <FormProvider {...methods}>\n <chakra.form\n ref={formRef}\n onSubmit={handleSubmit(onSubmit, onError)}\n {...rest}\n className={cx('saas-form', props.className)}\n >\n {children}\n </chakra.form>\n </FormProvider>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: FormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getResolver?: GetResolver\n getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n values: TFieldValues,\n context: TContext | undefined,\n options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n const theme = useTheme()\n\n const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n spacing: 4,\n }\n\n const gridProps = {\n ...defaultProps,\n ...props,\n }\n\n return (\n <SimpleGrid\n {...gridProps}\n className={cx('saas-form__layout', props.className)}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return <FormLayoutItem>{child}</FormLayoutItem>\n }\n return child\n })}\n </SimpleGrid>\n )\n}\n\nif (__DEV__) {\n FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n return React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child.props.name) {\n return React.cloneElement(child, {\n ...child.props,\n name: `${name}.${child.props.name}`,\n })\n }\n return child\n })\n}\n","import * as React from 'react'\nimport {\n useFieldArray,\n useFormContext,\n UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n /**\n * The array field name\n */\n name: string\n /**\n * The default value for new items\n */\n defaultValue: Record<string, any>\n /**\n * Min amount of items\n */\n min?: number\n /**\n * Max amount of items\n */\n max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n createContext<UseArrayFieldReturn>({\n name: 'ArrayFieldContext',\n })\n\nexport interface UseArrayFieldRowReturn {\n /**\n * Name of the array field including the index, eg 'field.0'\n */\n name: string\n /**\n * The field index\n */\n index: number\n /**\n * Remove this array item\n */\n remove: () => void\n /**\n * True if this is the first item\n */\n isFirst: boolean\n /**\n * True if this is the last item\n */\n isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n createContext<UseArrayFieldRowReturn>({\n name: 'ArrayFieldRowContext',\n })\n\nexport interface ArrayFieldOptions {\n /**\n * The field name\n */\n name: string\n /**\n * Default value for new values in the array\n */\n defaultValue?: Record<string, any>\n /**\n * Default key name for rows, change this if your data uses a different 'id' field\n * @default \"id\"\n */\n keyName?: string\n min?: number\n max?: number\n}\n\nexport const useArrayField = ({\n name,\n defaultValue = {},\n keyName,\n min,\n max,\n}: ArrayFieldOptions) => {\n const { control } = useFormContext()\n const context = useFieldArray({\n control,\n name,\n keyName,\n })\n\n return {\n ...context,\n name,\n defaultValue,\n min,\n max,\n }\n}\n\nexport interface UseArrayFieldRowProps {\n index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n const { clearErrors } = useFormContext()\n const { name, remove, fields } = useArrayFieldContext()\n\n React.useEffect(() => {\n // reset errors, to make sure min/max errors reset correctly\n clearErrors(name)\n }, [])\n\n return {\n index,\n isFirst: index === 0,\n isLast: index === fields.length - 1,\n name: `${name}.${index}`,\n remove: React.useCallback(() => {\n clearErrors(name)\n remove(index)\n }, [index]),\n }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n const { isFirst, remove } = useArrayFieldRowContext()\n const { min, fields } = useArrayFieldContext()\n\n const isDisabled = isFirst && !!(min && fields.length <= min)\n\n return {\n onClick: () => remove(),\n isDisabled,\n }\n}\n\nexport const useArrayFieldAddButton = () => {\n const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n const isDisabled = !!(max && fields.length >= max)\n\n return {\n onClick: () =>\n append(defaultValue, {\n shouldFocus: false,\n }),\n isDisabled,\n }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n useArrayField,\n useArrayFieldRow,\n useArrayFieldContext,\n ArrayFieldProvider,\n ArrayFieldOptions,\n ArrayFieldRowProvider,\n useArrayFieldRowContext,\n useArrayFieldRemoveButton,\n useArrayFieldAddButton,\n UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n id: string\n [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps extends FormLayoutProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n /**\n * The array index\n */\n index: number\n /**\n * The fields\n */\n children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n children,\n index,\n ...rowFieldsProps\n}) => {\n return (\n <ArrayFieldRowContainer index={index}>\n <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n <ArrayFieldRemoveButton />\n </ArrayFieldRowContainer>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\n /**\n * Amount of field columns\n */\n columns?: ResponsiveValue<number>\n /**\n * Spacing between fields\n */\n spacing?: ResponsiveValue<string | number>\n /**\n * The fields\n */\n children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n children,\n ...layoutProps\n}) => {\n const { name } = useArrayFieldRowContext()\n return (\n <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n {mapNestedFields(name, children)}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n children,\n index,\n}) => {\n const context = useArrayFieldRow({ index })\n\n const styles = {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-end',\n width: '100%',\n mb: 4,\n }\n\n return (\n <ArrayFieldRowProvider value={context}>\n <chakra.div __css={styles}>{children}</chakra.div>\n </ArrayFieldRowProvider>\n )\n}\n\nif (__DEV__) {\n ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<MinusIcon />}\n aria-label=\"Remove row\"\n {...useArrayFieldRemoveButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n return (\n <IconButton\n icon={<AddIcon />}\n aria-label=\"Add row\"\n float=\"right\"\n {...useArrayFieldAddButton()}\n {...props}\n />\n )\n}\n\nif (__DEV__) {\n ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n extends ArrayFieldOptions,\n Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = forwardRef(\n (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n const { children, ...containerProps } = props\n\n return (\n <ArrayFieldContainer ref={ref} {...containerProps}>\n <ArrayFieldRows>\n {(fields: ArrayField[]) => (\n <>\n {fields.map(({ id }, index: number) => (\n <ArrayFieldRow key={id} index={index}>\n {children}\n </ArrayFieldRow>\n ))}\n </>\n )}\n </ArrayFieldRows>\n <ArrayFieldAddButton />\n </ArrayFieldContainer>\n )\n }\n) as ((\n props: ArrayFieldProps & {\n ref?: React.ForwardedRef<UseArrayFieldReturn>\n }\n) => React.ReactElement) & {\n displayName: string\n}\n\nif (__DEV__) {\n ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n const { fields } = useArrayFieldContext()\n return children(fields)\n}\n\nif (__DEV__) {\n ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n (\n {\n name,\n defaultValue,\n keyName,\n min,\n max,\n children,\n ...fieldProps\n }: ArrayFieldProps,\n ref: React.ForwardedRef<UseArrayFieldReturn>\n ) => {\n const context = useArrayField({\n name,\n defaultValue,\n keyName,\n min,\n max,\n })\n\n // This exposes the useArrayField api through the forwarded ref\n React.useImperativeHandle(ref, () => context, [ref, context])\n\n return (\n <ArrayFieldProvider value={context}>\n <BaseField name={name} {...fieldProps}>\n {children}\n </BaseField>\n </ArrayFieldProvider>\n )\n }\n)\n\nif (__DEV__) {\n ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n FormControl,\n FormLabel,\n FormLabelProps,\n ResponsiveValue,\n useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n name: string\n children: React.ReactNode\n columns?: ResponsiveValue<number>\n spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n const styles = useStyleConfig('FormLegend')\n return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n props\n\n return (\n <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n <FormLayout columns={columns} gridGap={spacing}>\n {mapNestedFields(name, children)}\n </FormLayout>\n </FormControl>\n )\n}\n\nif (__DEV__) {\n ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { useFormContext } from 'react-hook-form'\n\nexport interface FieldsProps {\n schema: any\n fieldResolver?: FieldResolver\n focusFirstField?: boolean\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n return resolver\n .getNestedFields(name)\n ?.map(\n ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n )\n )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n schema,\n fieldResolver,\n focusFirstField,\n ...props\n}) => {\n const resolver = React.useMemo(\n () => fieldResolver || Form.getFieldResolver(schema),\n [schema, fieldResolver]\n )\n\n const fields = React.useMemo(() => resolver.getFields(), [resolver])\n\n const form = useFormContext()\n\n React.useEffect(() => {\n if (focusFirstField && fields[0]?.name) {\n form.setFocus(fields[0].name)\n }\n }, [schema, fieldResolver, focusFirstField])\n\n return (\n <FormLayout {...props}>\n {fields.map(\n ({\n name,\n type,\n defaultValue,\n ...fieldProps\n }: FieldProps): React.ReactNode => {\n if (type === 'array') {\n return (\n <ArrayField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ArrayField>\n )\n } else if (type === 'object') {\n return (\n <ObjectField key={name} name={name} {...fieldProps}>\n {mapNestedFields(resolver, name)}\n </ObjectField>\n )\n }\n\n return <Field key={name} name={name} type={type} {...fieldProps} />\n }\n )}\n </FormLayout>\n )\n}\n\nif (__DEV__) {\n Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n /**\n * Disable the submit button if the form is untouched.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfUntouched`\n */\n disableIfUntouched?: boolean\n /**\n * Disable the submit button if the form is invalid.\n *\n * Change the default behavior by updating\n * `SubmitButton.defaultProps.disableIfInvalid`\n */\n disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = React.forwardRef<\n HTMLButtonElement,\n SubmitButtonProps\n>((props, ref) => {\n const {\n children,\n disableIfUntouched,\n disableIfInvalid,\n isDisabled: isDisabledProp,\n isLoading,\n ...rest\n } = props\n const { formState } = useFormContext()\n\n const isDisabled =\n (disableIfUntouched && !formState.isDirty) ||\n (disableIfInvalid && !formState.isValid) ||\n isDisabledProp\n\n return (\n <Button\n {...rest}\n ref={ref}\n variant=\"primary\"\n type=\"submit\"\n isLoading={formState.isSubmitting || isLoading}\n isDisabled={isDisabled}\n >\n {children}\n </Button>\n )\n})\n\nSubmitButton.defaultProps = {\n label: 'Submit',\n disableIfUntouched: false,\n disableIfInvalid: false,\n}\n\nif (__DEV__) {\n SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n /**\n * The submit button label.\n * Pass `null` to render no submit button.\n */\n submitLabel?: React.ReactNode\n /**\n * The schema.\n * Supports object schema, Yup or Zod.\n * @see https://www.saas-ui.dev/docs/forms/auto-form\n */\n schema: any\n /**\n * The field resolver.\n */\n fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n extends Omit<FormProps<TFieldValues>, 'schema'>,\n AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: AutoFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const {\n schema,\n submitLabel = 'Submit',\n fieldResolver,\n children,\n ...rest\n } = props\n\n return (\n <Form {...rest} schema={schema} ref={ref}>\n <FormLayout>\n {<Fields schema={schema} fieldResolver={fieldResolver} />}\n {submitLabel && <SubmitButton>{submitLabel}</SubmitButton>}\n {children}\n </FormLayout>\n </Form>\n )\n }\n) as (<TFieldValues extends FieldValues>(\n props: AutoFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement) & {\n displayName?: string\n getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n useFormContext,\n useWatch,\n FieldValues,\n UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n children: React.ReactElement\n name: string\n defaultValue?: unknown\n isDisabled?: boolean\n isExact?: boolean\n condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n children,\n name,\n defaultValue,\n isDisabled,\n isExact,\n condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n const value = useWatch({\n name,\n defaultValue,\n disabled: isDisabled,\n exact: isExact,\n })\n const context = useFormContext<TFieldValues>()\n return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } from '@chakra-ui/react-utils'\nimport {\n useStepper,\n useStep,\n UseStepperProps,\n UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n name: string\n schema?: any\n resolver?: any\n isActive?: boolean\n isCompleted?: boolean\n onSubmit?: FormStepSubmitHandler\n}\n\nexport type FormStepSubmitHandler<\n TFieldValues extends FieldValues = FieldValues\n> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>\n\nexport interface StepFormContext extends UseStepperReturn {\n updateStep(state: StepState): void\n steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n createContext<StepFormContext>({\n name: 'StepFormContext',\n errorMessage:\n 'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n TFieldValues extends FieldValues = FieldValues\n> extends Omit<UseStepperProps, 'onChange'>,\n Omit<FormProps<TFieldValues>, 'children'> {\n children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n getFormProps(): {\n onSubmit: SubmitHandler<TFieldValues>\n schema?: any\n resolver?: any\n }\n updateStep(step: any): void\n steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n const { onChange, ...rest } = props\n const stepper = useStepper(rest)\n\n const { activeStep, isLastStep, nextStep } = stepper\n\n const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n async (data) => {\n const step = steps[activeStep]\n\n if (isLastStep) {\n return props\n .onSubmit?.(data)\n .then(() => {\n updateStep({\n ...step,\n isCompleted: true,\n })\n })\n .then(nextStep) // Show completed step\n }\n\n try {\n await step.onSubmit?.(data, stepper)\n\n nextStep()\n } catch (e) {\n // Step submission failed.\n }\n },\n [steps, activeStep, isLastStep]\n )\n\n const getFormProps = React.useCallback(() => {\n const step = steps[activeStep]\n return {\n onSubmit: onSubmitStep,\n schema: step?.schema,\n resolver: step?.resolver,\n }\n }, [steps, onSubmitStep, activeStep])\n\n const updateStep = React.useCallback(\n (step: StepState) => {\n updateSteps((steps) => {\n return {\n ...steps,\n [step.name]: step,\n }\n })\n },\n [steps]\n )\n\n return {\n getFormProps,\n updateStep,\n steps,\n ...stepper,\n }\n}\n\nexport interface UseFormStepProps {\n name: string\n schema?: any\n resolver?: any\n onSubmit?: FormStepSubmitHandler\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n const { name, schema, resolver, onSubmit } = props\n const step = useStep({ name })\n\n const { steps, updateStep } = useStepFormContext()\n\n React.useEffect(() => {\n updateStep({ name, schema, resolver, onSubmit })\n }, [name, schema])\n\n return {\n ...step,\n ...(steps[name] || { name, schema }),\n }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport { chakra, HTMLChakraProps } from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n StepperProvider,\n StepperSteps,\n StepperStepsProps,\n StepperStep,\n useStepperContext,\n StepperContainer,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n useStepForm,\n useFormStep,\n StepFormProvider,\n UseStepFormProps,\n FormStepSubmitHandler,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n <TFieldValues extends FieldValues = FieldValues>(\n props: StepFormProps<TFieldValues>,\n ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n ) => {\n const { children, ...rest } = props\n\n const stepper = useStepForm<TFieldValues>(props)\n\n const { getFormProps, ...ctx } = stepper\n\n const context = React.useMemo(() => ctx, [ctx])\n\n return (\n <StepperProvider value={context}>\n <StepFormProvider value={context}>\n <Form ref={ref} {...rest} {...getFormProps()}>\n {runIfFn(children, stepper)}\n </Form>\n </StepFormProvider>\n </StepperProvider>\n )\n }\n) as <TFieldValues extends FieldValues>(\n props: StepFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n /**\n * The step name\n */\n name: string\n /**\n * Schema\n */\n schema?: any\n /**\n * Hook Form Resolver\n */\n resolver?: any\n}\n\nexport const FormStepper: React.FC<StepperStepsProps> = (props) => {\n const { activeIndex, setIndex } = useStepperContext()\n\n const { children, orientation } = props\n\n const elements = React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child?.type === FormStep) {\n const { isCompleted } = useFormStep(child.props) // Register this step\n return (\n <StepperStep\n name={child.props.name}\n title={child.props.title}\n isCompleted={isCompleted}\n >\n {child.props.children}\n </StepperStep>\n )\n }\n return child\n })\n\n const onChange = React.useCallback((i: number) => {\n setIndex(i)\n }, [])\n\n return (\n <StepperContainer\n orientation={orientation}\n step={activeIndex}\n onChange={onChange}\n >\n <StepperSteps mb=\"4\" {...props}>\n {elements}\n </StepperSteps>\n </StepperContainer>\n )\n}\n\nexport interface FormStepProps\n extends FormStepOptions,\n Omit<HTMLChakraProps<'div'>, 'onSubmit'> {\n onSubmit?: FormStepSubmitHandler\n}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n const { name, schema, resolver, children, className, onSubmit, ...rest } =\n props\n const step = useFormStep({ name, schema, resolver, onSubmit })\n\n const { isActive } = step\n\n return isActive ? (\n <chakra.div {...rest} className={cx('saas-form__step', className)}>\n {children}\n </chakra.div>\n ) : null\n}\n\nif (__DEV__) {\n FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n return (\n <Button\n isDisabled={isFirstStep || isCompleted}\n label=\"Back\"\n {...props}\n className={cx('saas-form__prev-button', props.className)}\n onClick={callAllHandlers(props.onClick, prevStep)}\n />\n )\n}\n\nif (__DEV__) {\n PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n const { isLastStep, isCompleted } = useStepperContext()\n\n return (\n <SubmitButton\n {...rest}\n isDisabled={isCompleted}\n className={cx('saas-form__next-button', props.className)}\n >\n {isLastStep || isCompleted ? submitLabel : label}\n </SubmitButton>\n )\n}\n\nif (__DEV__) {\n NextButton.displayName = 'NextButton'\n}\n"],"names":["_excluded","DisplayField","_ref","name","label","props","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","_ref2","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","inputTypes","help","variant","hideLabel","children","controlProps","formState","get","errors","getError","_extends","isInvalid","error","Box","message","FormHelperText","FormErrorMessage","BaseField","Field","forwardRef","ref","_props$type","type","defaultInputType","withControlledInput","InputComponent","rules","_ref3","inputProps","_objectWithoutPropertiesLoose","_useFormContext2","Controller","control","render","field","_ref4$field","useMergeRefs","withUncontrolledInput","_ref5","_register","register","component","options","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","isControlled","split","map","part","charAt","toUpperCase","slice","join","registerFieldType","_ref6","_ref6$type","leftAddon","rightAddon","size","rest","input","Input","InputGroup","NumberInputField","NumberInput","PasswordInputField","PasswordInput","Textarea","SwitchField","_ref7","Switch","SelectField","Select","CheckboxField","_ref8","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","pinLength","_props$pinLength","pinType","spacing","inputs","i","push","PinInputField","key","HStack","PinInput","schema","Object","entries","title","_ref$","objectFieldResolver","getFields","getNestedFields","_field$items","items","mapFields","properties","Form","mode","_props$mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","gridProps","theme","useTheme","components","defaultProps","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","createContext","ArrayFieldProvider","useArrayFieldContext","_createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","_ref$defaultValue","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","_useArrayFieldContext","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","_useArrayFieldRowCont","_useArrayFieldContext2","onClick","append","_useArrayFieldContext3","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","useArrayFieldAddButton","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","Fragment","_ref4","fieldProps","FormLegend","styles","useStyleConfig","as","sx","columns","gridGap","ObjectField","_resolver$getNestedFi","nestedFieldProps","Fields","fieldResolver","focusFirstField","useMemo","_fields$","setFocus","SubmitButton","disableIfUntouched","disableIfInvalid","isDisabledProp","isLoading","Button","isSubmitting","isDirty","isValid","AutoForm","submitLabel","_props$submitLabel","DisplayIf","condition","_ref$condition","useWatch","disabled","exact","isExact","errorMessage","StepFormProvider","useStepFormContext","onChange","stepper","useStepper","activeStep","isLastStep","nextStep","_React$useState","useState","steps","updateSteps","onSubmitStep","data","step","Promise","resolve","then","updateStep","isCompleted","_temp2","_catch","e","reject","getFormProps","_extends2","useStep","_useStepFormContext","useStepForm","ctx","StepperProvider","runIfFn","FormStep","useFormStep","isActive","PrevButton","_useStepperContext2","useStepperContext","prevStep","isFirstStep","callAllHandlers","NextButton","_props$label","_useStepperContext3","_useStepperContext","activeIndex","setIndex","orientation","elements","StepperStep","StepperContainer","StepperSteps"],"mappings":"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"}