@zydon/common 2.9.6 → 2.9.8

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/Password/index.tsx"],"names":["useState","useFormContext","IconButton","InputAdornment","jsx","jsxs","Password","name","sx","rules","passwordSize","specialCharacter","upperCaseChar","numberChar","showErrorMessage","match","helperText","InputProps","showButtonViewPassword","other","watch","password","showPassword","setShowPassword","hasNumberChar","hasSpecialCharacter","hasUpperCaseChar","isLengthValid","validatePassword","display","Field_default","Icon_default","v","validation","Password_default"],"mappings":"gLAAA,OAAS,YAAAA,MAAgB,QACzB,OAAS,kBAAAC,MAAsB,kBAC/B,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAwDjB,OAUM,OAAAC,EAVN,QAAAC,MAAA,oBAhDV,IAAMC,EAAW,CAAC,CAChB,KAAAC,EACA,GAAAC,EACA,MAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,uBAAAC,EAAyB,GACzB,GAAGC,CACL,IAAqB,CACnB,GAAM,CAAE,MAAAC,CAAM,EAAInB,EAAe,EAC3BoB,EAAWD,EAAMb,CAAI,EACrB,CAACe,EAAcC,CAAe,EAAIvB,EAAS,EAAK,EAChD,CACJ,cAAAwB,EACA,oBAAAC,EACA,iBAAAC,EACA,cAAAC,CACF,EAAIC,EACFP,EACAX,EACAG,EACAF,EACAC,CACF,EAQMiB,GALH,CAACJ,GACA,CAACC,GACD,CAACC,GACD,CAACH,IACH,CAACV,EAC8B,OAAS,OAE1C,OACEV,EAAC0B,EAAA,CACC,uBAAsBvB,EACrB,GAAGY,EACJ,KAAMZ,EACN,KAAMe,EAAe,OAAS,WAC9B,WAAY,CACV,GAAGL,EACH,aACEZ,EAACF,EAAA,CAAe,SAAS,MACtB,UAAAc,GAAY,aAEZC,GACCd,EAACF,EAAA,CACC,QAAS,IAAMqB,EAAgB,CAACD,CAAY,EAC5C,KAAK,MACL,aAAW,wBACX,SAAU,GAEV,SAAAlB,EAAC2B,EAAA,CAAK,KAAMT,EAAe,UAAY,WAAY,EACrD,GAEJ,CAEJ,EACA,MAAO,CACL,GAAGb,EACH,SAAU,CACR,GAAGA,GAAO,SACV,mBAAqBuB,GAAc,CACjC,IAAMC,EAAaL,EACjBI,EACAtB,EACAG,EACAF,EACAC,CACF,EAEA,MACE,CAACqB,EAAW,eACZ,CAACA,EAAW,qBACZ,CAACA,EAAW,kBACZ,CAACA,EAAW,cAEL,oBAELlB,GAASA,EAAM,eACKK,EAAML,EAAM,aAAa,IAEzBiB,EAAU,6BAG3B,EACT,CACF,CACF,EACA,GAAI,CACF,GAAGxB,EACH,4BAA6B,CAC3B,QAASQ,EAAa,OAAYa,CACpC,CACF,EACA,oBAAmB,GACnB,WAAYb,EACd,CAEJ,EAEOkB,EAAQ5B","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  helperText,\n  InputProps,\n  showButtonViewPassword = true,\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  const hideHelperText =\n    (!hasSpecialCharacter ||\n      !hasUpperCaseChar ||\n      !isLengthValid ||\n      !hasNumberChar) &&\n    !showErrorMessage;\n  const display = hideHelperText ? 'none' : undefined;\n\n  return (\n    <Field\n      data-intercom-target={name}\n      {...other}\n      name={name}\n      type={showPassword ? 'text' : 'password'}\n      InputProps={{\n        ...InputProps,\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            {InputProps?.endAdornment}\n\n            {showButtonViewPassword && (\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            )}\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: helperText ? undefined : display,\n        },\n      }}\n      forceShowHelperText\n      helperText={helperText}\n    />\n  );\n};\n\nexport default Password;\n"]}
+{"version":3,"sources":["../../../../src/components/form/Password/index.tsx"],"names":["useState","useFormContext","IconButton","InputAdornment","jsx","jsxs","Password","name","sx","rules","passwordSize","specialCharacter","upperCaseChar","numberChar","showErrorMessage","match","helperText","InputProps","showButtonViewPassword","other","watch","password","showPassword","setShowPassword","hasNumberChar","hasSpecialCharacter","hasUpperCaseChar","isLengthValid","validatePassword","display","Field_default","Icon_default","v","validation","Password_default"],"mappings":"ogLAAA,OAAS,YAAAA,MAAgB,QACzB,OAAS,kBAAAC,MAAsB,kBAC/B,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAwDjB,OAUM,OAAAC,EAVN,QAAAC,MAAA,oBAhDV,IAAMC,EAAW,CAAC,CAChB,KAAAC,EACA,GAAAC,EACA,MAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,uBAAAC,EAAyB,GACzB,GAAGC,CACL,IAAqB,CACnB,GAAM,CAAE,MAAAC,CAAM,EAAInB,EAAe,EAC3BoB,EAAWD,EAAMb,CAAI,EACrB,CAACe,EAAcC,CAAe,EAAIvB,EAAS,EAAK,EAChD,CACJ,cAAAwB,EACA,oBAAAC,EACA,iBAAAC,EACA,cAAAC,CACF,EAAIC,EACFP,EACAX,EACAG,EACAF,EACAC,CACF,EAQMiB,GALH,CAACJ,GACA,CAACC,GACD,CAACC,GACD,CAACH,IACH,CAACV,EAC8B,OAAS,OAE1C,OACEV,EAAC0B,EAAA,CACC,uBAAsBvB,EACrB,GAAGY,EACJ,KAAMZ,EACN,KAAMe,EAAe,OAAS,WAC9B,WAAY,CACV,GAAGL,EACH,aACEZ,EAACF,EAAA,CAAe,SAAS,MACtB,UAAAc,GAAY,aAEZC,GACCd,EAACF,EAAA,CACC,QAAS,IAAMqB,EAAgB,CAACD,CAAY,EAC5C,KAAK,MACL,aAAW,wBACX,SAAU,GAEV,SAAAlB,EAAC2B,EAAA,CAAK,KAAMT,EAAe,UAAY,WAAY,EACrD,GAEJ,CAEJ,EACA,MAAO,CACL,GAAGb,EACH,SAAU,CACR,GAAGA,GAAO,SACV,mBAAqBuB,GAAc,CACjC,IAAMC,EAAaL,EACjBI,EACAtB,EACAG,EACAF,EACAC,CACF,EAEA,MACE,CAACqB,EAAW,eACZ,CAACA,EAAW,qBACZ,CAACA,EAAW,kBACZ,CAACA,EAAW,cAEL,oBAELlB,GAASA,EAAM,eACKK,EAAML,EAAM,aAAa,IAEzBiB,EAAU,6BAG3B,EACT,CACF,CACF,EACA,GAAI,CACF,GAAGxB,EACH,4BAA6B,CAC3B,QAASQ,EAAa,OAAYa,CACpC,CACF,EACA,oBAAmB,GACnB,WAAYb,EACd,CAEJ,EAEOkB,EAAQ5B","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  helperText,\n  InputProps,\n  showButtonViewPassword = true,\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  const hideHelperText =\n    (!hasSpecialCharacter ||\n      !hasUpperCaseChar ||\n      !isLengthValid ||\n      !hasNumberChar) &&\n    !showErrorMessage;\n  const display = hideHelperText ? 'none' : undefined;\n\n  return (\n    <Field\n      data-intercom-target={name}\n      {...other}\n      name={name}\n      type={showPassword ? 'text' : 'password'}\n      InputProps={{\n        ...InputProps,\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            {InputProps?.endAdornment}\n\n            {showButtonViewPassword && (\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            )}\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: helperText ? undefined : display,\n        },\n      }}\n      forceShowHelperText\n      helperText={helperText}\n    />\n  );\n};\n\nexport default Password;\n"]}

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

