@zydon/common 2.2.42 → 2.2.44

package/dist/components/form/MultiCheckbox/index.js

@@ -1,12 +1,94 @@
-import { useFormContext, Controller } from 'react-hook-form';
-import x from '@mui/material/Checkbox';
-import g from '@mui/material/FormControl';
-import y from '@mui/material/FormControlLabel';
-import h from '@mui/material/FormGroup';
-import k from '@mui/material/FormHelperText';
-import M from '@mui/material/FormLabel';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import MuiCheckbox from '@mui/material/Checkbox';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormGroup from '@mui/material/FormGroup';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
 
-var L=({row:m,name:n,rules:c,label:i,options:u,spacing:a,helperText:p,required:d,...f})=>{let{control:s}=useFormContext(),b=(o,l)=>o.includes(l)?o.filter(r=>r!==l):[...o,l];return jsx(Controller,{name:n,control:s,rules:c,render:({field:{value:o=[],...l},fieldState:{error:r}})=>jsxs(g,{component:"fieldset",children:[i&&jsx(M,{component:"legend",sx:{typography:"body2"},required:d,children:i}),jsx(h,{sx:{...m&&{flexDirection:"row"},"& .MuiFormControlLabel-root":{"&:not(:last-of-type)":{mb:a||0},...m&&{mr:0,"&:not(:last-of-type)":{mr:a||2}}}},children:u.map(e=>jsx(y,{control:jsx(x,{checked:o.includes(e.value),onChange:()=>l.onChange(b(o,e.value))}),label:e.label,"data-intercom-target":n,...f},e.value))}),(!!r||p)&&jsx(k,{error:!!r,sx:e=>({color:f.disabled?e.palette.grey[500]:void 0}),children:r?r?.message:p})]})})},w=L;
+const MultiCheckbox = ({
+  row,
+  name,
+  rules,
+  label,
+  options,
+  spacing,
+  helperText,
+  required,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  const getSelected = (selectedItems, item) => selectedItems.includes(item) ? selectedItems.filter((value) => value !== item) : [...selectedItems, item];
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { value = [], ...field }, fieldState: { error } }) => /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+        label && /* @__PURE__ */ jsx(
+          FormLabel,
+          {
+            component: "legend",
+            sx: { typography: "body2" },
+            required,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormGroup,
+          {
+            sx: {
+              ...row && {
+                flexDirection: "row"
+              },
+              "& .MuiFormControlLabel-root": {
+                "&:not(:last-of-type)": {
+                  mb: spacing || 0
+                },
+                ...row && {
+                  mr: 0,
+                  "&:not(:last-of-type)": {
+                    mr: spacing || 2
+                  }
+                }
+              }
+            },
+            children: options.map((option) => /* @__PURE__ */ jsx(
+              FormControlLabel,
+              {
+                control: /* @__PURE__ */ jsx(
+                  MuiCheckbox,
+                  {
+                    checked: value.includes(option.value),
+                    onChange: () => field.onChange(getSelected(value, option.value))
+                  }
+                ),
+                label: option.label,
+                "data-intercom-target": name,
+                ...other
+              },
+              option.value
+            ))
+          }
+        ),
+        (!!error || helperText) && /* @__PURE__ */ jsx(
+          FormHelperText,
+          {
+            error: !!error,
+            sx: (theme) => ({
+              color: other.disabled ? theme.palette.grey[500] : void 0
+            }),
+            children: error ? error?.message : helperText
+          }
+        )
+      ] })
+    }
+  );
+};
+var MultiCheckbox_default = MultiCheckbox;
 