@@ -1,10 +1,166 @@
-import { a } from '../../../chunk-JQFGMAHA.js';
+import { a } from '../../../chunk-CQBXYALD.js';
 import '../../../chunk-RUABKHIV.js';
-import '../../../chunk-6GVG43FV.js';
+import '../../../chunk-IAUY4JGB.js';
 import '../../../chunk-4F2NKGF6.js';
 import '../../../chunk-6U5LS7MP.js';
-import '../../../chunk-BHENIWLV.js';
-import '../../../chunk-PAWS4ATJ.js';
+import '../../../chunk-NJ55GFRA.js';
+import '../../../chunk-UK2F7TWJ.js';
+import '../../../chunk-QNXYDH4Z.js';
+import '../../../chunk-PB74EKXH.js';
+import '../../../chunk-TP556MUN.js';
+import '../../../chunk-EKZYDHUV.js';
+import '../../../chunk-34CI5VGF.js';
+import '../../../chunk-6YJXV77R.js';
+import '../../../chunk-SQ3T74SK.js';
+import '../../../chunk-UALPBWPM.js';
+import '../../../chunk-3SPYJ5KY.js';
+import '../../../chunk-GVWYETWT.js';
+import '../../../chunk-AXS455TH.js';
+import '../../../chunk-L4BJKCBQ.js';
+import '../../../chunk-YYABA4NC.js';
+import '../../../chunk-BTVUQ4XU.js';
+import '../../../chunk-RP27UYVF.js';
+import '../../../chunk-WBTIOMTF.js';
+import '../../../chunk-ZCXQFAMG.js';
+import '../../../chunk-SRI4ERT7.js';
+import '../../../chunk-N63KFRAE.js';
+import '../../../chunk-I65NZFOS.js';
+import '../../../chunk-REVEMW2Z.js';
+import '../../../chunk-JYHFX7VQ.js';
+import '../../../chunk-WO6NCPDR.js';
+import '../../../chunk-VV3FVOPK.js';
+import '../../../chunk-62MXETHC.js';
+import '../../../chunk-7ITH2BHN.js';
+import '../../../chunk-GNE65ADW.js';
+import '../../../chunk-7NSBILAB.js';
+import '../../../chunk-EVCYTUOO.js';
+import '../../../chunk-TF7C2MZM.js';
+import '../../../chunk-2TEGEJGR.js';
+import '../../../chunk-AGR54T2W.js';
+import '../../../chunk-IPCUGUUQ.js';
+import '../../../chunk-RCVDECZO.js';
+import '../../../chunk-5P366VJV.js';
+import '../../../chunk-4PK45LZ6.js';
+import '../../../chunk-7JCS6XUD.js';
+import '../../../chunk-CA3ERMCD.js';
+import '../../../chunk-AOYZX4RD.js';
+import '../../../chunk-3PF55BQ7.js';
+import '../../../chunk-3O6DQK2Y.js';
+import '../../../chunk-T3IMQCA4.js';
+import '../../../chunk-LAW2SJKD.js';
+import '../../../chunk-LECYUASO.js';
+import '../../../chunk-HWADDMHQ.js';
+import '../../../chunk-PEVNYPIT.js';
+import '../../../chunk-RG3WUQ4U.js';
+import '../../../chunk-VZQQHRES.js';
+import '../../../chunk-ZHHHHVP3.js';
+import '../../../chunk-FJYFLKYT.js';
+import '../../../chunk-ZZYKPI33.js';
+import '../../../chunk-77GXDO2J.js';
+import '../../../chunk-PGPNLB6H.js';
+import '../../../chunk-6MIB3Y74.js';
+import '../../../chunk-YRPX7STA.js';
+import '../../../chunk-XT2VU2IS.js';
+import '../../../chunk-SWQTSSZB.js';
+import '../../../chunk-4B4SAKN4.js';
+import '../../../chunk-CRWHTBBL.js';
+import '../../../chunk-ISPMY4EO.js';
+import '../../../chunk-GFCDZMNY.js';
+import '../../../chunk-23HPXWBG.js';
+import '../../../chunk-R4BWG6IP.js';
+import '../../../chunk-UVPHAGRR.js';
+import '../../../chunk-36LUOVQV.js';
+import '../../../chunk-QGXUR7SS.js';
+import '../../../chunk-LAXL2FZH.js';
+import '../../../chunk-UVBYI6Q4.js';
+import '../../../chunk-2A3JEAR2.js';
+import '../../../chunk-VS3HUF6I.js';
+import '../../../chunk-LFFKQ5UY.js';
+import '../../../chunk-KECDPJAX.js';
+import '../../../chunk-2E3WI5RW.js';
+import '../../../chunk-47GVGG4B.js';
+import '../../../chunk-W6OLLGA5.js';
+import '../../../chunk-K36XVEPZ.js';
+import '../../../chunk-LA3IVJH3.js';
+import '../../../chunk-TJDQSDGI.js';
+import '../../../chunk-BXJEICPS.js';
+import '../../../chunk-J5KDPAWP.js';
+import '../../../chunk-BHGV4CYW.js';
+import '../../../chunk-U4CAICN5.js';
+import '../../../chunk-VQGBKDR7.js';
+import '../../../chunk-J5CCDUEI.js';
+import '../../../chunk-FIUVFX7R.js';
+import '../../../chunk-3TBO3DSP.js';
+import '../../../chunk-3JN2ENSO.js';
+import '../../../chunk-B5AEISFL.js';
+import '../../../chunk-66NGYJR5.js';
+import '../../../chunk-4XYO73JX.js';
+import '../../../chunk-6VHOHMT5.js';
+import '../../../chunk-JDYJQJDC.js';
+import '../../../chunk-467QIKOJ.js';
+import '../../../chunk-4XW2XJLH.js';
+import '../../../chunk-EAYBPL7I.js';
+import '../../../chunk-IPKFFCW7.js';
+import '../../../chunk-VJXZF4JZ.js';
+import '../../../chunk-E2XW3ALY.js';
+import '../../../chunk-W6CDOZMZ.js';
+import '../../../chunk-FGIQXYQH.js';
+import '../../../chunk-XBXD5FTK.js';
+import '../../../chunk-3VYKHXMB.js';
+import '../../../chunk-I3JOQYPX.js';
+import '../../../chunk-MAQJHBRG.js';
+import '../../../chunk-CG5OVPIM.js';
+import '../../../chunk-EDZ6ZOEL.js';
+import '../../../chunk-PPJJQFNS.js';
+import '../../../chunk-NY7OH64D.js';
+import '../../../chunk-DVN7YBAX.js';
+import '../../../chunk-DMC7LQ4N.js';
+import '../../../chunk-PANXFSBJ.js';
+import '../../../chunk-FZEGQP3E.js';
+import '../../../chunk-ISUBGMY4.js';
+import '../../../chunk-3TJSB74Q.js';
+import '../../../chunk-QLECZZYA.js';
+import '../../../chunk-YYGFBIXE.js';
+import '../../../chunk-VXTPFEPK.js';
+import '../../../chunk-6VNI2SDX.js';
+import '../../../chunk-6Q272Q44.js';
+import '../../../chunk-XC42LUQQ.js';
+import '../../../chunk-6HGX6PF6.js';
+import '../../../chunk-RMM5IYNJ.js';
+import '../../../chunk-SQKLWJ23.js';
+import '../../../chunk-WENSCH6W.js';
+import '../../../chunk-L3YFWYLR.js';
+import '../../../chunk-3EFT6YSD.js';
+import '../../../chunk-5NGWT3M5.js';
+import '../../../chunk-WU5EGX2L.js';
+import '../../../chunk-2OSAD34A.js';
+import '../../../chunk-KP4SEXGX.js';
+import '../../../chunk-5GLDXPBY.js';
+import '../../../chunk-LQ2SLABO.js';
+import '../../../chunk-FUVYZQLW.js';
+import '../../../chunk-M22MNKOD.js';
+import '../../../chunk-KFSNHVPI.js';
+import '../../../chunk-PE4NNNW3.js';
+import '../../../chunk-2I3FMGM3.js';
+import '../../../chunk-KJNTTEAK.js';
+import '../../../chunk-DTZ47O5J.js';
+import '../../../chunk-3E2CZNAB.js';
+import '../../../chunk-35FR4FOA.js';
+import '../../../chunk-L3CADPDV.js';
+import '../../../chunk-KC5WXOCZ.js';
+import '../../../chunk-QOPUYMDW.js';
+import '../../../chunk-GI2Q5ZKI.js';
+import '../../../chunk-3GJ5AP7R.js';
+import '../../../chunk-2ZGXYB4B.js';
+import '../../../chunk-O5AVZ4XZ.js';
+import '../../../chunk-STILB7RV.js';
+import '../../../chunk-4HT344UK.js';
+import '../../../chunk-HNQ253ZD.js';
+import '../../../chunk-KIUSOVMC.js';
+import '../../../chunk-DSQHDHEJ.js';
+import '../../../chunk-ABGWQJMQ.js';
+import '../../../chunk-N3QD4762.js';
+import '../../../chunk-VXLXFRSL.js';
 import '../../../chunk-TPOL2YXC.js';
 import { useFormContext, Controller } from 'react-hook-form';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/SelectList/index.tsx"],"names":["Controller","useFormContext","jsx","SelectList","name","rules","onChange","helperText","other","control","field","error","SelectList_default","value"],"mappings":"oSAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAsBjC,cAAAC,MAAA,oBAhBV,IAAMC,EAAa,CAAC,CAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,GAAM,CAAE,QAAAC,CAAQ,EAAIR,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASK,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IAEpCT,EAACU,EAAA,CACE,GAAGJ,EACJ,MAAOE,EAAM,MACb,SAAUG,GAAS,CACjBH,EAAM,SAASG,CAAK,EACpBP,IAAWO,CAAK,CAClB,EACA,MAAO,CAAC,CAACF,EACT,WAAYA,GAAO,SAAWJ,EAChC,EAGN,CAEJ,EAEOK,EAAQT","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport SelectListComponent from 'components/SelectList';\n\nimport { SelectListProps } from './props';\n\nconst SelectList = ({\n  name,\n  rules,\n  onChange,\n  helperText,\n  ...other\n}: SelectListProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <SelectListComponent\n            {...other}\n            value={field.value}\n            onChange={value => {\n              field.onChange(value);\n              onChange?.(value);\n            }}\n            error={!!error}\n            helperText={error?.message || helperText}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default SelectList;\n"]}
+{"version":3,"sources":["../../../../src/components/form/SelectList/index.tsx"],"names":["Controller","useFormContext","jsx","SelectList","name","rules","onChange","helperText","other","control","field","error","SelectList_default","value"],"mappings":"wnLAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAsBjC,cAAAC,MAAA,oBAhBV,IAAMC,EAAa,CAAC,CAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,GAAM,CAAE,QAAAC,CAAQ,EAAIR,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASK,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IAEpCT,EAACU,EAAA,CACE,GAAGJ,EACJ,MAAOE,EAAM,MACb,SAAUG,GAAS,CACjBH,EAAM,SAASG,CAAK,EACpBP,IAAWO,CAAK,CAClB,EACA,MAAO,CAAC,CAACF,EACT,WAAYA,GAAO,SAAWJ,EAChC,EAGN,CAEJ,EAEOK,EAAQT","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport SelectListComponent from 'components/SelectList';\n\nimport { SelectListProps } from './props';\n\nconst SelectList = ({\n  name,\n  rules,\n  onChange,\n  helperText,\n  ...other\n}: SelectListProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <SelectListComponent\n            {...other}\n            value={field.value}\n            onChange={value => {\n              field.onChange(value);\n              onChange?.(value);\n            }}\n            error={!!error}\n            helperText={error?.message || helperText}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default SelectList;\n"]}

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