-export { w as default };
+export { MultiCheckbox_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/MultiCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/MultiCheckbox/index.tsx"],"names":[],"mappings":"AAkCQ,SAEI,KAFJ;AAlCR,SAAS,YAAY,sBAAsB;AAC3C,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,sBAAsB;AAC7B,OAAO,eAAe;AACtB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AAItB,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,cAAc,CAAC,eAAyB,SAC5C,cAAc,SAAS,IAAI,IACvB,cAAc,OAAO,WAAS,UAAU,IAAI,IAC5C,CAAC,GAAG,eAAe,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,GAAG,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAChE,qBAAC,eAAY,WAAU,YACpB;AAAA,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,YAAY,QAAQ;AAAA,YAC1B;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAI,OAAO;AAAA,gBACT,eAAe;AAAA,cACjB;AAAA,cACA,+BAA+B;AAAA,gBAC7B,wBAAwB;AAAA,kBACtB,IAAI,WAAW;AAAA,gBACjB;AAAA,gBACA,GAAI,OAAO;AAAA,kBACT,IAAI;AAAA,kBACJ,wBAAwB;AAAA,oBACtB,IAAI,WAAW;AAAA,kBACjB;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,YAEC,kBAAQ,IAAI,YACX;AAAA,cAAC;AAAA;AAAA,gBAEC,SACE;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,oBACpC,UAAU,MACR,MAAM,SAAS,YAAY,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA,gBAEnD;AAAA,gBAEF,OAAO,OAAO;AAAA,gBACd,wBAAsB;AAAA,gBACrB,GAAG;AAAA;AAAA,cAXC,OAAO;AAAA,YAYd,CACD;AAAA;AAAA,QACH;AAAA,SAEE,CAAC,CAAC,SAAS,eACX;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,CAAC,CAAC;AAAA,YACT,IAAI,YAAU;AAAA,cACZ,OAAO,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,IAAI;AAAA,YACpD;AAAA,YAEC,kBAAQ,OAAO,UAAU;AAAA;AAAA,QAC5B;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport FormControl from '@mui/material/FormControl';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormGroup from '@mui/material/FormGroup';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\n\nimport { MultiCheckboxProps } from 'types/multiCheckboxProps';\n\nconst MultiCheckbox = ({\n  row,\n  name,\n  rules,\n  label,\n  options,\n  spacing,\n  helperText,\n  required,\n  ...other\n}: MultiCheckboxProps) => {\n  const { control } = useFormContext();\n\n  const getSelected = (selectedItems: string[], item: string) =>\n    selectedItems.includes(item)\n      ? selectedItems.filter(value => value !== item)\n      : [...selectedItems, item];\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field: { value = [], ...field }, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel\n              component=\"legend\"\n              sx={{ typography: 'body2' }}\n              required={required}\n            >\n              {label}\n            </FormLabel>\n          )}\n\n          <FormGroup\n            sx={{\n              ...(row && {\n                flexDirection: 'row',\n              }),\n              '& .MuiFormControlLabel-root': {\n                '&:not(:last-of-type)': {\n                  mb: spacing || 0,\n                },\n                ...(row && {\n                  mr: 0,\n                  '&:not(:last-of-type)': {\n                    mr: spacing || 2,\n                  },\n                }),\n              },\n            }}\n          >\n            {options.map(option => (\n              <FormControlLabel\n                key={option.value}\n                control={\n                  <MuiCheckbox\n                    checked={value.includes(option.value)}\n                    onChange={() =>\n                      field.onChange(getSelected(value, option.value))\n                    }\n                  />\n                }\n                label={option.label}\n                data-intercom-target={name}\n                {...other}\n              />\n            ))}\n          </FormGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText\n              error={!!error}\n              sx={theme => ({\n                color: other.disabled ? theme.palette.grey[500] : undefined,\n              })}\n            >\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default MultiCheckbox;\n"]}

package/dist/components/form/MultiChipField/index.js

@@ -1,8 +1,50 @@
-import { useFormContext, Controller } from 'react-hook-form';
-import h from '@mui/material/Autocomplete';
-import c from '@mui/material/TextField';
 import { jsx } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import Autocomplete from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
 
-var d=({name:e,label:n="",rules:m,helperText:s,changed:r,...u})=>{let{control:C}=useFormContext();return jsx(Controller,{name:e,control:C,rules:m,render:({field:l,fieldState:{error:t}})=>jsx(h,{...l,onChange:(p,i)=>{r&&r(i),l.onChange(i);},renderInput:p=>jsx(c,{label:n,error:!!t,helperText:t?t?.message:s,...p}),"data-intercom-target":e,...u})})},F=d;
+const MultipleChip = ({
+  name,
+  label = "",
+  rules,
+  helperText,
+  changed,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        Autocomplete,
+        {
+          ...field,
+          onChange: (_, newValue) => {
+            if (changed)
+              changed(newValue);
+            field.onChange(newValue);
+          },
+          renderInput: (params) => /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label,
+              error: !!error,
+              helperText: error ? error?.message : helperText,
+              ...params
+            }
+          ),
+          "data-intercom-target": name,
+          ...other
+        }
+      )
+    }
+  );
+};
+var MultiChipField_default = MultipleChip;
 
-export { F as default };
+export { MultiChipField_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/MultiChipField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/MultiChipField/index.tsx"],"names":[],"mappings":"AA6BY;AA7BZ,SAAS,YAAY,sBAAsB;AAC3C,OAAO,kBAAkB;AACzB,OAAO,eAAe;AAItB,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,UAAU,CAAC,GAAG,aAAa;AACzB,gBAAI;AAAS,sBAAQ,QAAQ;AAC7B,kBAAM,SAAS,QAAQ;AAAA,UACzB;AAAA,UACA,aAAa,YACX;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,QAAQ,OAAO,UAAU;AAAA,cACpC,GAAG;AAAA;AAAA,UACN;AAAA,UAEF,wBAAsB;AAAA,UACrB,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\n\nimport { MultiChipProps } from './props';\n\nconst MultipleChip = ({\n  name,\n  label = '',\n  rules,\n  helperText,\n  changed,\n  ...other\n}: MultiChipProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => (\n        <Autocomplete\n          {...field}\n          onChange={(_, newValue) => {\n            if (changed) changed(newValue);\n            field.onChange(newValue);\n          }}\n          renderInput={params => (\n            <TextField\n              label={label}\n              error={!!error}\n              helperText={error ? error?.message : helperText}\n              {...params}\n            />\n          )}\n          data-intercom-target={name}\n          {...other}\n        />\n      )}\n    />\n  );\n};\n\nexport default MultipleChip;\n"]}

package/dist/components/form/NumberInput/index.js

@@ -1,7 +1,44 @@
-import { a } from '../../../chunk-7KZ2UT76.js';
-import { useFormContext, Controller } from 'react-hook-form';
 import { jsx } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import NumberInputComponent from 'components/NumberInput';
 
-var d=({name:r,helperText:u,rules:l,onChange:t,className:s,...a$1})=>{let{control:f}=useFormContext();return jsx(Controller,{name:r,control:f,rules:l,render:({field:o,fieldState:{error:e}})=>jsx(a,{...o,onChange:n=>{o.onChange(n),t&&t(n);},fullWidth:!0,error:!!e,helperText:e?.message||u,"data-intercom-target":r,className:`field-${r} ${s}`,...a$1})})},C=d;
+const NumberInput = ({
+  name,
+  helperText,
+  rules,
+  onChange,
+  className,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        NumberInputComponent,
+        {
+          ...field,
+          onChange: (e) => {
+            field.onChange(e);
+            if (onChange)
+              onChange(e);
+          },
+          fullWidth: true,
+          error: !!error,
+          helperText: error?.message || helperText,
+          "data-intercom-target": name,
+          className: `field-${name} ${className}`,
+          ...other
+        }
+      )
+    }
+  );
+};
+var NumberInput_default = NumberInput;
 
-export { C as default };
+export { NumberInput_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/NumberInput/index.tsx"],"names":[],"mappings":"AAsBQ;AAtBR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,0BAA0B;AAIjC,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,UAAU,OAAK;AACb,kBAAM,SAAS,CAAC;AAEhB,gBAAI;AAAU,uBAAS,CAAC;AAAA,UAC1B;AAAA,UACA,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACtB,WAAW,SAAS,QAAQ;AAAA,UAC3B,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport NumberInputComponent from 'components/NumberInput';\n\nimport { NumberInputProps } from './props';\n\nconst NumberInput = ({\n  name,\n  helperText,\n  rules,\n  onChange,\n  className,\n  ...other\n}: NumberInputProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => (\n        <NumberInputComponent\n          {...field}\n          onChange={e => {\n            field.onChange(e);\n\n            if (onChange) onChange(e);\n          }}\n          fullWidth\n          error={!!error}\n          helperText={error?.message || helperText}\n          data-intercom-target={name}\n          className={`field-${name} ${className}`}\n          {...other}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumberInput;\n"]}

package/dist/components/form/Password/index.js

@@ -1,13 +1,92 @@
-import { a } from '../../../chunk-VTHBHXM2.js';
-import { d } from '../../../chunk-CQDKXUUX.js';
-import { a as a$1 } from '../../../chunk-PPUFQMAW.js';
-import '../../../chunk-3E5A45HM.js';
+import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useFormContext } from 'react-hook-form';
-import S from '@mui/material/IconButton';
-import b from '@mui/material/InputAdornment';
-import { jsx } from 'react/jsx-runtime';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
+import Field from 'components/form/Field';
+import Icon from 'components/Icon';
+import { validatePassword } from 'utils/validators';
 
-var N=({name:s,sx:w,rules:n,passwordSize:i,specialCharacter:d$1,upperCaseChar:p,numberChar:l,showErrorMessage:c,match:t,...P})=>{let{watch:m}=useFormContext(),I=m(s),[a$2,g]=useState(!1),{hasNumberChar:v,hasSpecialCharacter:C,hasUpperCaseChar:V,isLengthValid:x}=d(I,i,l,d$1,p);return jsx(a,{"data-intercom-target":s,...P,name:s,type:a$2?"text":"password",InputProps:{endAdornment:jsx(b,{position:"end",children:jsx(S,{onClick:()=>g(!a$2),edge:"end","aria-label":"Mostrar/Ocultar senha",tabIndex:-1,children:jsx(a$1,{icon:a$2?"VIEW_ON":"VIEW_OFF"})})})},rules:{...n,validate:{...n?.validate,validationPassword:u=>{let o=d(u,i,l,d$1,p);return !o.hasNumberChar||!o.hasSpecialCharacter||!o.hasUpperCaseChar||!o.isLengthValid?"Senha inv\xE1lida":t&&t.fieldPassword&&m(t.fieldPassword)!==u?"As senhas devem ser iguais":!0}}},sx:{...w,"& .MuiFormHelperText-root":{display:(!C||!V||!x||!v)&&!c?"none":void 0}}})},_=N;
+const Password = ({
+  name,
+  sx,
+  rules,
+  passwordSize,
+  specialCharacter,
+  upperCaseChar,
+  numberChar,
+  showErrorMessage,
+  match,
+  ...other
+}) => {
+  const { watch } = useFormContext();
+  const password = watch(name);
+  const [showPassword, setShowPassword] = useState(false);
+  const {
+    hasNumberChar,
+    hasSpecialCharacter,
+    hasUpperCaseChar,
+    isLengthValid
+  } = validatePassword(
+    password,
+    passwordSize,
+    numberChar,
+    specialCharacter,
+    upperCaseChar
+  );
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      "data-intercom-target": name,
+      ...other,
+      name,
+      type: showPassword ? "text" : "password",
+      InputProps: {
+        endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: () => setShowPassword(!showPassword),
+            edge: "end",
+            "aria-label": "Mostrar/Ocultar senha",
+            tabIndex: -1,
+            children: /* @__PURE__ */ jsx(Icon, { icon: showPassword ? "VIEW_ON" : "VIEW_OFF" })
+          }
+        ) })
+      },
+      rules: {
+        ...rules,
+        validate: {
+          ...rules?.validate,
+          validationPassword: (v) => {
+            const validation = validatePassword(
+              v,
+              passwordSize,
+              numberChar,
+              specialCharacter,
+              upperCaseChar
+            );
+            if (!validation.hasNumberChar || !validation.hasSpecialCharacter || !validation.hasUpperCaseChar || !validation.isLengthValid)
+              return "Senha inv\xE1lida";
+            if (match && match.fieldPassword) {
+              const passwordValue = watch(match.fieldPassword);
+              if (passwordValue !== v)
+                return "As senhas devem ser iguais";
+            }
+            return true;
+          }
+        }
+      },
+      sx: {
+        ...sx,
+        "& .MuiFormHelperText-root": {
+          display: (!hasSpecialCharacter || !hasUpperCaseChar || !isLengthValid || !hasNumberChar) && !showErrorMessage ? "none" : void 0
+        }
+      }
+    }
+  );
+};
+var Password_default = Password;
 