@@ -1,10 +1,166 @@
-import { a } from '../../../chunk-2BZB3KUP.js';
+import { a } from '../../../chunk-RX46STPN.js';
 import '../../../chunk-6ZSTKYGL.js';
-import '../../../chunk-6GVG43FV.js';
+import '../../../chunk-IAUY4JGB.js';
 import '../../../chunk-4F2NKGF6.js';
 import '../../../chunk-NIQW2J3M.js';
 import '../../../chunk-F65ZXAGV.js';
-import '../../../chunk-PAWS4ATJ.js';
+import '../../../chunk-UK2F7TWJ.js';
+import '../../../chunk-QNXYDH4Z.js';
+import '../../../chunk-PB74EKXH.js';
+import '../../../chunk-TP556MUN.js';
+import '../../../chunk-EKZYDHUV.js';
+import '../../../chunk-34CI5VGF.js';
+import '../../../chunk-6YJXV77R.js';
+import '../../../chunk-SQ3T74SK.js';
+import '../../../chunk-UALPBWPM.js';
+import '../../../chunk-3SPYJ5KY.js';
+import '../../../chunk-GVWYETWT.js';
+import '../../../chunk-AXS455TH.js';
+import '../../../chunk-L4BJKCBQ.js';
+import '../../../chunk-YYABA4NC.js';
+import '../../../chunk-BTVUQ4XU.js';
+import '../../../chunk-RP27UYVF.js';
+import '../../../chunk-WBTIOMTF.js';
+import '../../../chunk-ZCXQFAMG.js';
+import '../../../chunk-SRI4ERT7.js';
+import '../../../chunk-N63KFRAE.js';
+import '../../../chunk-I65NZFOS.js';
+import '../../../chunk-REVEMW2Z.js';
+import '../../../chunk-JYHFX7VQ.js';
+import '../../../chunk-WO6NCPDR.js';
+import '../../../chunk-VV3FVOPK.js';
+import '../../../chunk-62MXETHC.js';
+import '../../../chunk-7ITH2BHN.js';
+import '../../../chunk-GNE65ADW.js';
+import '../../../chunk-7NSBILAB.js';
+import '../../../chunk-EVCYTUOO.js';
+import '../../../chunk-TF7C2MZM.js';
+import '../../../chunk-2TEGEJGR.js';
+import '../../../chunk-AGR54T2W.js';
+import '../../../chunk-IPCUGUUQ.js';
+import '../../../chunk-RCVDECZO.js';
+import '../../../chunk-5P366VJV.js';
+import '../../../chunk-4PK45LZ6.js';
+import '../../../chunk-7JCS6XUD.js';
+import '../../../chunk-CA3ERMCD.js';
+import '../../../chunk-AOYZX4RD.js';
+import '../../../chunk-3PF55BQ7.js';
+import '../../../chunk-3O6DQK2Y.js';
+import '../../../chunk-T3IMQCA4.js';
+import '../../../chunk-LAW2SJKD.js';
+import '../../../chunk-LECYUASO.js';
+import '../../../chunk-HWADDMHQ.js';
+import '../../../chunk-PEVNYPIT.js';
+import '../../../chunk-RG3WUQ4U.js';
+import '../../../chunk-VZQQHRES.js';
+import '../../../chunk-ZHHHHVP3.js';
+import '../../../chunk-FJYFLKYT.js';
+import '../../../chunk-ZZYKPI33.js';
+import '../../../chunk-77GXDO2J.js';
+import '../../../chunk-PGPNLB6H.js';
+import '../../../chunk-6MIB3Y74.js';
+import '../../../chunk-YRPX7STA.js';
+import '../../../chunk-XT2VU2IS.js';
+import '../../../chunk-SWQTSSZB.js';
+import '../../../chunk-4B4SAKN4.js';
+import '../../../chunk-CRWHTBBL.js';
+import '../../../chunk-ISPMY4EO.js';
+import '../../../chunk-GFCDZMNY.js';
+import '../../../chunk-23HPXWBG.js';
+import '../../../chunk-R4BWG6IP.js';
+import '../../../chunk-UVPHAGRR.js';
+import '../../../chunk-36LUOVQV.js';
+import '../../../chunk-QGXUR7SS.js';
+import '../../../chunk-LAXL2FZH.js';
+import '../../../chunk-UVBYI6Q4.js';
+import '../../../chunk-2A3JEAR2.js';
+import '../../../chunk-VS3HUF6I.js';
+import '../../../chunk-LFFKQ5UY.js';
+import '../../../chunk-KECDPJAX.js';
+import '../../../chunk-2E3WI5RW.js';
+import '../../../chunk-47GVGG4B.js';
+import '../../../chunk-W6OLLGA5.js';
+import '../../../chunk-K36XVEPZ.js';
+import '../../../chunk-LA3IVJH3.js';
+import '../../../chunk-TJDQSDGI.js';
+import '../../../chunk-BXJEICPS.js';
+import '../../../chunk-J5KDPAWP.js';
+import '../../../chunk-BHGV4CYW.js';
+import '../../../chunk-U4CAICN5.js';
+import '../../../chunk-VQGBKDR7.js';
+import '../../../chunk-J5CCDUEI.js';
+import '../../../chunk-FIUVFX7R.js';
+import '../../../chunk-3TBO3DSP.js';
+import '../../../chunk-3JN2ENSO.js';
+import '../../../chunk-B5AEISFL.js';
+import '../../../chunk-66NGYJR5.js';
+import '../../../chunk-4XYO73JX.js';
+import '../../../chunk-6VHOHMT5.js';
+import '../../../chunk-JDYJQJDC.js';
+import '../../../chunk-467QIKOJ.js';
+import '../../../chunk-4XW2XJLH.js';
+import '../../../chunk-EAYBPL7I.js';
+import '../../../chunk-IPKFFCW7.js';
+import '../../../chunk-VJXZF4JZ.js';
+import '../../../chunk-E2XW3ALY.js';
+import '../../../chunk-W6CDOZMZ.js';
+import '../../../chunk-FGIQXYQH.js';
+import '../../../chunk-XBXD5FTK.js';
+import '../../../chunk-3VYKHXMB.js';
+import '../../../chunk-I3JOQYPX.js';
+import '../../../chunk-MAQJHBRG.js';
+import '../../../chunk-CG5OVPIM.js';
+import '../../../chunk-EDZ6ZOEL.js';
+import '../../../chunk-PPJJQFNS.js';
+import '../../../chunk-NY7OH64D.js';
+import '../../../chunk-DVN7YBAX.js';
+import '../../../chunk-DMC7LQ4N.js';
+import '../../../chunk-PANXFSBJ.js';
+import '../../../chunk-FZEGQP3E.js';
+import '../../../chunk-ISUBGMY4.js';
+import '../../../chunk-3TJSB74Q.js';
+import '../../../chunk-QLECZZYA.js';
+import '../../../chunk-YYGFBIXE.js';
+import '../../../chunk-VXTPFEPK.js';
+import '../../../chunk-6VNI2SDX.js';
+import '../../../chunk-6Q272Q44.js';
+import '../../../chunk-XC42LUQQ.js';
+import '../../../chunk-6HGX6PF6.js';
+import '../../../chunk-RMM5IYNJ.js';
+import '../../../chunk-SQKLWJ23.js';
+import '../../../chunk-WENSCH6W.js';
+import '../../../chunk-L3YFWYLR.js';
+import '../../../chunk-3EFT6YSD.js';
+import '../../../chunk-5NGWT3M5.js';
+import '../../../chunk-WU5EGX2L.js';
+import '../../../chunk-2OSAD34A.js';
+import '../../../chunk-KP4SEXGX.js';
+import '../../../chunk-5GLDXPBY.js';
+import '../../../chunk-LQ2SLABO.js';
+import '../../../chunk-FUVYZQLW.js';
+import '../../../chunk-M22MNKOD.js';
+import '../../../chunk-KFSNHVPI.js';
+import '../../../chunk-PE4NNNW3.js';
+import '../../../chunk-2I3FMGM3.js';
+import '../../../chunk-KJNTTEAK.js';
+import '../../../chunk-DTZ47O5J.js';
+import '../../../chunk-3E2CZNAB.js';
+import '../../../chunk-35FR4FOA.js';
+import '../../../chunk-L3CADPDV.js';
+import '../../../chunk-KC5WXOCZ.js';
+import '../../../chunk-QOPUYMDW.js';
+import '../../../chunk-GI2Q5ZKI.js';
+import '../../../chunk-3GJ5AP7R.js';
+import '../../../chunk-2ZGXYB4B.js';
+import '../../../chunk-O5AVZ4XZ.js';
+import '../../../chunk-STILB7RV.js';
+import '../../../chunk-4HT344UK.js';
+import '../../../chunk-HNQ253ZD.js';
+import '../../../chunk-KIUSOVMC.js';
+import '../../../chunk-DSQHDHEJ.js';
+import '../../../chunk-ABGWQJMQ.js';
+import '../../../chunk-N3QD4762.js';
+import '../../../chunk-VXLXFRSL.js';
 import '../../../chunk-TPOL2YXC.js';
 import { useFormContext, Controller } from 'react-hook-form';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/SelectableCards/index.tsx"],"names":["Controller","useFormContext","jsx","SelectableCards","name","rules","other","control","field","SelectableCards_default"],"mappings":"oSAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAe5B,cAAAC,MAAA,oBATf,IAAMC,EAAkB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,GAAGC,CAAM,IAA4B,CAC3E,GAAM,CAAE,QAAAC,CAAQ,EAAIN,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASG,EACT,MAAOF,EACP,OAAQ,CAAC,CAAE,MAAAG,CAAM,IACRN,EAACO,EAAA,CAA0B,GAAGD,EAAQ,GAAGF,EAAO,EAE3D,CAEJ,EAEOG,EAAQN","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"]}
+{"version":3,"sources":["../../../../src/components/form/SelectableCards/index.tsx"],"names":["Controller","useFormContext","jsx","SelectableCards","name","rules","other","control","field","SelectableCards_default"],"mappings":"wnLAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAe5B,cAAAC,MAAA,oBATf,IAAMC,EAAkB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,GAAGC,CAAM,IAA4B,CAC3E,GAAM,CAAE,QAAAC,CAAQ,EAAIN,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASG,EACT,MAAOF,EACP,OAAQ,CAAC,CAAE,MAAAG,CAAM,IACRN,EAACO,EAAA,CAA0B,GAAGD,EAAQ,GAAGF,EAAO,EAE3D,CAEJ,EAEOG,EAAQN","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/Webhook/index.js

@@ -1,8 +1,164 @@
 import { a as a$1 } from '../../../chunk-YXRL4O4H.js';
-import { a as a$2 } from '../../../chunk-ILC7LDUW.js';
-import { a as a$3 } from '../../../chunk-BHENIWLV.js';
-import '../../../chunk-XDC3MGXF.js';
-import { a } from '../../../chunk-PAWS4ATJ.js';
+import { a as a$2 } from '../../../chunk-7MUFLAMK.js';
+import { a as a$3 } from '../../../chunk-NJ55GFRA.js';
+import '../../../chunk-IXUBDPJH.js';
+import { a } from '../../../chunk-UK2F7TWJ.js';
+import '../../../chunk-QNXYDH4Z.js';
+import '../../../chunk-PB74EKXH.js';
+import '../../../chunk-TP556MUN.js';
+import '../../../chunk-EKZYDHUV.js';
+import '../../../chunk-34CI5VGF.js';
+import '../../../chunk-6YJXV77R.js';
+import '../../../chunk-SQ3T74SK.js';
+import '../../../chunk-UALPBWPM.js';
+import '../../../chunk-3SPYJ5KY.js';
+import '../../../chunk-GVWYETWT.js';
+import '../../../chunk-AXS455TH.js';
+import '../../../chunk-L4BJKCBQ.js';
+import '../../../chunk-YYABA4NC.js';
+import '../../../chunk-BTVUQ4XU.js';
+import '../../../chunk-RP27UYVF.js';
+import '../../../chunk-WBTIOMTF.js';
+import '../../../chunk-ZCXQFAMG.js';
+import '../../../chunk-SRI4ERT7.js';
+import '../../../chunk-N63KFRAE.js';
+import '../../../chunk-I65NZFOS.js';
+import '../../../chunk-REVEMW2Z.js';
+import '../../../chunk-JYHFX7VQ.js';
+import '../../../chunk-WO6NCPDR.js';
+import '../../../chunk-VV3FVOPK.js';
+import '../../../chunk-62MXETHC.js';
+import '../../../chunk-7ITH2BHN.js';
+import '../../../chunk-GNE65ADW.js';
+import '../../../chunk-7NSBILAB.js';
+import '../../../chunk-EVCYTUOO.js';
+import '../../../chunk-TF7C2MZM.js';
+import '../../../chunk-2TEGEJGR.js';
+import '../../../chunk-AGR54T2W.js';
+import '../../../chunk-IPCUGUUQ.js';
+import '../../../chunk-RCVDECZO.js';
+import '../../../chunk-5P366VJV.js';
+import '../../../chunk-4PK45LZ6.js';
+import '../../../chunk-7JCS6XUD.js';
+import '../../../chunk-CA3ERMCD.js';
+import '../../../chunk-AOYZX4RD.js';
+import '../../../chunk-3PF55BQ7.js';
+import '../../../chunk-3O6DQK2Y.js';
+import '../../../chunk-T3IMQCA4.js';
+import '../../../chunk-LAW2SJKD.js';
+import '../../../chunk-LECYUASO.js';
+import '../../../chunk-HWADDMHQ.js';
+import '../../../chunk-PEVNYPIT.js';
+import '../../../chunk-RG3WUQ4U.js';
+import '../../../chunk-VZQQHRES.js';
+import '../../../chunk-ZHHHHVP3.js';
+import '../../../chunk-FJYFLKYT.js';
+import '../../../chunk-ZZYKPI33.js';
+import '../../../chunk-77GXDO2J.js';
+import '../../../chunk-PGPNLB6H.js';
+import '../../../chunk-6MIB3Y74.js';
+import '../../../chunk-YRPX7STA.js';
+import '../../../chunk-XT2VU2IS.js';
+import '../../../chunk-SWQTSSZB.js';
+import '../../../chunk-4B4SAKN4.js';
+import '../../../chunk-CRWHTBBL.js';
+import '../../../chunk-ISPMY4EO.js';
+import '../../../chunk-GFCDZMNY.js';
+import '../../../chunk-23HPXWBG.js';
+import '../../../chunk-R4BWG6IP.js';
+import '../../../chunk-UVPHAGRR.js';
+import '../../../chunk-36LUOVQV.js';
+import '../../../chunk-QGXUR7SS.js';
+import '../../../chunk-LAXL2FZH.js';
+import '../../../chunk-UVBYI6Q4.js';
+import '../../../chunk-2A3JEAR2.js';
+import '../../../chunk-VS3HUF6I.js';
+import '../../../chunk-LFFKQ5UY.js';
+import '../../../chunk-KECDPJAX.js';
+import '../../../chunk-2E3WI5RW.js';
+import '../../../chunk-47GVGG4B.js';
+import '../../../chunk-W6OLLGA5.js';
+import '../../../chunk-K36XVEPZ.js';
+import '../../../chunk-LA3IVJH3.js';
+import '../../../chunk-TJDQSDGI.js';
+import '../../../chunk-BXJEICPS.js';
+import '../../../chunk-J5KDPAWP.js';
+import '../../../chunk-BHGV4CYW.js';
+import '../../../chunk-U4CAICN5.js';
+import '../../../chunk-VQGBKDR7.js';
+import '../../../chunk-J5CCDUEI.js';
+import '../../../chunk-FIUVFX7R.js';
+import '../../../chunk-3TBO3DSP.js';
+import '../../../chunk-3JN2ENSO.js';
+import '../../../chunk-B5AEISFL.js';
+import '../../../chunk-66NGYJR5.js';
+import '../../../chunk-4XYO73JX.js';
+import '../../../chunk-6VHOHMT5.js';
+import '../../../chunk-JDYJQJDC.js';
+import '../../../chunk-467QIKOJ.js';
+import '../../../chunk-4XW2XJLH.js';
+import '../../../chunk-EAYBPL7I.js';
+import '../../../chunk-IPKFFCW7.js';
+import '../../../chunk-VJXZF4JZ.js';
+import '../../../chunk-E2XW3ALY.js';
+import '../../../chunk-W6CDOZMZ.js';
+import '../../../chunk-FGIQXYQH.js';
+import '../../../chunk-XBXD5FTK.js';
+import '../../../chunk-3VYKHXMB.js';
+import '../../../chunk-I3JOQYPX.js';
+import '../../../chunk-MAQJHBRG.js';
+import '../../../chunk-CG5OVPIM.js';
+import '../../../chunk-EDZ6ZOEL.js';
+import '../../../chunk-PPJJQFNS.js';
+import '../../../chunk-NY7OH64D.js';
+import '../../../chunk-DVN7YBAX.js';
+import '../../../chunk-DMC7LQ4N.js';
+import '../../../chunk-PANXFSBJ.js';
+import '../../../chunk-FZEGQP3E.js';
+import '../../../chunk-ISUBGMY4.js';
+import '../../../chunk-3TJSB74Q.js';
+import '../../../chunk-QLECZZYA.js';
+import '../../../chunk-YYGFBIXE.js';
+import '../../../chunk-VXTPFEPK.js';
+import '../../../chunk-6VNI2SDX.js';
+import '../../../chunk-6Q272Q44.js';
+import '../../../chunk-XC42LUQQ.js';
+import '../../../chunk-6HGX6PF6.js';
+import '../../../chunk-RMM5IYNJ.js';
+import '../../../chunk-SQKLWJ23.js';
+import '../../../chunk-WENSCH6W.js';
+import '../../../chunk-L3YFWYLR.js';
+import '../../../chunk-3EFT6YSD.js';
+import '../../../chunk-5NGWT3M5.js';
+import '../../../chunk-WU5EGX2L.js';
+import '../../../chunk-2OSAD34A.js';
+import '../../../chunk-KP4SEXGX.js';
+import '../../../chunk-5GLDXPBY.js';
+import '../../../chunk-LQ2SLABO.js';
+import '../../../chunk-FUVYZQLW.js';
+import '../../../chunk-M22MNKOD.js';
+import '../../../chunk-KFSNHVPI.js';
+import '../../../chunk-PE4NNNW3.js';
+import '../../../chunk-2I3FMGM3.js';
+import '../../../chunk-KJNTTEAK.js';
+import '../../../chunk-DTZ47O5J.js';
+import '../../../chunk-3E2CZNAB.js';
+import '../../../chunk-35FR4FOA.js';
+import '../../../chunk-L3CADPDV.js';
+import '../../../chunk-KC5WXOCZ.js';
+import '../../../chunk-QOPUYMDW.js';
+import '../../../chunk-GI2Q5ZKI.js';
+import '../../../chunk-3GJ5AP7R.js';
+import '../../../chunk-2ZGXYB4B.js';
+import '../../../chunk-O5AVZ4XZ.js';
+import '../../../chunk-STILB7RV.js';
+import '../../../chunk-4HT344UK.js';
+import '../../../chunk-HNQ253ZD.js';
+import '../../../chunk-KIUSOVMC.js';
+import '../../../chunk-DSQHDHEJ.js';
+import '../../../chunk-ABGWQJMQ.js';
+import '../../../chunk-N3QD4762.js';
+import '../../../chunk-VXLXFRSL.js';
 import '../../../chunk-TPOL2YXC.js';
 import { useCallback, useMemo } from 'react';
 import { useFormContext, useFieldArray } from 'react-hook-form';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/Webhook/index.tsx","../../../../src/components/form/Webhook/props.ts","../../../../src/components/form/Webhook/styles.ts","../../../../src/components/form/Webhook/WebhookAlert.tsx"],"names":["useCallback","useMemo","useFieldArray","useFormContext","Divider","IconButton","InputAdornment","Stack","Typography","ContentTypeOptions","HttpMethodOptions","Alert","alpha","styled","SyledIconButton","theme","StyledTypography","StyledAlert","jsx","jsxs","WebhookAlert","handleLinkClick","url","WebhookAlert_default","Fragment","CONTENT_TYPE_RULES","HTTP_METHOD_RULES","URL_RULES","HEADER_KEY_RULES","Webhook","webhookData","isEditing","haveTip","hasFilter","hasType","control","headers","append","remove","handleCreateField","handleCopyResourceId","resourceIdInputProps","Icon_default","Field_default","Autocomplete_default","item","index","ActionButton_default","Webhook_default"],"mappings":"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","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useFieldArray, useFormContext } from 'react-hook-form';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ActionButton from 'components/ActionButton';\nimport Icon from 'components/Icon';\n\nimport Autocomplete from '../Autocomplete';\nimport Field from '../Field';\n\nimport { ContentTypeOptions, HttpMethodOptions, WebhookProps } from './props';\nimport { SyledIconButton } from './styles';\nimport WebhookAlert from './WebhookAlert';\n\nconst CONTENT_TYPE_RULES = {\n  required: { value: true, message: 'Campo Tipo de conteúdo é obrigatório' },\n} as const;\n\nconst HTTP_METHOD_RULES = {\n  required: { value: true, message: 'Campo Método HTTP é obrigatório' },\n} as const;\n\nconst URL_RULES = {\n  required: { value: true, message: 'Url é obrigatório' },\n} as const;\n\nconst HEADER_KEY_RULES = {\n  required: { value: true, message: '' },\n} as const;\n\nconst Webhook = ({\n  webhookData,\n  isEditing = false,\n  haveTip = false,\n  hasFilter = true,\n  hasType = true,\n}: WebhookProps) => {\n  const { control } = useFormContext();\n\n  const {\n    fields: headers,\n    append,\n    remove,\n  } = useFieldArray({\n    name: 'headers',\n    control,\n  });\n\n  const handleCreateField = useCallback(() => {\n    append({ value: '', name: '' });\n  }, [append]);\n\n  const handleCopyResourceId = useCallback(() => {\n    if (!webhookData?.resource_id) return;\n    navigator.clipboard\n      .writeText(webhookData.resource_id)\n      .catch(() => undefined);\n  }, [webhookData?.resource_id]);\n\n  const resourceIdInputProps = useMemo(\n    () => ({\n      endAdornment: (\n        <InputAdornment position=\"end\">\n          <SyledIconButton\n            aria-label=\"Copiar ID origem\"\n            onClick={handleCopyResourceId}\n          >\n            <Icon className=\"copyIcon\" icon=\"COPY_CONTENT\" />\n          </SyledIconButton>\n        </InputAdornment>\n      ),\n    }),\n    [handleCopyResourceId],\n  );\n\n  return (\n    <>\n      {haveTip && <WebhookAlert />}\n      {isEditing && <Field name=\"name\" label=\"Nome do webhook\" />}\n      <Stack direction=\"row\" gap={2}>\n        <Field name=\"url\" label=\"URL de endpoint\" rules={URL_RULES} />\n        {hasFilter && <Field name=\"filter\" label=\"Filtro\" />}\n      </Stack>\n      {isEditing && webhookData && (\n        <>\n          <Field variant=\"filled\" name=\"solution\" label=\"Solução\" disabled />\n          <Stack direction=\"row\" gap={2}>\n            <Field variant=\"filled\" name=\"resource\" label=\"Origem\" disabled />\n            <Field\n              variant=\"filled\"\n              name=\"resource_id\"\n              label=\"ID origem\"\n              disabled\n              InputProps={resourceIdInputProps}\n            />\n            <Field variant=\"filled\" name=\"event\" label=\"Evento\" disabled />\n          </Stack>\n        </>\n      )}\n      <Stack direction=\"row\" gap={2} alignItems=\"center\">\n        {hasType && (\n          <Autocomplete\n            fullWidth\n            options={ContentTypeOptions}\n            name=\"content_type\"\n            label=\"Tipo de conteúdo\"\n            required\n            rules={CONTENT_TYPE_RULES}\n          />\n        )}\n        <Autocomplete\n          fullWidth\n          options={HttpMethodOptions}\n          name=\"http_method\"\n          label=\"Método HTTP\"\n          required\n          rules={HTTP_METHOD_RULES}\n        />\n      </Stack>\n      <Typography variant=\"overline\" color=\"grey\">\n        Cabeçalho\n      </Typography>\n      {headers?.map((item, index) => (\n        <Stack key={item.id} direction=\"row\" gap={2} alignItems=\"center\">\n          <Field\n            name={`headers.${index}.name`}\n            label=\"Chave\"\n            required\n            rules={HEADER_KEY_RULES}\n          />\n          <Field name={`headers.${index}.value`} label=\"Valor\" />\n          <IconButton\n            aria-label=\"Remover cabeçalho\"\n            color=\"error\"\n            onClick={() => remove(index)}\n          >\n            <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n          </IconButton>\n        </Stack>\n      ))}\n      <ActionButton\n        actionType=\"NEW\"\n        size=\"large\"\n        variant=\"outlined\"\n        color=\"inherit\"\n        fullWidth\n        onClick={handleCreateField}\n      >\n        Adicionar novo cabeçalho\n      </ActionButton>\n      <Divider />\n    </>\n  );\n};\n\nexport default Webhook;\n","import { WebhookType } from 'types/webhook';\n\nexport interface WebhookProps {\n  webhookData?: WebhookType;\n  isEditing?: boolean;\n  haveTip?: boolean;\n  hasFilter?: boolean;\n  hasType?: boolean;\n}\nexport enum ContentTypeStatus {\n  XML = 'XML',\n  JSON = 'JSON',\n  BYTEA = 'BYTEA',\n}\n\nexport enum HttpMethodStatus {\n  GET = 'GET',\n  POST = 'POST',\n  PATCH = 'PATCH',\n  DELETE = 'DELETE',\n  PUT = 'PUT',\n}\n\nexport const ContentTypeOptions = [\n  {\n    label: ContentTypeStatus.XML,\n    value: ContentTypeStatus.XML,\n  },\n  {\n    label: ContentTypeStatus.JSON,\n    value: ContentTypeStatus.JSON,\n  },\n  {\n    label: ContentTypeStatus.BYTEA,\n    value: ContentTypeStatus.BYTEA,\n  },\n];\n\nexport const HttpMethodOptions = [\n  {\n    label: HttpMethodStatus.GET,\n    value: HttpMethodStatus.GET,\n  },\n  {\n    label: HttpMethodStatus.POST,\n    value: HttpMethodStatus.POST,\n  },\n  {\n    label: HttpMethodStatus.DELETE,\n    value: HttpMethodStatus.DELETE,\n  },\n  {\n    label: HttpMethodStatus.PUT,\n    value: HttpMethodStatus.PUT,\n  },\n];\n","import Alert from '@mui/material/Alert';\nimport IconButton from '@mui/material/IconButton';\nimport { alpha, styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const SyledIconButton = styled(IconButton)(({ theme }) => ({\n  svg: {\n    color: `${theme.palette.primary.main} !important`,\n  },\n}));\n\nexport const StyledTypography = styled(Typography)(() => ({\n  textDecoration: 'underline',\n  fontWeight: '600',\n  cursor: 'pointer',\n}));\n\nexport const StyledAlert = styled(Alert)(({ theme }) => ({\n  backgroundColor: `${alpha(theme.palette.primary.main, 0.03)}`,\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.4)}`,\n  flexDirection: 'row',\n  alignItems: 'center',\n  padding: '2px 12px',\n  gap: 8,\n  borderRadius: 8,\n  marginBottom: 16,\n\n  '& svg': {\n    color: theme.palette.primary.main,\n  },\n}));\n","import Typography from '@mui/material/Typography';\n\nimport { StyledAlert, StyledTypography } from './styles';\n\nconst WebhookAlert = () => {\n  const handleLinkClick = () => {\n    const url =\n      'https://ajuda.zydon.com.br/pt-BR/articles/9180603-sobre-webhooks';\n    window.open(url, '_blank');\n  };\n\n  return (\n    <StyledAlert severity=\"info\">\n      <Typography color=\"grey\" variant=\"caption\">\n        Webhooks permitem que serviços externos sejam notificados quando\n        determinados eventos acontecem. Saiba mais{' '}\n        <StyledTypography\n          variant=\"caption\"\n          color=\"primary\"\n          onClick={() => handleLinkClick()}\n        >\n          acessando a documentação do Webhook\n        </StyledTypography>\n      </Typography>\n    </StyledAlert>\n  );\n};\n\nexport default WebhookAlert;\n"]}
+{"version":3,"sources":["../../../../src/components/form/Webhook/index.tsx","../../../../src/components/form/Webhook/props.ts","../../../../src/components/form/Webhook/styles.ts","../../../../src/components/form/Webhook/WebhookAlert.tsx"],"names":["useCallback","useMemo","useFieldArray","useFormContext","Divider","IconButton","InputAdornment","Stack","Typography","ContentTypeOptions","HttpMethodOptions","Alert","alpha","styled","SyledIconButton","theme","StyledTypography","StyledAlert","jsx","jsxs","WebhookAlert","handleLinkClick","url","WebhookAlert_default","Fragment","CONTENT_TYPE_RULES","HTTP_METHOD_RULES","URL_RULES","HEADER_KEY_RULES","Webhook","webhookData","isEditing","haveTip","hasFilter","hasType","control","headers","append","remove","handleCreateField","handleCopyResourceId","resourceIdInputProps","Icon_default","Field_default","Autocomplete_default","item","index","ActionButton_default","Webhook_default"],"mappings":"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","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useFieldArray, useFormContext } from 'react-hook-form';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ActionButton from 'components/ActionButton';\nimport Icon from 'components/Icon';\n\nimport Autocomplete from '../Autocomplete';\nimport Field from '../Field';\n\nimport { ContentTypeOptions, HttpMethodOptions, WebhookProps } from './props';\nimport { SyledIconButton } from './styles';\nimport WebhookAlert from './WebhookAlert';\n\nconst CONTENT_TYPE_RULES = {\n  required: { value: true, message: 'Campo Tipo de conteúdo é obrigatório' },\n} as const;\n\nconst HTTP_METHOD_RULES = {\n  required: { value: true, message: 'Campo Método HTTP é obrigatório' },\n} as const;\n\nconst URL_RULES = {\n  required: { value: true, message: 'Url é obrigatório' },\n} as const;\n\nconst HEADER_KEY_RULES = {\n  required: { value: true, message: '' },\n} as const;\n\nconst Webhook = ({\n  webhookData,\n  isEditing = false,\n  haveTip = false,\n  hasFilter = true,\n  hasType = true,\n}: WebhookProps) => {\n  const { control } = useFormContext();\n\n  const {\n    fields: headers,\n    append,\n    remove,\n  } = useFieldArray({\n    name: 'headers',\n    control,\n  });\n\n  const handleCreateField = useCallback(() => {\n    append({ value: '', name: '' });\n  }, [append]);\n\n  const handleCopyResourceId = useCallback(() => {\n    if (!webhookData?.resource_id) return;\n    navigator.clipboard\n      .writeText(webhookData.resource_id)\n      .catch(() => undefined);\n  }, [webhookData?.resource_id]);\n\n  const resourceIdInputProps = useMemo(\n    () => ({\n      endAdornment: (\n        <InputAdornment position=\"end\">\n          <SyledIconButton\n            aria-label=\"Copiar ID origem\"\n            onClick={handleCopyResourceId}\n          >\n            <Icon className=\"copyIcon\" icon=\"COPY_CONTENT\" />\n          </SyledIconButton>\n        </InputAdornment>\n      ),\n    }),\n    [handleCopyResourceId],\n  );\n\n  return (\n    <>\n      {haveTip && <WebhookAlert />}\n      {isEditing && <Field name=\"name\" label=\"Nome do webhook\" />}\n      <Stack direction=\"row\" gap={2}>\n        <Field name=\"url\" label=\"URL de endpoint\" rules={URL_RULES} />\n        {hasFilter && <Field name=\"filter\" label=\"Filtro\" />}\n      </Stack>\n      {isEditing && webhookData && (\n        <>\n          <Field variant=\"filled\" name=\"solution\" label=\"Solução\" disabled />\n          <Stack direction=\"row\" gap={2}>\n            <Field variant=\"filled\" name=\"resource\" label=\"Origem\" disabled />\n            <Field\n              variant=\"filled\"\n              name=\"resource_id\"\n              label=\"ID origem\"\n              disabled\n              InputProps={resourceIdInputProps}\n            />\n            <Field variant=\"filled\" name=\"event\" label=\"Evento\" disabled />\n          </Stack>\n        </>\n      )}\n      <Stack direction=\"row\" gap={2} alignItems=\"center\">\n        {hasType && (\n          <Autocomplete\n            fullWidth\n            options={ContentTypeOptions}\n            name=\"content_type\"\n            label=\"Tipo de conteúdo\"\n            required\n            rules={CONTENT_TYPE_RULES}\n          />\n        )}\n        <Autocomplete\n          fullWidth\n          options={HttpMethodOptions}\n          name=\"http_method\"\n          label=\"Método HTTP\"\n          required\n          rules={HTTP_METHOD_RULES}\n        />\n      </Stack>\n      <Typography variant=\"overline\" color=\"grey\">\n        Cabeçalho\n      </Typography>\n      {headers?.map((item, index) => (\n        <Stack key={item.id} direction=\"row\" gap={2} alignItems=\"center\">\n          <Field\n            name={`headers.${index}.name`}\n            label=\"Chave\"\n            required\n            rules={HEADER_KEY_RULES}\n          />\n          <Field name={`headers.${index}.value`} label=\"Valor\" />\n          <IconButton\n            aria-label=\"Remover cabeçalho\"\n            color=\"error\"\n            onClick={() => remove(index)}\n          >\n            <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n          </IconButton>\n        </Stack>\n      ))}\n      <ActionButton\n        actionType=\"NEW\"\n        size=\"large\"\n        variant=\"outlined\"\n        color=\"inherit\"\n        fullWidth\n        onClick={handleCreateField}\n      >\n        Adicionar novo cabeçalho\n      </ActionButton>\n      <Divider />\n    </>\n  );\n};\n\nexport default Webhook;\n","import { WebhookType } from 'types/webhook';\n\nexport interface WebhookProps {\n  webhookData?: WebhookType;\n  isEditing?: boolean;\n  haveTip?: boolean;\n  hasFilter?: boolean;\n  hasType?: boolean;\n}\nexport enum ContentTypeStatus {\n  XML = 'XML',\n  JSON = 'JSON',\n  BYTEA = 'BYTEA',\n}\n\nexport enum HttpMethodStatus {\n  GET = 'GET',\n  POST = 'POST',\n  PATCH = 'PATCH',\n  DELETE = 'DELETE',\n  PUT = 'PUT',\n}\n\nexport const ContentTypeOptions = [\n  {\n    label: ContentTypeStatus.XML,\n    value: ContentTypeStatus.XML,\n  },\n  {\n    label: ContentTypeStatus.JSON,\n    value: ContentTypeStatus.JSON,\n  },\n  {\n    label: ContentTypeStatus.BYTEA,\n    value: ContentTypeStatus.BYTEA,\n  },\n];\n\nexport const HttpMethodOptions = [\n  {\n    label: HttpMethodStatus.GET,\n    value: HttpMethodStatus.GET,\n  },\n  {\n    label: HttpMethodStatus.POST,\n    value: HttpMethodStatus.POST,\n  },\n  {\n    label: HttpMethodStatus.DELETE,\n    value: HttpMethodStatus.DELETE,\n  },\n  {\n    label: HttpMethodStatus.PUT,\n    value: HttpMethodStatus.PUT,\n  },\n];\n","import Alert from '@mui/material/Alert';\nimport IconButton from '@mui/material/IconButton';\nimport { alpha, styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const SyledIconButton = styled(IconButton)(({ theme }) => ({\n  svg: {\n    color: `${theme.palette.primary.main} !important`,\n  },\n}));\n\nexport const StyledTypography = styled(Typography)(() => ({\n  textDecoration: 'underline',\n  fontWeight: '600',\n  cursor: 'pointer',\n}));\n\nexport const StyledAlert = styled(Alert)(({ theme }) => ({\n  backgroundColor: `${alpha(theme.palette.primary.main, 0.03)}`,\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.4)}`,\n  flexDirection: 'row',\n  alignItems: 'center',\n  padding: '2px 12px',\n  gap: 8,\n  borderRadius: 8,\n  marginBottom: 16,\n\n  '& svg': {\n    color: theme.palette.primary.main,\n  },\n}));\n","import Typography from '@mui/material/Typography';\n\nimport { StyledAlert, StyledTypography } from './styles';\n\nconst WebhookAlert = () => {\n  const handleLinkClick = () => {\n    const url =\n      'https://ajuda.zydon.com.br/pt-BR/articles/9180603-sobre-webhooks';\n    window.open(url, '_blank');\n  };\n\n  return (\n    <StyledAlert severity=\"info\">\n      <Typography color=\"grey\" variant=\"caption\">\n        Webhooks permitem que serviços externos sejam notificados quando\n        determinados eventos acontecem. Saiba mais{' '}\n        <StyledTypography\n          variant=\"caption\"\n          color=\"primary\"\n          onClick={() => handleLinkClick()}\n        >\n          acessando a documentação do Webhook\n        </StyledTypography>\n      </Typography>\n    </StyledAlert>\n  );\n};\n\nexport default WebhookAlert;\n"]}