-export { _ as default };
+export { Password_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/Password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Password/index.tsx"],"names":[],"mappings":"AAsDc;AAtDd,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAE3B,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,wBAAwB;AAIjC,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,QAAM,EAAE,MAAM,IAAI,eAAe;AACjC,QAAM,WAAW,MAAM,IAAI;AAC3B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,wBAAsB;AAAA,MACrB,GAAG;AAAA,MACJ;AAAA,MACA,MAAM,eAAe,SAAS;AAAA,MAC9B,YAAY;AAAA,QACV,cACE,oBAAC,kBAAe,UAAS,OACvB;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,gBAAgB,CAAC,YAAY;AAAA,YAC5C,MAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU;AAAA,YAEV,8BAAC,QAAK,MAAM,eAAe,YAAY,YAAY;AAAA;AAAA,QACrD,GACF;AAAA,MAEJ;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,OAAO;AAAA,UACV,oBAAoB,CAAC,MAAc;AACjC,kBAAM,aAAa;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,gBACE,CAAC,WAAW,iBACZ,CAAC,WAAW,uBACZ,CAAC,WAAW,oBACZ,CAAC,WAAW;AAEZ,qBAAO;AAET,gBAAI,SAAS,MAAM,eAAe;AAChC,oBAAM,gBAAgB,MAAM,MAAM,aAAa;AAE/C,kBAAI,kBAAkB;AAAG,uBAAO;AAAA,YAClC;AAEA,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,QACH,6BAA6B;AAAA,UAC3B,UACG,CAAC,uBACA,CAAC,oBACD,CAAC,iBACD,CAAC,kBACH,CAAC,mBACG,SACA;AAAA,QACR;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\n\nimport Field from 'components/form/Field';\nimport Icon from 'components/Icon';\nimport { validatePassword } from 'utils/validators';\n\nimport { PasswordProps } from './props';\n\nconst Password = ({\n  name,\n  sx,\n  rules,\n  passwordSize,\n  specialCharacter,\n  upperCaseChar,\n  numberChar,\n  showErrorMessage,\n  match,\n  ...other\n}: PasswordProps) => {\n  const { watch } = useFormContext();\n  const password = watch(name);\n  const [showPassword, setShowPassword] = useState(false);\n  const {\n    hasNumberChar,\n    hasSpecialCharacter,\n    hasUpperCaseChar,\n    isLengthValid,\n  } = validatePassword(\n    password,\n    passwordSize,\n    numberChar,\n    specialCharacter,\n    upperCaseChar,\n  );\n\n  return (\n    <Field\n      data-intercom-target={name}\n      {...other}\n      name={name}\n      type={showPassword ? 'text' : 'password'}\n      InputProps={{\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <IconButton\n              onClick={() => setShowPassword(!showPassword)}\n              edge=\"end\"\n              aria-label=\"Mostrar/Ocultar senha\"\n              tabIndex={-1}\n            >\n              <Icon icon={showPassword ? 'VIEW_ON' : 'VIEW_OFF'} />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n      rules={{\n        ...rules,\n        validate: {\n          ...rules?.validate,\n          validationPassword: (v: string) => {\n            const validation = validatePassword(\n              v,\n              passwordSize,\n              numberChar,\n              specialCharacter,\n              upperCaseChar,\n            );\n\n            if (\n              !validation.hasNumberChar ||\n              !validation.hasSpecialCharacter ||\n              !validation.hasUpperCaseChar ||\n              !validation.isLengthValid\n            )\n              return 'Senha inválida';\n\n            if (match && match.fieldPassword) {\n              const passwordValue = watch(match.fieldPassword);\n\n              if (passwordValue !== v) return 'As senhas devem ser iguais';\n            }\n\n            return true;\n          },\n        },\n      }}\n      sx={{\n        ...sx,\n        '& .MuiFormHelperText-root': {\n          display:\n            (!hasSpecialCharacter ||\n              !hasUpperCaseChar ||\n              !isLengthValid ||\n              !hasNumberChar) &&\n            !showErrorMessage\n              ? 'none'\n              : undefined,\n        },\n      }}\n    />\n  );\n};\n\nexport default Password;\n"]}

package/dist/components/form/RadioGroup/index.js

@@ -1,13 +1,128 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import h from '@mui/material/FormControl';
-import G from '@mui/material/FormControlLabel';
-import k from '@mui/material/FormHelperText';
-import L from '@mui/material/FormLabel';
-import P from '@mui/material/Radio';
-import $ from '@mui/material/RadioGroup';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
+import Radio from '@mui/material/Radio';
+import MuiRadioGroup from '@mui/material/RadioGroup';
 import { alpha } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
 
-var H=({name:l,rules:b,row:i,label:e,options:y,spacing:d,helperText:p,decorated:n,onChange:u,tabIndex:g,required:C,disabled:s,...F})=>{let{control:R}=useFormContext(),c=e?`${l}-${e}`:"";return jsx(Controller,{name:l,control:R,rules:b,render:({field:a,fieldState:{error:m}})=>jsxs(h,{component:"fieldset",sx:{...n&&{paddingLeft:1.5}},"data-intercom-target":l,children:[e&&jsx(L,{component:"legend",id:c,sx:{typography:"body2"},required:C,children:e}),jsx($,{...F,...a,onChange:(o,t)=>{a.onChange(o),u&&u(o,t);},"aria-labelledby":c,row:i,children:y.map(o=>jsx(G,{value:o.value,control:jsx(P,{inputProps:{tabIndex:g},disabled:s,checked:o.value===a.value,icon:o.icon,checkedIcon:o.icon}),label:o.label,sx:({palette:t})=>({"&:not(:last-of-type)":{mb:d||0},...i&&{mr:0,"&:not(:last-of-type)":{mr:d||2}},...n&&{border:`1px solid ${alpha(t.grey[500],.32)}`,borderRadius:1,padding:.25,paddingRight:(d||0)/2||1,...a.value===o.value&&{borderColor:"primary.main",backgroundColor:alpha(t.primary.main,.05)}}})},o.value))}),(!!m||p)&&jsx(k,{error:!!m,sx:o=>({color:s?o.palette.grey[500]:void 0}),children:m?m?.message:p})]})})},D=H;
+const RadioGroup = ({
+  name,
+  rules,
+  row,
+  label,
+  options,
+  spacing,
+  helperText,
+  decorated,
+  onChange,
+  tabIndex,
+  required,
+  disabled,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  const labelledby = label ? `${name}-${label}` : "";
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs(
+        FormControl,
+        {
+          component: "fieldset",
+          sx: {
+            ...decorated && {
+              paddingLeft: 1.5
+            }
+          },
+          "data-intercom-target": name,
+          children: [
+            label && /* @__PURE__ */ jsx(
+              FormLabel,
+              {
+                component: "legend",
+                id: labelledby,
+                sx: { typography: "body2" },
+                required,
+                children: label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              MuiRadioGroup,
+              {
+                ...other,
+                ...field,
+                onChange: (event, value) => {
+                  field.onChange(event);
+                  if (onChange)
+                    onChange(event, value);
+                },
+                "aria-labelledby": labelledby,
+                row,
+                children: options.map((option) => /* @__PURE__ */ jsx(
+                  FormControlLabel,
+                  {
+                    value: option.value,
+                    control: /* @__PURE__ */ jsx(
+                      Radio,
+                      {
+                        inputProps: { tabIndex },
+                        disabled,
+                        checked: option.value === field.value,
+                        icon: option.icon,
+                        checkedIcon: option.icon
+                      }
+                    ),
+                    label: option.label,
+                    sx: ({ palette }) => ({
+                      "&:not(:last-of-type)": {
+                        mb: spacing || 0
+                      },
+                      ...row && {
+                        mr: 0,
+                        "&:not(:last-of-type)": {
+                          mr: spacing || 2
+                        }
+                      },
+                      ...decorated && {
+                        border: `1px solid ${alpha(palette.grey[500], 0.32)}`,
+                        borderRadius: 1,
+                        padding: 0.25,
+                        paddingRight: (spacing || 0) / 2 || 1,
+                        ...field.value === option.value && {
+                          borderColor: "primary.main",
+                          backgroundColor: alpha(palette.primary.main, 0.05)
+                        }
+                      }
+                    })
+                  },
+                  option.value
+                ))
+              }
+            ),
+            (!!error || helperText) && /* @__PURE__ */ jsx(
+              FormHelperText,
+              {
+                error: !!error,
+                sx: (theme) => ({
+                  color: disabled ? theme.palette.grey[500] : void 0
+                }),
+                children: error ? error?.message : helperText
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var RadioGroup_default = RadioGroup;
 
-export { D as default };
+export { RadioGroup_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/RadioGroup/index.tsx"],"names":[],"mappings":"AAoCQ,SAUI,KAVJ;AApCR,SAAS,YAAY,sBAAsB;AAC3C,OAAO,iBAAiB;AACxB,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,OAAO,mBAAmB;AAC1B,SAAS,aAAa;AAItB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,aAAa,QAAQ,GAAG,QAAQ,UAAU;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,GAAI,aAAa;AAAA,cACf,aAAa;AAAA,YACf;AAAA,UACF;AAAA,UACA,wBAAsB;AAAA,UAErB;AAAA,qBACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,IAAI;AAAA,gBACJ,IAAI,EAAE,YAAY,QAAQ;AAAA,gBAC1B;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,YAGF;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACH,GAAG;AAAA,gBACJ,UAAU,CAAC,OAAO,UAAU;AAC1B,wBAAM,SAAS,KAAK;AACpB,sBAAI;AAAU,6BAAS,OAAO,KAAK;AAAA,gBACrC;AAAA,gBACA,mBAAiB;AAAA,gBACjB;AAAA,gBAEC,kBAAQ,IAAI,YACX;AAAA,kBAAC;AAAA;AAAA,oBAEC,OAAO,OAAO;AAAA,oBACd,SACE;AAAA,sBAAC;AAAA;AAAA,wBACC,YAAY,EAAE,SAAS;AAAA,wBACvB;AAAA,wBACA,SAAS,OAAO,UAAU,MAAM;AAAA,wBAChC,MAAM,OAAO;AAAA,wBACb,aAAa,OAAO;AAAA;AAAA,oBACtB;AAAA,oBAEF,OAAO,OAAO;AAAA,oBACd,IAAI,CAAC,EAAE,QAAQ,OAAO;AAAA,sBACpB,wBAAwB;AAAA,wBACtB,IAAI,WAAW;AAAA,sBACjB;AAAA,sBACA,GAAI,OAAO;AAAA,wBACT,IAAI;AAAA,wBACJ,wBAAwB;AAAA,0BACtB,IAAI,WAAW;AAAA,wBACjB;AAAA,sBACF;AAAA,sBAEA,GAAI,aAAa;AAAA,wBACf,QAAQ,aAAa,MAAM,QAAQ,KAAK,GAAG,GAAG,IAAI;AAAA,wBAClD,cAAc;AAAA,wBACd,SAAS;AAAA,wBACT,eAAe,WAAW,KAAK,KAAK;AAAA,wBAEpC,GAAI,MAAM,UAAU,OAAO,SAAS;AAAA,0BAClC,aAAa;AAAA,0BACb,iBAAiB,MAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,wBACnD;AAAA,sBACF;AAAA,oBACF;AAAA;AAAA,kBAlCK,OAAO;AAAA,gBAmCd,CACD;AAAA;AAAA,YACH;AAAA,aAEE,CAAC,CAAC,SAAS,eACX;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,CAAC,CAAC;AAAA,gBACT,IAAI,YAAU;AAAA,kBACZ,OAAO,WAAW,MAAM,QAAQ,KAAK,GAAG,IAAI;AAAA,gBAC9C;AAAA,gBAEC,kBAAQ,OAAO,UAAU;AAAA;AAAA,YAC5B;AAAA;AAAA;AAAA,MAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport FormControl from '@mui/material/FormControl';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport Radio from '@mui/material/Radio';\nimport MuiRadioGroup from '@mui/material/RadioGroup';\nimport { alpha } from '@mui/material/styles';\n\nimport { RadioGroupProps } from 'types/radioGroupProps';\n\nconst RadioGroup = ({\n  name,\n  rules,\n  row,\n  label,\n  options,\n  spacing,\n  helperText,\n  decorated,\n  onChange,\n  tabIndex,\n  required,\n  disabled,\n  ...other\n}: RadioGroupProps) => {\n  const { control } = useFormContext();\n\n  const labelledby = label ? `${name}-${label}` : '';\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl\n          component=\"fieldset\"\n          sx={{\n            ...(decorated && {\n              paddingLeft: 1.5,\n            }),\n          }}\n          data-intercom-target={name}\n        >\n          {label && (\n            <FormLabel\n              component=\"legend\"\n              id={labelledby}\n              sx={{ typography: 'body2' }}\n              required={required}\n            >\n              {label}\n            </FormLabel>\n          )}\n\n          <MuiRadioGroup\n            {...other}\n            {...field}\n            onChange={(event, value) => {\n              field.onChange(event);\n              if (onChange) onChange(event, value);\n            }}\n            aria-labelledby={labelledby}\n            row={row}\n          >\n            {options.map(option => (\n              <FormControlLabel\n                key={option.value}\n                value={option.value}\n                control={\n                  <Radio\n                    inputProps={{ tabIndex }}\n                    disabled={disabled}\n                    checked={option.value === field.value}\n                    icon={option.icon}\n                    checkedIcon={option.icon}\n                  />\n                }\n                label={option.label}\n                sx={({ palette }) => ({\n                  '&:not(:last-of-type)': {\n                    mb: spacing || 0,\n                  },\n                  ...(row && {\n                    mr: 0,\n                    '&:not(:last-of-type)': {\n                      mr: spacing || 2,\n                    },\n                  }),\n\n                  ...(decorated && {\n                    border: `1px solid ${alpha(palette.grey[500], 0.32)}`,\n                    borderRadius: 1,\n                    padding: 0.25,\n                    paddingRight: (spacing || 0) / 2 || 1,\n\n                    ...(field.value === option.value && {\n                      borderColor: 'primary.main',\n                      backgroundColor: alpha(palette.primary.main, 0.05),\n                    }),\n                  }),\n                })}\n              />\n            ))}\n          </MuiRadioGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText\n              error={!!error}\n              sx={theme => ({\n                color: disabled ? theme.palette.grey[500] : undefined,\n              })}\n            >\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default RadioGroup;\n"]}

package/dist/components/form/SelectableCards/index.js

@@ -1,14 +1,23 @@
-import { a } from '../../../chunk-J76XIRCA.js';
-import '../../../chunk-2Z4AFXGP.js';
-import '../../../chunk-TWGGHTU5.js';
-import '../../../chunk-E5MGOPPQ.js';
-import '../../../chunk-2MVQI7NJ.js';
-import '../../../chunk-ZDHXW74M.js';
-import '../../../chunk-PPUFQMAW.js';
-import '../../../chunk-3E5A45HM.js';
-import { useFormContext, Controller } from 'react-hook-form';
 import { jsx } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import SelectableCardsComponent from 'components/SelectableCards';
 
-var c=({name:o,rules:t,...l})=>{let{control:n}=useFormContext();return jsx(Controller,{name:o,control:n,rules:t,render:({field:a$1})=>jsx(a,{...a$1,...l})})},d=c;
+const SelectableCards = ({ name, rules, ...other }) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field }) => {
+        return /* @__PURE__ */ jsx(SelectableCardsComponent, { ...field, ...other });
+      }
+    }
+  );
+};
+var SelectableCards_default = SelectableCards;
 
-export { d as default };
+export { SelectableCards_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/SelectableCards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/SelectableCards/index.tsx"],"names":[],"mappings":"AAee;AAff,SAAS,YAAY,sBAAsB;AAE3C,OAAO,8BAA8B;AAIrC,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,MAA4B;AAC3E,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,MAAM,MAAM;AACrB,eAAO,oBAAC,4BAA0B,GAAG,OAAQ,GAAG,OAAO;AAAA,MACzD;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport SelectableCardsComponent from 'components/SelectableCards';\n\nimport { SelectableCardsProps } from './props';\n\nconst SelectableCards = ({ name, rules, ...other }: SelectableCardsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field }) => {\n        return <SelectableCardsComponent {...field} {...other} />;\n      }}\n    />\n  );\n};\n\nexport default SelectableCards;\n"]}

package/dist/components/form/Switch/index.js

@@ -1,9 +1,69 @@
-import { useFormContext, Controller } from 'react-hook-form';
-import C from '@mui/material/FormControlLabel';
-import F from '@mui/material/FormHelperText';
-import S from '@mui/material/Switch';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormHelperText from '@mui/material/FormHelperText';
+import MuiSwitch from '@mui/material/Switch';
 
-var g=({name:n,helperText:i,onChange:l,tabIndex:c,size:d,label:s,sx:a,...m})=>{let{control:u}=useFormContext(),p=r=>jsx(S,{...r,checked:r.value,onChange:(o,e)=>{r.onChange(o),l&&l(o,e);},inputProps:{tabIndex:c},size:d,sx:a});return jsx(Controller,{name:n,control:u,render:({field:r,fieldState:{error:o}})=>jsxs("div",{children:[s?jsx(C,{label:s,control:p(r),"data-intercom-target":n,...m}):p(r),(!!o||i)&&jsx(F,{error:!!o,sx:e=>({mx:"14px",color:m.disabled?e.palette.grey[500]:void 0}),children:o?o?.message:i})]})})},V=g;
+const Switch = ({
+  name,
+  helperText,
+  onChange,
+  tabIndex,
+  size,
+  label,
+  sx,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  const renderSwitch = (field) => {
+    return /* @__PURE__ */ jsx(
+      MuiSwitch,
+      {
+        ...field,
+        checked: field.value,
+        onChange: (e, v) => {
+          field.onChange(e);
+          if (onChange)
+            onChange(e, v);
+        },
+        inputProps: { tabIndex },
+        size,
+        sx
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
+        label ? /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            label,
+            control: renderSwitch(field),
+            "data-intercom-target": name,
+            ...other
+          }
+        ) : renderSwitch(field),
+        (!!error || helperText) && /* @__PURE__ */ jsx(
+          FormHelperText,
+          {
+            error: !!error,
+            sx: (theme) => ({
+              mx: "14px",
+              color: other.disabled ? theme.palette.grey[500] : void 0
+            }),
+            children: error ? error?.message : helperText
+          }
+        )
+      ] })
+    }
+  );
+};
+var Switch_default = Switch;
 
-export { V as default };
+export { Switch_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Switch/index.tsx"],"names":[],"mappings":"AA0BM,cAoBE,YApBF;AA1BN;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AACP,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AAItB,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,QAAM,eAAe,CAAC,UAAsD;AAC1E,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,MAAM;AAAA,QACf,UAAU,CAAC,GAAG,MAAM;AAClB,gBAAM,SAAS,CAAC;AAEhB,cAAI;AAAU,qBAAS,GAAG,CAAC;AAAA,QAC7B;AAAA,QACA,YAAY,EAAE,SAAS;AAAA,QACvB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC,qBAAC,SACE;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,SAAS,aAAa,KAAK;AAAA,YAC3B,wBAAsB;AAAA,YACrB,GAAG;AAAA;AAAA,QACN,IAEA,aAAa,KAAK;AAAA,SAGlB,CAAC,CAAC,SAAS,eACX;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,CAAC,CAAC;AAAA,YACT,IAAI,YAAU;AAAA,cACZ,IAAI;AAAA,cACJ,OAAO,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,IAAI;AAAA,YACpD;AAAA,YAEC,kBAAQ,OAAO,UAAU;AAAA;AAAA,QAC5B;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import {\n  Controller,\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport MuiSwitch from '@mui/material/Switch';\n\nimport { SwitchProps } from 'types/switchProps';\n\nconst Switch = ({\n  name,\n  helperText,\n  onChange,\n  tabIndex,\n  size,\n  label,\n  sx,\n  ...other\n}: SwitchProps) => {\n  const { control } = useFormContext();\n\n  const renderSwitch = (field: ControllerRenderProps<FieldValues, string>) => {\n    return (\n      <MuiSwitch\n        {...field}\n        checked={field.value}\n        onChange={(e, v) => {\n          field.onChange(e);\n\n          if (onChange) onChange(e, v);\n        }}\n        inputProps={{ tabIndex }}\n        size={size}\n        sx={sx}\n      />\n    );\n  };\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <div>\n          {label ? (\n            <FormControlLabel\n              label={label}\n              control={renderSwitch(field)}\n              data-intercom-target={name}\n              {...other}\n            />\n          ) : (\n            renderSwitch(field)\n          )}\n\n          {(!!error || helperText) && (\n            <FormHelperText\n              error={!!error}\n              sx={theme => ({\n                mx: '14px',\n                color: other.disabled ? theme.palette.grey[500] : undefined,\n              })}\n            >\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </div>\n      )}\n    />\n  );\n};\n\nexport default Switch;\n"]}