@scbt-ecom/ui 0.137.0 → 0.138.1

package/dist/lib/widgets/authProvider/AuthProvider.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as t}from"react/jsx-runtime";import*as f from"react";import{AUTH_PROVIDER_MODE as n}from"./model/helpers.js";import{MobileId as l}from"./ui/MobileId.js";import{Esia as c}from"./ui/Esia.js";import{cn as i}from"../../shared/utils/cn.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{Badge as s}from"../../shared/ui/badge/Badge.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const h=o=>{switch(o.mode){case n.ESIA:return t(c,{...o});case n.MOBILE_ID:return t(l,{...o});case n.COMBINE:default:const{esiaConfig:a,mobileIdConfig:d,subtitle:e,badge:p,classes:r}=o,u=!e&&!p?f.Fragment:"div";return m("div",{className:i("flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",r==null?void 0:r.root),children:[m(u,{className:i("flex w-full items-center justify-between gap-2",r==null?void 0:r.topContent),children:[e&&t("h5",{className:i("desk-body-regular-l flex flex-1 text-color-dark",r==null?void 0:r.subtitle),children:e}),p&&t(s,{className:i("bg-color-positive",r==null?void 0:r.badge),children:p})]}),m("div",{className:i("grid w-full grid-cols-2 gap-2 desktop:gap-4",r==null?void 0:r.authWrapper),children:[t(c,{...a,classes:{authWrapper:{root:"p-0 outline-0 h-[74px]"},root:"p-0 outline-0 h-[74px]",arrowIcon:"hidden",...a.classes}}),t(l,{...d,classes:{root:"p-0 outline-0 h-[74px]",authWrapper:{root:"p-0 outline-0 h-[74px]"},arrowIcon:"hidden",...d.classes}})]})]})}},Z=o=>h(o);export{Z as AuthProvider};
+import{jsxs as a,jsx as r}from"react/jsx-runtime";import*as f from"react";import{AUTH_PROVIDER_MODE as d}from"./model/helpers.js";import{MobileId as c}from"./ui/MobileId.js";import{Esia as s}from"./ui/Esia.js";import{cn as t}from"../../shared/utils/cn.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{Badge as g}from"../../shared/ui/badge/Badge.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Z=i=>{switch(i.mode){case d.ESIA:return r(s,{...i});case d.MOBILE_ID:return r(c,{...i});case d.COMBINE:default:const{esiaConfig:l,mobileIdConfig:n,subtitle:m,badge:p,classes:o}=i,u=!m&&!p?f.Fragment:"div",e="p-0 outline-0 h-[74px]";return a("div",{className:t("flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",o==null?void 0:o.root),children:[a(u,{className:t("flex w-full items-center justify-between gap-2",o==null?void 0:o.topContent),children:[m&&r("h5",{className:t("desk-body-regular-l flex flex-1 text-color-dark",o==null?void 0:o.subtitle),children:m}),p&&r(g,{className:t("bg-color-positive",o==null?void 0:o.badge),children:p})]}),a("div",{className:t("grid w-full grid-cols-2 gap-2 desktop:gap-4",o==null?void 0:o.authWrapper),children:[r(s,{...l,classes:{authWrapper:{root:e},root:e,arrowIcon:"hidden",...l.classes}}),r(c,{...n,classes:{root:e,authWrapper:{root:e},arrowIcon:"hidden",...n.classes}})]})]})}};export{Z as AuthProvider};
 //# sourceMappingURL=AuthProvider.js.map

package/dist/lib/widgets/authProvider/AuthProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthProvider.js","sources":["../../../../lib/widgets/authProvider/AuthProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { AUTH_PROVIDER_MODE } from './model/helpers'\nimport type { AuthProviderProps } from './model/types'\nimport { Esia, MobileId } from './ui'\nimport { Badge } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nconst renderProvider = (props: AuthProviderProps): React.ReactElement => {\n  switch (props.mode) {\n    case AUTH_PROVIDER_MODE.ESIA:\n      return <Esia {...props} />\n    case AUTH_PROVIDER_MODE.MOBILE_ID:\n      return <MobileId {...props} />\n    case AUTH_PROVIDER_MODE.COMBINE:\n    default:\n      const { esiaConfig, mobileIdConfig, subtitle, badge, classes } = props\n\n      const HeadWrapper = !subtitle && !badge ? React.Fragment : 'div'\n\n      return (\n        <div\n          className={cn(\n            'flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4',\n            classes?.root\n          )}\n        >\n          <HeadWrapper className={cn('flex w-full items-center justify-between gap-2', classes?.topContent)}>\n            {subtitle && <h5 className={cn('desk-body-regular-l flex flex-1 text-color-dark', classes?.subtitle)}>{subtitle}</h5>}\n            {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n          </HeadWrapper>\n          <div className={cn('grid w-full grid-cols-2 gap-2 desktop:gap-4', classes?.authWrapper)}>\n            <Esia\n              {...esiaConfig}\n              classes={{\n                authWrapper: {\n                  root: 'p-0 outline-0 h-[74px]'\n                },\n                root: 'p-0 outline-0 h-[74px]',\n                arrowIcon: 'hidden',\n                ...esiaConfig.classes\n              }}\n            />\n            <MobileId\n              {...mobileIdConfig}\n              classes={{\n                root: 'p-0 outline-0 h-[74px]',\n                authWrapper: {\n                  root: 'p-0 outline-0 h-[74px]'\n                },\n                arrowIcon: 'hidden',\n                ...mobileIdConfig.classes\n              }}\n            />\n          </div>\n        </div>\n      )\n  }\n}\n\nexport const AuthProvider = (props: AuthProviderProps) => {\n  return renderProvider(props)\n}\n"],"names":["renderProvider","props","AUTH_PROVIDER_MODE","jsx","Esia","MobileId","esiaConfig","mobileIdConfig","subtitle","badge","classes","HeadWrapper","React","jsxs","cn","Badge","AuthProvider"],"mappings":"6jEAOA,MAAMA,EAAkBC,GAAiD,CACvE,OAAQA,EAAM,KAAA,CACZ,KAAKC,EAAmB,KACtB,OAAOC,EAACC,EAAA,CAAM,GAAGH,CAAA,CAAO,EAC1B,KAAKC,EAAmB,UACtB,OAAOC,EAACE,EAAA,CAAU,GAAGJ,CAAA,CAAO,EAC9B,KAAKC,EAAmB,QACxB,QACE,KAAM,CAAE,WAAAI,EAAY,eAAAC,EAAgB,SAAAC,EAAU,MAAAC,EAAO,QAAAC,GAAYT,EAE3DU,EAAc,CAACH,GAAY,CAACC,EAAQG,EAAM,SAAW,MAE3D,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,sKACAJ,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAG,EAACF,GAAY,UAAWG,EAAG,iDAAkDJ,GAAA,YAAAA,EAAS,UAAU,EAC7F,SAAA,CAAAF,GAAYL,EAAC,MAAG,UAAWW,EAAG,kDAAmDJ,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAF,CAAA,CAAS,EAC/GC,KAAUM,EAAA,CAAM,UAAWD,EAAG,oBAAqBJ,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAD,CAAA,CAAM,CAAA,EAC9E,IACC,MAAA,CAAI,UAAWK,EAAG,8CAA+CJ,GAAA,YAAAA,EAAS,WAAW,EACpF,SAAA,CAAAP,EAACC,EAAA,CACE,GAAGE,EACJ,QAAS,CACP,YAAa,CACX,KAAM,wBAAA,EAER,KAAM,yBACN,UAAW,SACX,GAAGA,EAAW,OAAA,CAChB,CAAA,EAEFH,EAACE,EAAA,CACE,GAAGE,EACJ,QAAS,CACP,KAAM,yBACN,YAAa,CACX,KAAM,wBAAA,EAER,UAAW,SACX,GAAGA,EAAe,OAAA,CACpB,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAGR,EAEaS,EAAgBf,GACpBD,EAAeC,CAAK"}
+{"version":3,"file":"AuthProvider.js","sources":["../../../../lib/widgets/authProvider/AuthProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { AUTH_PROVIDER_MODE, type AuthVariant } from './model'\nimport { Esia, MobileId } from './ui'\nimport { Badge } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const AuthProvider = (props: AuthVariant) => {\n  switch (props.mode) {\n    // Esia\n    case AUTH_PROVIDER_MODE.ESIA:\n      return <Esia {...props} />\n    // MobileId\n    case AUTH_PROVIDER_MODE.MOBILE_ID:\n      return <MobileId {...props} />\n    // MobileId & Esia\n    case AUTH_PROVIDER_MODE.COMBINE:\n    default:\n      const { esiaConfig, mobileIdConfig, subtitle, badge, classes } = props\n      const HeadWrapper = !subtitle && !badge ? React.Fragment : 'div'\n      const rootStyles = 'p-0 outline-0 h-[74px]'\n\n      return (\n        <div\n          className={cn(\n            'flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4',\n            classes?.root\n          )}\n        >\n          <HeadWrapper className={cn('flex w-full items-center justify-between gap-2', classes?.topContent)}>\n            {subtitle && <h5 className={cn('desk-body-regular-l flex flex-1 text-color-dark', classes?.subtitle)}>{subtitle}</h5>}\n            {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n          </HeadWrapper>\n          <div className={cn('grid w-full grid-cols-2 gap-2 desktop:gap-4', classes?.authWrapper)}>\n            <Esia\n              {...esiaConfig}\n              classes={{\n                authWrapper: {\n                  root: rootStyles\n                },\n                root: rootStyles,\n                arrowIcon: 'hidden',\n                ...esiaConfig.classes\n              }}\n            />\n            <MobileId\n              {...mobileIdConfig}\n              classes={{\n                root: rootStyles,\n                authWrapper: {\n                  root: rootStyles\n                },\n                arrowIcon: 'hidden',\n                ...mobileIdConfig.classes\n              }}\n            />\n          </div>\n        </div>\n      )\n  }\n}\n"],"names":["AuthProvider","props","AUTH_PROVIDER_MODE","jsx","Esia","MobileId","esiaConfig","mobileIdConfig","subtitle","badge","classes","HeadWrapper","React","rootStyles","jsxs","cn","Badge"],"mappings":"6jEAMO,MAAMA,EAAgBC,GAAuB,CAClD,OAAQA,EAAM,KAAA,CAEZ,KAAKC,EAAmB,KACtB,OAAOC,EAACC,EAAA,CAAM,GAAGH,CAAA,CAAO,EAE1B,KAAKC,EAAmB,UACtB,OAAOC,EAACE,EAAA,CAAU,GAAGJ,CAAA,CAAO,EAE9B,KAAKC,EAAmB,QACxB,QACE,KAAM,CAAE,WAAAI,EAAY,eAAAC,EAAgB,SAAAC,EAAU,MAAAC,EAAO,QAAAC,GAAYT,EAC3DU,EAAc,CAACH,GAAY,CAACC,EAAQG,EAAM,SAAW,MACrDC,EAAa,yBAEnB,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,sKACAL,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAI,EAACH,GAAY,UAAWI,EAAG,iDAAkDL,GAAA,YAAAA,EAAS,UAAU,EAC7F,SAAA,CAAAF,GAAYL,EAAC,MAAG,UAAWY,EAAG,kDAAmDL,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAF,CAAA,CAAS,EAC/GC,KAAUO,EAAA,CAAM,UAAWD,EAAG,oBAAqBL,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAD,CAAA,CAAM,CAAA,EAC9E,IACC,MAAA,CAAI,UAAWM,EAAG,8CAA+CL,GAAA,YAAAA,EAAS,WAAW,EACpF,SAAA,CAAAP,EAACC,EAAA,CACE,GAAGE,EACJ,QAAS,CACP,YAAa,CACX,KAAMO,CAAA,EAER,KAAMA,EACN,UAAW,SACX,GAAGP,EAAW,OAAA,CAChB,CAAA,EAEFH,EAACE,EAAA,CACE,GAAGE,EACJ,QAAS,CACP,KAAMM,EACN,YAAa,CACX,KAAMA,CAAA,EAER,UAAW,SACX,GAAGN,EAAe,OAAA,CACpB,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAGR"}

package/dist/lib/widgets/authProvider/model/index.js

@@ -0,0 +1,2 @@
+import{AUTH_PROVIDER_MODE as D}from"./helpers.js";export{D as AUTH_PROVIDER_MODE};
+//# sourceMappingURL=index.js.map

package/dist/lib/widgets/authProvider/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/widgets/authProvider/ui/Esia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Esia.js","sources":["../../../../../lib/widgets/authProvider/ui/Esia.tsx"],"sourcesContent":["import type { TEsiaProps } from '../model/types'\nimport { AuthWrapper, EsiaLogo, Links } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { Badge, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const Esia = ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: TEsiaProps) => {\n  const { isMobile } = useDevice()\n\n  return (\n    <AuthWrapper isLoading={isLoading} loaderProps={loaderProps} classes={classes?.authWrapper}>\n      <div\n        className={cn(\n          'flex flex-1 items-center justify-between gap-1',\n          { 'justify-center': !badge && isMobile },\n          classes?.innerWrapper\n        )}\n      >\n        <div className={cn('flex items-center gap-1 desktop:gap-4', classes?.textContent)}>\n          <EsiaLogo className={cn('size-7 desktop:size-8', classes?.esiaLogo)} />\n          <Links\n            onClick={onClick}\n            mainLink={mainLink}\n            linkDescription={linkDescription}\n            isMobile={isMobile}\n            classes={classes?.links}\n          />\n          <Icon name='arrows/arrowRight' className={cn('size-6 mobile:hidden', classes?.arrowIcon)} />\n        </div>\n        {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n      </div>\n    </AuthWrapper>\n  )\n}\n"],"names":["Esia","mainLink","linkDescription","isLoading","badge","loaderProps","classes","onClick","isMobile","useDevice","AuthWrapper","jsxs","cn","jsx","EsiaLogo","Links","Icon","Badge"],"mappings":"+vEAMO,MAAMA,GAAO,CAAC,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,QAAAC,KAA0B,CAClH,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACGC,EAAA,CAAY,UAAAP,EAAsB,YAAAE,EAA0B,QAASC,GAAA,YAAAA,EAAS,YAC7E,SAAAK,EAAC,MAAA,CACC,UAAWC,EACT,iDACA,CAAE,iBAAkB,CAACR,GAASI,CAAA,EAC9BF,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,wCAAyCN,GAAA,YAAAA,EAAS,WAAW,EAC9E,SAAA,CAAAO,EAACC,GAAS,UAAWF,EAAG,wBAAyBN,GAAA,YAAAA,EAAS,QAAQ,EAAG,EACrEO,EAACE,EAAA,CACC,QAAAR,EACA,SAAAN,EACA,gBAAAC,EACA,SAAAM,EACA,QAASF,GAAA,YAAAA,EAAS,KAAA,CAAA,EAEpBO,EAACG,GAAK,KAAK,oBAAoB,UAAWJ,EAAG,uBAAwBN,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,EAC5F,EACCF,KAAUa,EAAA,CAAM,UAAWL,EAAG,oBAAqBN,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAF,CAAA,CAAM,CAAA,CAAA,CAAA,EAEhF,CAEJ"}
+{"version":3,"file":"Esia.js","sources":["../../../../../lib/widgets/authProvider/ui/Esia.tsx"],"sourcesContent":["import type { EsiaProps } from '../model'\nimport { AuthWrapper, EsiaLogo, Links } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { Badge, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const Esia = ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: EsiaProps) => {\n  const { isMobile } = useDevice()\n\n  return (\n    <AuthWrapper isLoading={isLoading} loaderProps={loaderProps} classes={classes?.authWrapper}>\n      <div\n        className={cn(\n          'flex flex-1 items-center justify-between gap-1',\n          { 'justify-center': !badge && isMobile },\n          classes?.innerWrapper\n        )}\n      >\n        <div className={cn('flex items-center gap-1 desktop:gap-4', classes?.textContent)}>\n          <EsiaLogo className={cn('size-7 desktop:size-8', classes?.esiaLogo)} />\n          <Links\n            onClick={onClick}\n            mainLink={mainLink}\n            linkDescription={linkDescription}\n            isMobile={isMobile}\n            classes={classes?.links}\n          />\n          <Icon name='arrows/arrowRight' className={cn('size-6 mobile:hidden', classes?.arrowIcon)} />\n        </div>\n        {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n      </div>\n    </AuthWrapper>\n  )\n}\n"],"names":["Esia","mainLink","linkDescription","isLoading","badge","loaderProps","classes","onClick","isMobile","useDevice","AuthWrapper","jsxs","cn","jsx","EsiaLogo","Links","Icon","Badge"],"mappings":"+vEAMO,MAAMA,GAAO,CAAC,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,QAAAC,KAAyB,CACjH,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACGC,EAAA,CAAY,UAAAP,EAAsB,YAAAE,EAA0B,QAASC,GAAA,YAAAA,EAAS,YAC7E,SAAAK,EAAC,MAAA,CACC,UAAWC,EACT,iDACA,CAAE,iBAAkB,CAACR,GAASI,CAAA,EAC9BF,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,wCAAyCN,GAAA,YAAAA,EAAS,WAAW,EAC9E,SAAA,CAAAO,EAACC,GAAS,UAAWF,EAAG,wBAAyBN,GAAA,YAAAA,EAAS,QAAQ,EAAG,EACrEO,EAACE,EAAA,CACC,QAAAR,EACA,SAAAN,EACA,gBAAAC,EACA,SAAAM,EACA,QAASF,GAAA,YAAAA,EAAS,KAAA,CAAA,EAEpBO,EAACG,GAAK,KAAK,oBAAoB,UAAWJ,EAAG,uBAAwBN,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,EAC5F,EACCF,KAAUa,EAAA,CAAM,UAAWL,EAAG,oBAAqBN,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAF,CAAA,CAAM,CAAA,CAAA,CAAA,EAEhF,CAEJ"}

package/dist/lib/widgets/authProvider/ui/MobileId.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileId.js","sources":["../../../../../lib/widgets/authProvider/ui/MobileId.tsx"],"sourcesContent":["import { type TMobileIdProps } from '../model/types'\nimport { AuthWrapper, Links } from './ui/'\nimport { useDevice } from '$/shared/hooks'\nimport { Badge, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const MobileId = ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: TMobileIdProps) => {\n  const { isMobile } = useDevice()\n\n  return (\n    <AuthWrapper isLoading={isLoading} loaderProps={loaderProps} classes={classes?.authWrapper}>\n      <div\n        className={cn(\n          'flex flex-1 items-center justify-between gap-1',\n          { 'justify-center': !badge && isMobile },\n          classes?.innerWrapper\n        )}\n      >\n        <div className={cn('flex h-max items-center gap-1 desktop:gap-4', classes?.textContent)}>\n          <div className='flex h-full'>\n            <Icon name='logos/mts' className={cn('z-[9] size-8', classes?.mtsLogo)} />\n            <Icon name='logos/megafon' className={cn('z-[8] -ml-4 size-8', classes?.megafonLogo)} />\n            <Icon name='logos/beeline' className={cn('z-[7] -ml-4 size-8', classes?.beelineLogo)} />\n          </div>\n          <Links\n            onClick={onClick}\n            mainLink={mainLink}\n            linkDescription={linkDescription}\n            isMobile={isMobile}\n            classes={classes?.links}\n          />\n          <Icon name='arrows/arrowRight' className={cn('size-6 mobile:hidden', classes?.arrowIcon)} />\n        </div>\n        {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n      </div>\n    </AuthWrapper>\n  )\n}\n"],"names":["MobileId","mainLink","linkDescription","isLoading","badge","loaderProps","classes","onClick","isMobile","useDevice","AuthWrapper","jsxs","cn","jsx","Icon","Links","Badge"],"mappings":"mtEAMO,MAAMA,GAAW,CAAC,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,QAAAC,KAA8B,CAC1H,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACGC,EAAA,CAAY,UAAAP,EAAsB,YAAAE,EAA0B,QAASC,GAAA,YAAAA,EAAS,YAC7E,SAAAK,EAAC,MAAA,CACC,UAAWC,EACT,iDACA,CAAE,iBAAkB,CAACR,GAASI,CAAA,EAC9BF,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,8CAA+CN,GAAA,YAAAA,EAAS,WAAW,EACpF,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAE,EAACC,EAAA,CAAK,KAAK,YAAY,UAAWF,EAAG,eAAgBN,GAAA,YAAAA,EAAS,OAAO,EAAG,EACxEO,EAACC,GAAK,KAAK,gBAAgB,UAAWF,EAAG,qBAAsBN,GAAA,YAAAA,EAAS,WAAW,EAAG,EACtFO,EAACC,GAAK,KAAK,gBAAgB,UAAWF,EAAG,qBAAsBN,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAG,CAAA,EACxF,EACAO,EAACE,EAAA,CACC,QAAAR,EACA,SAAAN,EACA,gBAAAC,EACA,SAAAM,EACA,QAASF,GAAA,YAAAA,EAAS,KAAA,CAAA,EAEpBO,EAACC,GAAK,KAAK,oBAAoB,UAAWF,EAAG,uBAAwBN,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,EAC5F,EACCF,KAAUY,EAAA,CAAM,UAAWJ,EAAG,oBAAqBN,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAF,CAAA,CAAM,CAAA,CAAA,CAAA,EAEhF,CAEJ"}
+{"version":3,"file":"MobileId.js","sources":["../../../../../lib/widgets/authProvider/ui/MobileId.tsx"],"sourcesContent":["import { type MobileIdProps } from '../model'\nimport { AuthWrapper, Links } from './ui/'\nimport { useDevice } from '$/shared/hooks'\nimport { Badge, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const MobileId = ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: MobileIdProps) => {\n  const { isMobile } = useDevice()\n\n  return (\n    <AuthWrapper isLoading={isLoading} loaderProps={loaderProps} classes={classes?.authWrapper}>\n      <div\n        className={cn(\n          'flex flex-1 items-center justify-between gap-1',\n          { 'justify-center': !badge && isMobile },\n          classes?.innerWrapper\n        )}\n      >\n        <div className={cn('flex h-max items-center gap-1 desktop:gap-4', classes?.textContent)}>\n          <div className='flex h-full'>\n            <Icon name='logos/mts' className={cn('z-[9] size-8', classes?.mtsLogo)} />\n            <Icon name='logos/megafon' className={cn('z-[8] -ml-4 size-8', classes?.megafonLogo)} />\n            <Icon name='logos/beeline' className={cn('z-[7] -ml-4 size-8', classes?.beelineLogo)} />\n          </div>\n          <Links\n            onClick={onClick}\n            mainLink={mainLink}\n            linkDescription={linkDescription}\n            isMobile={isMobile}\n            classes={classes?.links}\n          />\n          <Icon name='arrows/arrowRight' className={cn('size-6 mobile:hidden', classes?.arrowIcon)} />\n        </div>\n        {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n      </div>\n    </AuthWrapper>\n  )\n}\n"],"names":["MobileId","mainLink","linkDescription","isLoading","badge","loaderProps","classes","onClick","isMobile","useDevice","AuthWrapper","jsxs","cn","jsx","Icon","Links","Badge"],"mappings":"mtEAMO,MAAMA,GAAW,CAAC,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,QAAAC,KAA6B,CACzH,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACGC,EAAA,CAAY,UAAAP,EAAsB,YAAAE,EAA0B,QAASC,GAAA,YAAAA,EAAS,YAC7E,SAAAK,EAAC,MAAA,CACC,UAAWC,EACT,iDACA,CAAE,iBAAkB,CAACR,GAASI,CAAA,EAC9BF,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,8CAA+CN,GAAA,YAAAA,EAAS,WAAW,EACpF,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAE,EAACC,EAAA,CAAK,KAAK,YAAY,UAAWF,EAAG,eAAgBN,GAAA,YAAAA,EAAS,OAAO,EAAG,EACxEO,EAACC,GAAK,KAAK,gBAAgB,UAAWF,EAAG,qBAAsBN,GAAA,YAAAA,EAAS,WAAW,EAAG,EACtFO,EAACC,GAAK,KAAK,gBAAgB,UAAWF,EAAG,qBAAsBN,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAG,CAAA,EACxF,EACAO,EAACE,EAAA,CACC,QAAAR,EACA,SAAAN,EACA,gBAAAC,EACA,SAAAM,EACA,QAASF,GAAA,YAAAA,EAAS,KAAA,CAAA,EAEpBO,EAACC,GAAK,KAAK,oBAAoB,UAAWF,EAAG,uBAAwBN,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,EAC5F,EACCF,KAAUY,EAAA,CAAM,UAAWJ,EAAG,oBAAqBN,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAF,CAAA,CAAM,CAAA,CAAA,CAAA,EAEhF,CAEJ"}

package/dist/lib/widgets/authProvider/ui/ui/Links.js.map

@@ -1 +1 @@
-{"version":3,"file":"Links.js","sources":["../../../../../../lib/widgets/authProvider/ui/ui/Links.tsx"],"sourcesContent":["import type { SingleAuthSchema } from '../../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type TLinksClasses = {\n  linksWrapper?: string\n  linksMainLink?: string\n  linksSubLink?: string\n}\n\ninterface ILinksProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Pick<SingleAuthSchema, 'linkDescription' | 'mainLink'> {\n  isMobile: boolean\n  classes?: TLinksClasses\n}\n\nexport const Links = ({ mainLink, linkDescription, isMobile, classes, ...props }: ILinksProps) => {\n  return (\n    <div className={cn('flex flex-col', classes?.linksWrapper)}>\n      <button\n        {...props}\n        type='button'\n        className={cn(\n          'before:content=[\" \"] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',\n          classes?.linksMainLink\n        )}\n      >\n        {isMobile ? mainLink.mobileTitle : mainLink.title}\n      </button>\n\n      {linkDescription && <p className='desk-body-regular-m relative z-[6] w-max p-0 text-color-tetriary'>{linkDescription}</p>}\n    </div>\n  )\n}\n"],"names":["Links","mainLink","linkDescription","isMobile","classes","props","cn","jsx"],"mappings":"oHAgBO,MAAMA,EAAQ,CAAC,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,SAAAC,EAAU,QAAAC,EAAS,GAAGC,OAEpE,MAAA,CAAI,UAAWC,EAAG,gBAAiBF,GAAA,YAAAA,EAAS,YAAY,EACvD,SAAA,CAAAG,EAAC,SAAA,CACE,GAAGF,EACJ,KAAK,SACL,UAAWC,EACT,2LACAF,GAAA,YAAAA,EAAS,aAAA,EAGV,SAAAD,EAAWF,EAAS,YAAcA,EAAS,KAAA,CAAA,EAG7CC,GAAmBK,EAAC,IAAA,CAAE,UAAU,mEAAoE,SAAAL,CAAA,CAAgB,CAAA,EACvH"}
+{"version":3,"file":"Links.js","sources":["../../../../../../lib/widgets/authProvider/ui/ui/Links.tsx"],"sourcesContent":["import type { BaseAuthSchema } from '../../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type TLinksClasses = {\n  linksWrapper?: string\n  linksMainLink?: string\n  linksSubLink?: string\n}\n\ninterface ILinksProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Pick<BaseAuthSchema, 'linkDescription' | 'mainLink'> {\n  isMobile: boolean\n  classes?: TLinksClasses\n}\n\nexport const Links = ({ mainLink, linkDescription, isMobile, classes, ...props }: ILinksProps) => {\n  return (\n    <div className={cn('flex flex-col', classes?.linksWrapper)}>\n      <button\n        {...props}\n        type='button'\n        className={cn(\n          'before:content=[\" \"] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',\n          classes?.linksMainLink\n        )}\n      >\n        {isMobile ? mainLink.mobileTitle : mainLink.title}\n      </button>\n\n      {linkDescription && <p className='desk-body-regular-m relative z-[6] w-max p-0 text-color-tetriary'>{linkDescription}</p>}\n    </div>\n  )\n}\n"],"names":["Links","mainLink","linkDescription","isMobile","classes","props","cn","jsx"],"mappings":"oHAgBO,MAAMA,EAAQ,CAAC,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,SAAAC,EAAU,QAAAC,EAAS,GAAGC,OAEpE,MAAA,CAAI,UAAWC,EAAG,gBAAiBF,GAAA,YAAAA,EAAS,YAAY,EACvD,SAAA,CAAAG,EAAC,SAAA,CACE,GAAGF,EACJ,KAAK,SACL,UAAWC,EACT,2LACAF,GAAA,YAAAA,EAAS,aAAA,EAGV,SAAAD,EAAWF,EAAS,YAAcA,EAAS,KAAA,CAAA,EAG7CC,GAAmBK,EAAC,IAAA,CAAE,UAAU,mEAAoE,SAAAL,CAAA,CAAgB,CAAA,EACvH"}

package/dist/lib/widgets/dynamicForm/DynamicForm.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as p}from"react/jsx-runtime";import{useState as H,createElement as M}from"react";import{AuthProvider as y}from"../authProvider/AuthProvider.js";import{HTMLRenderer as x}from"../htmlParser/HTMLRenderer.js";import{widgetIds as P}from"../model/helpers.js";import{getFieldsProgress as R}from"./model/getFieldsProgress.js";import{getDynamicSchema as V}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as i}from"../../shared/utils/cn.js";import{useControlledForm as Z}from"../../shared/hooks/useControlledForm.js";import{useFieldsProgress as E}from"../../shared/hooks/useFieldsProgress.js";import{ResponsiveContainer as L}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as Q}from"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import{ProgressBar as U}from"../../shared/ui/progressBar/ProgressBar.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import{Icon as q}from"../../shared/ui/icon/Icon.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as u}from"../../shared/ui/heading/Heading.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as J}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"react-hook-form";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as K}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as O}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as W}from"../queryClientProvider/QueryClientProvider.js";const X=(r,f,d,t)=>r.type==="off"?null:r.type==="text"?e(x,{html:r.message,as:"div",className:t==null?void 0:t.content}):p("label",{className:i("mob-body-regular-s text-color-dark","desktop:desk-body-regular-s desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[e(J,{classes:t==null?void 0:t.checkbox,checked:f,onCheckedChange:d}),e(x,{html:r.content,as:"div",className:t==null?void 0:t.content})]}),B=r=>{switch(r==null?void 0:r.mode){case"esia":return e(y,{...r,mode:r==null?void 0:r.mode});case"mobileId":return e(y,{...r,mode:r==null?void 0:r.mode});case"combine":return e(y,{...r,mode:r==null?void 0:r.mode});default:return null}},Wo=({fields:r,title:f,progress:d,approvement:t,chips:l,submitProps:j,auth:m,classes:o,buttonGroup:n})=>{var a,C,N,h;const{submitCallback:c}=j||{},[b,v]=H(t.type==="checkbox"?t.defaultValue:!1),k=V(r),A=K.getZodDefaults(k),{control:w,handleSubmit:F}=Z({schema:k,defaultValues:A,mode:"onBlur"}),S=R(d,r),z=E({control:w,fields:S||[],schema:k}),D=g=>{c&&c({...g,agree:b})};return e(W,{children:e("section",{id:P.form,"data-test-id":P.form,className:i("w-full",o==null?void 0:o.root),children:p(L,{className:i("border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14","relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"),children:[l.enabled&&p("div",{className:i("desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute","bg-color-blue-grey-100 px-2 py-1 text-color-tetriary","right-4 top-4 w-max",(a=o==null?void 0:o.chips)==null?void 0:a.root),children:[l.image&&e(q,{name:l.image,className:i("size-6",(C=o==null?void 0:o.chips)==null?void 0:C.icon)}),l.content]}),e(u,{as:"h2",className:i("desktop:hidden",o==null?void 0:o.title),children:f}),e(u,{as:"h3",className:i("mobile:hidden",o==null?void 0:o.title),children:f}),m.mode!=="off"&&"esiaConfig"in m&&((N=m.esiaConfig)==null?void 0:N.ssoAuthorizationTop)&&B(m),p("form",{onSubmit:F(D),className:i("flex w-full flex-col gap-y-6","desktop:gap-y-8",o==null?void 0:o.form),children:[d.enabled&&e(U,{progress:z,topContent:e(x,{html:d.title}),bottomContent:e(x,{html:d.subtitle}),maxPercent:d.maxPercent,classes:o==null?void 0:o.progressBar}),e(O,{control:w,fields:r}),p("div",{className:i("mob-body-regular-s flex flex-col items-start justify-between gap-4",{"desktop:flex-row desktop:items-center":n.length===1}),children:[X(t,b,v,o==null?void 0:o.approvement),e("div",{className:i("flex w-full flex-col items-center justify-between gap-4 desktop:flex-row",{"desktop:w-fit":n.length===1}),children:n==null?void 0:n.map((g,I)=>{const T=g.type==="submit"&&t.type==="checkbox"?!b:!1;return M(Q,{...g,size:"lg",key:I,disabled:T,className:i("w-full whitespace-nowrap",{"desktop:!w-fit":n.length===1},{"w-full":!!t},o==null?void 0:o.submit)})})})]}),m.mode!=="off"&&"esiaConfig"in m&&!((h=m.esiaConfig)!=null&&h.ssoAuthorizationTop)&&B(m)]})]})})})};export{Wo as DynamicForm,Wo as default};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as M,createElement as R}from"react";import{HTMLRenderer as b}from"../htmlParser/HTMLRenderer.js";import{widgetIds as c}from"../model/helpers.js";import{getFieldsProgress as V,withAuthProvider as N,withApprovement as Z}from"./model/helpers.js";import{getDynamicSchema as z}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as r}from"../../shared/utils/cn.js";import{useControlledForm as A}from"../../shared/hooks/useControlledForm.js";import{useFieldsProgress as E}from"../../shared/hooks/useFieldsProgress.js";import{ResponsiveContainer as L}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as Q}from"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import{ProgressBar as U}from"../../shared/ui/progressBar/ProgressBar.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import{Icon as q}from"../../shared/ui/icon/Icon.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as P}from"../../shared/ui/heading/Heading.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"react-hook-form";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as J}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as K}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as O}from"../queryClientProvider/QueryClientProvider.js";const qt=({fields:f,title:g,progress:m,approvement:i,chips:p,submitProps:C,auth:h,classes:t,buttonGroup:e,ssoAuthorizationTop:x=!1})=>{var w,y;const{submitCallback:k}=C||{},[l,v]=M(i.type==="checkbox"?i.defaultValue:!1),a=z(f),B=J.getZodDefaults(a),{control:u,handleSubmit:F}=A({schema:a,defaultValues:B,mode:"onBlur"}),S=V(m,f),j=E({control:u,fields:S||[],schema:a}),D=d=>{k&&k({...d,agree:l})};return o(O,{children:o("section",{id:c.form,"data-test-id":c.form,className:r("w-full",t==null?void 0:t.root),children:n(L,{className:r("border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14","relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"),children:[p.enabled&&n("div",{className:r("desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute","bg-color-blue-grey-100 px-2 py-1 text-color-tetriary","right-4 top-4 w-max",(w=t==null?void 0:t.chips)==null?void 0:w.root),children:[p.image&&o(q,{name:p.image,className:r("size-6",(y=t==null?void 0:t.chips)==null?void 0:y.icon)}),p.content]}),o(P,{as:"h2",className:r("desktop:hidden",t==null?void 0:t.title),children:g}),o(P,{as:"h3",className:r("mobile:hidden",t==null?void 0:t.title),children:g}),x&&N(h),n("form",{onSubmit:F(D),className:r("flex w-full flex-col gap-y-6","desktop:gap-y-8",t==null?void 0:t.form),children:[m.enabled&&o(U,{progress:j,topContent:o(b,{html:m.title}),bottomContent:o(b,{html:m.subtitle}),maxPercent:m.maxPercent,classes:t==null?void 0:t.progressBar}),o(K,{control:u,fields:f}),n("div",{className:r("mob-body-regular-s flex flex-col items-start justify-between gap-4",{"desktop:flex-row desktop:items-center":e.length===1}),children:[Z(i,l,v,t==null?void 0:t.approvement),o("div",{className:r("flex w-full flex-col items-center justify-between gap-4 desktop:flex-row",{"desktop:w-fit":e.length===1}),children:e==null?void 0:e.map((d,H)=>{const I=d.type==="submit"&&i.type==="checkbox"?!l:!1;return R(Q,{...d,size:"lg",key:H,disabled:I,className:r("w-full whitespace-nowrap",{"desktop:!w-fit":e.length===1},{"w-full":!!i},t==null?void 0:t.submit)})})})]}),!x&&N(h)]})]})})})};export{qt as DynamicForm,qt as default};
 //# sourceMappingURL=DynamicForm.js.map

package/dist/lib/widgets/dynamicForm/DynamicForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.js","sources":["../../../../lib/widgets/dynamicForm/DynamicForm.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { type Control, type FieldValues, type SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { AuthProvider } from '../authProvider'\nimport { HTMLRenderer } from '../htmlParser'\nimport { widgetIds } from '../model'\nimport {\n  type Approvement,\n  type ApprovementType,\n  type Auth,\n  type AuthMode,\n  type Chips,\n  type ChipsType,\n  getFieldsProgress,\n  type Progress,\n  type ProgressField,\n  type ProgressType\n} from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm, useFieldsProgress } from '$/shared/hooks'\nimport {\n  Button,\n  type ButtonProps,\n  CheckboxBase,\n  type CheckedState,\n  Heading,\n  Icon,\n  ProgressBar,\n  ResponsiveContainer\n} from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ChipsClasses = {\n  root?: string\n  icon?: string\n}\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  chips?: ChipsClasses\n  approvement?: ApprovementClasses\n  progressBar?: React.ComponentProps<typeof ProgressBar>['classes']\n  submit?: string\n}\n\nexport type DynamicFormProps<\n  AType extends ApprovementType,\n  CType extends ChipsType,\n  PType extends ProgressType,\n  AuthType extends AuthMode\n> = {\n  fields: FieldElement<any, any, { validation: FieldValidation; progress: ProgressField }>[]\n  title: string\n  progress: Progress<PType>\n  approvement: Approvement<AType>\n  chips: Chips<CType>\n  submitProps?: SubmitProps\n  classes?: DynamicFormClasses\n  buttonGroup: ButtonProps[]\n  auth: Auth<AuthType>\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n): React.ReactNode => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-s desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nconst withAuthProvider = <Mode extends AuthMode>(auth: Auth<Mode>) => {\n  switch (auth?.mode) {\n    case 'esia':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n    case 'mobileId':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n    case 'combine':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n\n    default:\n      return null\n  }\n}\n\nexport const DynamicForm = <\n  AType extends ApprovementType,\n  CType extends ChipsType,\n  PType extends ProgressType,\n  AuthType extends AuthMode\n>({\n  fields,\n  title,\n  progress,\n  approvement,\n  chips,\n  submitProps,\n  auth,\n  classes,\n  buttonGroup\n}: DynamicFormProps<AType, CType, PType, AuthType>) => {\n  const { submitCallback } = submitProps || {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(approvement.type === 'checkbox' ? approvement.defaultValue : false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const fieldsProgress = getFieldsProgress(progress, fields)\n\n  const formattedProgress = useFieldsProgress({ control, fields: fieldsProgress || [], schema })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <section id={widgetIds.form} data-test-id={widgetIds.form} className={cn('w-full', classes?.root)}>\n        <ResponsiveContainer\n          className={cn(\n            'border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14',\n            'relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border'\n          )}\n        >\n          {chips.enabled && (\n            <div\n              className={cn(\n                'desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute',\n                'bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n                'right-4 top-4 w-max',\n                classes?.chips?.root\n              )}\n            >\n              {chips.image && <Icon name={chips.image} className={cn('size-6', classes?.chips?.icon)} />}\n              {chips.content}\n            </div>\n          )}\n          <Heading as='h2' className={cn('desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          {auth.mode !== 'off' && 'esiaConfig' in auth && auth.esiaConfig?.ssoAuthorizationTop && withAuthProvider(auth)}\n          <form\n            onSubmit={handleSubmit(onSubmit)}\n            className={cn('flex w-full flex-col gap-y-6', 'desktop:gap-y-8', classes?.form)}\n          >\n            {progress.enabled && (\n              <ProgressBar\n                progress={formattedProgress}\n                topContent={<HTMLRenderer html={progress.title} />}\n                bottomContent={<HTMLRenderer html={progress.subtitle} />}\n                maxPercent={progress.maxPercent}\n                classes={classes?.progressBar}\n              />\n            )}\n            <FieldMapper control={control as unknown as Control} fields={fields} />\n            <div\n              className={cn('mob-body-regular-s flex flex-col items-start justify-between gap-4', {\n                ['desktop:flex-row desktop:items-center']: buttonGroup.length === 1\n              })}\n            >\n              {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n              <div\n                className={cn('flex w-full flex-col items-center justify-between gap-4 desktop:flex-row', {\n                  'desktop:w-fit': buttonGroup.length === 1\n                })}\n              >\n                {buttonGroup?.map((button, index) => {\n                  const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                  return (\n                    <Button\n                      {...button}\n                      size='lg'\n                      key={index}\n                      disabled={disabled}\n                      className={cn(\n                        'w-full whitespace-nowrap',\n                        {\n                          ['desktop:!w-fit']: buttonGroup.length === 1\n                        },\n                        {\n                          'w-full': Boolean(approvement)\n                        },\n                        classes?.submit\n                      )}\n                    />\n                  )\n                })}\n              </div>\n            </div>\n            {auth.mode !== 'off' && 'esiaConfig' in auth && !auth.esiaConfig?.ssoAuthorizationTop && withAuthProvider(auth)}\n          </form>\n        </ResponsiveContainer>\n      </section>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicForm\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","withAuthProvider","auth","AuthProvider","DynamicForm","fields","title","progress","chips","submitProps","buttonGroup","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","QueryClientProvider","widgetIds","ResponsiveContainer","_a","Icon","_b","Heading","_c","ProgressBar","FieldMapper","button","index","disabled","createElement","Button","_d"],"mappings":"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"}
+{"version":3,"file":"DynamicForm.js","sources":["../../../../lib/widgets/dynamicForm/DynamicForm.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { type Control, type SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { HTMLRenderer } from '../htmlParser'\nimport { widgetIds } from '../model'\nimport {\n  type Approvement,\n  type ApprovementClasses,\n  type ApprovementType,\n  type Auth,\n  type AuthMode,\n  type Chips,\n  type ChipsClasses,\n  type ChipsType,\n  getFieldsProgress,\n  type Progress,\n  type ProgressField,\n  type ProgressType,\n  type SubmitProps,\n  withApprovement,\n  withAuthProvider\n} from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm, useFieldsProgress } from '$/shared/hooks'\nimport { Button, type ButtonProps, type CheckedState, Heading, Icon, ProgressBar, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype DynamicFormClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  chips?: ChipsClasses\n  approvement?: ApprovementClasses\n  progressBar?: React.ComponentProps<typeof ProgressBar>['classes']\n  submit?: string\n}\n\nexport type DynamicFormProps<\n  AType extends ApprovementType,\n  CType extends ChipsType,\n  PType extends ProgressType,\n  AuthType extends AuthMode\n> = {\n  fields: FieldElement<any, any, { validation: FieldValidation; progress: ProgressField }>[]\n  ssoAuthorizationTop: boolean\n  title: string\n  progress: Progress<PType>\n  approvement: Approvement<AType>\n  chips: Chips<CType>\n  submitProps?: SubmitProps\n  classes?: DynamicFormClasses\n  buttonGroup: ButtonProps[]\n  auth: Auth<AuthType>\n}\n\nexport const DynamicForm = <\n  AType extends ApprovementType,\n  CType extends ChipsType,\n  PType extends ProgressType,\n  AuthType extends AuthMode\n>({\n  fields,\n  title,\n  progress,\n  approvement,\n  chips,\n  submitProps,\n  auth,\n  classes,\n  buttonGroup,\n  ssoAuthorizationTop = false\n}: DynamicFormProps<AType, CType, PType, AuthType>) => {\n  const { submitCallback } = submitProps || {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(approvement.type === 'checkbox' ? approvement.defaultValue : false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const fieldsProgress = getFieldsProgress(progress, fields)\n\n  const formattedProgress = useFieldsProgress({ control, fields: fieldsProgress || [], schema })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <section id={widgetIds.form} data-test-id={widgetIds.form} className={cn('w-full', classes?.root)}>\n        <ResponsiveContainer\n          className={cn(\n            'border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14',\n            'relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border'\n          )}\n        >\n          {chips.enabled && (\n            <div\n              className={cn(\n                'desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute',\n                'bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n                'right-4 top-4 w-max',\n                classes?.chips?.root\n              )}\n            >\n              {chips.image && <Icon name={chips.image} className={cn('size-6', classes?.chips?.icon)} />}\n              {chips.content}\n            </div>\n          )}\n          <Heading as='h2' className={cn('desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          {ssoAuthorizationTop && withAuthProvider(auth)}\n          <form\n            onSubmit={handleSubmit(onSubmit)}\n            className={cn('flex w-full flex-col gap-y-6', 'desktop:gap-y-8', classes?.form)}\n          >\n            {progress.enabled && (\n              <ProgressBar\n                progress={formattedProgress}\n                topContent={<HTMLRenderer html={progress.title} />}\n                bottomContent={<HTMLRenderer html={progress.subtitle} />}\n                maxPercent={progress.maxPercent}\n                classes={classes?.progressBar}\n              />\n            )}\n            <FieldMapper control={control as unknown as Control} fields={fields} />\n            <div\n              className={cn('mob-body-regular-s flex flex-col items-start justify-between gap-4', {\n                ['desktop:flex-row desktop:items-center']: buttonGroup.length === 1\n              })}\n            >\n              {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n              <div\n                className={cn('flex w-full flex-col items-center justify-between gap-4 desktop:flex-row', {\n                  'desktop:w-fit': buttonGroup.length === 1\n                })}\n              >\n                {buttonGroup?.map((button, index) => {\n                  const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                  return (\n                    <Button\n                      {...button}\n                      size='lg'\n                      key={index}\n                      disabled={disabled}\n                      className={cn(\n                        'w-full whitespace-nowrap',\n                        {\n                          ['desktop:!w-fit']: buttonGroup.length === 1\n                        },\n                        {\n                          'w-full': Boolean(approvement)\n                        },\n                        classes?.submit\n                      )}\n                    />\n                  )\n                })}\n              </div>\n            </div>\n            {!ssoAuthorizationTop && withAuthProvider(auth)}\n          </form>\n        </ResponsiveContainer>\n      </section>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicForm\n"],"names":["DynamicForm","fields","title","progress","approvement","chips","submitProps","auth","classes","buttonGroup","ssoAuthorizationTop","submitCallback","checked","onCheckedChange","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","jsx","QueryClientProvider","widgetIds","cn","jsxs","ResponsiveContainer","_a","Icon","_b","Heading","withAuthProvider","ProgressBar","HTMLRenderer","FieldMapper","withApprovement","button","index","disabled","createElement","Button"],"mappings":"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"}

package/dist/lib/widgets/dynamicForm/model/helpers.js

@@ -0,0 +1,2 @@
+import{jsx as m,jsxs as n}from"react/jsx-runtime";import{AuthProvider as e}from"../../authProvider/AuthProvider.js";import{HTMLRenderer as p}from"../../htmlParser/HTMLRenderer.js";import{cn as d}from"../../../shared/utils/cn.js";import"react";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as f}from"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const X=r=>{switch(r==null?void 0:r.mode){case"esia":return m(e,{...r,mode:r==null?void 0:r.mode});case"mobileId":return m(e,{...r,mode:r==null?void 0:r.mode});case"combine":return m(e,{...r,mode:r==null?void 0:r.mode});default:return null}},Y=(r,i,t,o)=>r.type==="off"?null:r.type==="text"?m(p,{html:r.message,as:"div",className:o==null?void 0:o.content}):n("label",{className:d("mob-body-regular-s text-color-dark","desktop:desk-body-regular-s desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[m(f,{classes:o==null?void 0:o.checkbox,checked:i,onCheckedChange:t}),m(p,{html:r.content,as:"div",className:o==null?void 0:o.content})]}),Z=(r,i)=>r.enabled?i.map(t=>({name:t.args.name,...t.args.progress})):null;export{Z as getFieldsProgress,Y as withApprovement,X as withAuthProvider};
+//# sourceMappingURL=helpers.js.map

package/dist/lib/widgets/dynamicForm/model/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/dynamicForm/model/helpers.tsx"],"sourcesContent":["import { type FieldPath, type FieldValues } from 'react-hook-form'\nimport { AuthProvider } from '../../authProvider'\nimport { HTMLRenderer } from '../../htmlParser'\nimport type { Approvement, ApprovementClasses, ApprovementType, Auth, AuthMode } from './types'\nimport type { Progress, ProgressField, ProgressType } from './types'\nimport { type ISubscribedField } from '$/shared/hooks'\nimport { CheckboxBase, type CheckedState } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport type { FieldElement } from '$/widgets/fieldMapper'\n\nexport const withAuthProvider = <Mode extends AuthMode>(auth: Auth<Mode>) => {\n  switch (auth?.mode) {\n    case 'esia':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n    case 'mobileId':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n    case 'combine':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n\n    default:\n      return null\n  }\n}\n\nexport const withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n): React.ReactNode => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-s desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nexport const getFieldsProgress = <TFieldValues extends FieldValues, Type extends ProgressType>(\n  progress: Progress<Type>,\n  fields: FieldElement<any, any, { progress: ProgressField }>[]\n) => {\n  if (!progress.enabled) return null\n\n  return fields.map<ISubscribedField<TFieldValues>>((field) => ({\n    name: field.args.name as FieldPath<TFieldValues>,\n    ...field.args.progress\n  }))\n}\n"],"names":["withAuthProvider","auth","AuthProvider","withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","getFieldsProgress","progress","fields","field"],"mappings":"omEAUO,MAAMA,EAA2CC,GAAqB,CAC3E,OAAQA,GAAA,YAAAA,EAAM,KAAA,CACZ,IAAK,OACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,GAAA,YAAAA,EAAM,KAAM,EACnD,IAAK,WACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,GAAA,YAAAA,EAAM,KAAM,EACnD,IAAK,UACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,GAAA,YAAAA,EAAM,KAAM,EAEnD,QACE,OAAO,IAAA,CAEb,EAEaE,EAAkB,CAC7BC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAA,YAAAA,EAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAA,YAAAA,EAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAA,YAAAA,EAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAKxEM,EAAoB,CAC/BC,EACAC,IAEKD,EAAS,QAEPC,EAAO,IAAqCC,IAAW,CAC5D,KAAMA,EAAM,KAAK,KACjB,GAAGA,EAAM,KAAK,QAAA,EACd,EAL4B"}

package/dist/lib/widgets/dynamicForm/model/index.js

@@ -1,2 +1,2 @@
-import{getFieldsProgress as o}from"./getFieldsProgress.js";export{o as getFieldsProgress};
+import{getFieldsProgress as t,withApprovement as o,withAuthProvider as i}from"./helpers.js";export{t as getFieldsProgress,o as withApprovement,i as withAuthProvider};
 //# sourceMappingURL=index.js.map

package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as b}from"react/jsx-runtime";import{useState as F,createElement as T}from"react";import{AuthProvider as l}from"../authProvider/AuthProvider.js";import{HTMLRenderer as u}from"../htmlParser/HTMLRenderer.js";import{getDynamicSchema as j}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as h}from"../../shared/utils/cn.js";import{TypeGuards as v}from"../../shared/utils/typeGuards.js";import{useControlledForm as z}from"../../shared/hooks/useControlledForm.js";import"react-hook-form";import{Button as P}from"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import{Dialog as s}from"../../shared/ui/dialog/Dialog.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as M}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as Z}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as E}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as H}from"../queryClientProvider/QueryClientProvider.js";const I=(o,d,e,r)=>o.type==="off"?null:o.type==="text"?i(u,{html:o.message,as:"div",className:r==null?void 0:r.content}):b("label",{className:h("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[i(M,{classes:r==null?void 0:r.checkbox,checked:d,onCheckedChange:e}),i(u,{html:o.content,as:"div",className:r==null?void 0:r.content})]}),y=o=>{switch(o.mode){case"esia":return i(l,{...o,mode:o.mode});case"mobileId":return i(l,{...o,mode:o.mode});case"combine":return i(l,{...o,mode:o.mode});case"off":return null}},so=({fields:o,title:d,approvement:e,submitProps:r,dialogId:k,classes:t,auth:m,buttonGroup:p,...C})=>{var g,x;const{submitCallback:c}=r??{},[f,w]=F(!1),a=j(o),A=Z.getZodDefaults(a),{control:N,handleSubmit:S}=z({schema:a,defaultValues:A,mode:"onBlur"});return i(H,{children:i(s,{id:k,title:d,...C,children:b("form",{onSubmit:S(n=>{c&&c({...n,agree:f})}),className:"flex flex-col gap-6",children:[m.mode!=="off"&&"esiaConfig"in m&&((g=m.esiaConfig)==null?void 0:g.ssoAuthorizationTop)&&y(m),i(E,{control:N,fields:o}),I(e,f,w,t==null?void 0:t.approvement),v.isArrayFilled(p)&&i("div",{className:"flex flex-col gap-4",children:p==null?void 0:p.map((n,D)=>{const B=n.type==="submit"&&e.type==="checkbox"?!f:!1;return T(P,{...n,size:"lg",key:D,disabled:B,className:h("w-full whitespace-nowrap",{"w-full":!!e},t==null?void 0:t.submit)})})}),m.mode!=="off"&&"esiaConfig"in m&&!((x=m.esiaConfig)!=null&&x.ssoAuthorizationTop)&&y(m)]})})})};export{so as DynamicFormDialog,so as default};
+import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useState as F,createElement as j}from"react";import{AuthProvider as l}from"../authProvider/AuthProvider.js";import{HTMLRenderer as x}from"../htmlParser/HTMLRenderer.js";import{getDynamicSchema as v}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as y}from"../../shared/utils/cn.js";import{TypeGuards as A}from"../../shared/utils/typeGuards.js";import{useControlledForm as P}from"../../shared/hooks/useControlledForm.js";import"react-hook-form";import{Button as M}from"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import{Dialog as Z}from"../../shared/ui/dialog/Dialog.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as E}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as H}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as I}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as L}from"../queryClientProvider/QueryClientProvider.js";const Q=(r,n,i,o)=>r.type==="off"?null:r.type==="text"?m(x,{html:r.message,as:"div",className:o==null?void 0:o.content}):h("label",{className:y("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[m(E,{classes:o==null?void 0:o.checkbox,checked:n,onCheckedChange:i}),m(x,{html:r.content,as:"div",className:o==null?void 0:o.content})]}),g=r=>{switch(r.mode){case"esia":return m(l,{...r,mode:r.mode});case"mobileId":return m(l,{...r,mode:r.mode});case"combine":return m(l,{...r,mode:r.mode});case"off":return null}},Mr=({fields:r,title:n,approvement:i,submitProps:o,dialogId:b,classes:t,auth:f,buttonGroup:e,ssoAuthorizationTop:c=!1,...k})=>{const{submitCallback:a}=o??{},[d,w]=F(!1),u=v(r),C=H.getZodDefaults(u),{control:N,handleSubmit:S}=P({schema:u,defaultValues:C,mode:"onBlur"});return m(L,{children:m(Z,{id:b,title:n,...k,children:h("form",{onSubmit:S(p=>{a&&a({...p,agree:d})}),className:"flex flex-col gap-6",children:[c&&g(f),m(I,{control:N,fields:r}),Q(i,d,w,t==null?void 0:t.approvement),A.isArrayFilled(e)&&m("div",{className:"flex flex-col gap-4",children:e==null?void 0:e.map((p,D)=>{const B=p.type==="submit"&&i.type==="checkbox"?!d:!1;return j(M,{...p,size:"lg",key:D,disabled:B,className:y("w-full whitespace-nowrap",{"w-full":!!i},t==null?void 0:t.submit)})})}),!c&&g(f)]})})})};export{Mr as DynamicFormDialog,Mr as default};
 //# sourceMappingURL=DynamicFormDialog.js.map

package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFormDialog.js","sources":["../../../../lib/widgets/dynamicFormDialog/DynamicFormDialog.tsx"],"sourcesContent":["'use client'\nimport { useState } from 'react'\nimport type { Control, FieldValues, SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { AuthProvider } from '../authProvider'\nimport { type Auth, type AuthMode } from '../dynamicForm/model'\nimport { HTMLRenderer } from '../htmlParser'\nimport type { Approvement, ApprovementType } from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, type ButtonProps, CheckboxBase, type CheckedState, Dialog } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormDialogClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  approvement?: ApprovementClasses\n  submit?: string\n}\n\nexport type DynamicFormDialogProps<\n  AType extends ApprovementType,\n  AuthType extends AuthMode\n> = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  fields: FieldElement<any, any, { validation: FieldValidation }>[]\n  title: string\n  approvement: Approvement<AType>\n  dialogId: string\n  submitProps?: SubmitProps\n  classes?: DynamicFormDialogClasses\n  buttonGroup: ButtonProps[]\n  auth: Auth<AuthType>\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n) => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-m desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nconst withAuthProvider = <Mode extends AuthMode>(auth: Auth<Mode>) => {\n  switch (auth.mode) {\n    case 'esia':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'mobileId':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'combine':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'off':\n      return null\n  }\n}\n\nexport const DynamicFormDialog = <AType extends ApprovementType, AuthType extends AuthMode>({\n  fields,\n  title,\n  approvement,\n  submitProps,\n  dialogId,\n  classes,\n  auth,\n  buttonGroup,\n  ...props\n}: DynamicFormDialogProps<AType, AuthType>) => {\n  const { submitCallback } = submitProps ?? {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <Dialog id={dialogId} title={title} {...props}>\n        <form onSubmit={handleSubmit(onSubmit)} className='flex flex-col gap-6'>\n          {auth.mode !== 'off' && 'esiaConfig' in auth && auth.esiaConfig?.ssoAuthorizationTop && withAuthProvider(auth)}\n          <FieldMapper control={control as unknown as Control} fields={fields} />\n          {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n          {TypeGuards.isArrayFilled(buttonGroup) && (\n            <div className='flex flex-col gap-4'>\n              {buttonGroup?.map((button, index) => {\n                const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                return (\n                  <Button\n                    {...button}\n                    size='lg'\n                    key={index}\n                    disabled={disabled}\n                    className={cn(\n                      'w-full whitespace-nowrap',\n                      {\n                        'w-full': Boolean(approvement)\n                      },\n                      classes?.submit\n                    )}\n                  />\n                )\n              })}\n            </div>\n          )}\n          {/*<Button {...buttonProps} type='submit' disabled={approvement.type === 'checkbox' ? !checked : false} className='w-full'>*/}\n          {/*  {children ?? 'Отправить форму'}*/}\n          {/*</Button>*/}\n          {auth.mode !== 'off' && 'esiaConfig' in auth && !auth.esiaConfig?.ssoAuthorizationTop && withAuthProvider(auth)}\n        </form>\n      </Dialog>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicFormDialog\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","withAuthProvider","auth","AuthProvider","DynamicFormDialog","fields","title","submitProps","dialogId","buttonGroup","props","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","_a","FieldMapper","TypeGuards","button","index","disabled","createElement","Button","_b"],"mappings":"6wFAgDA,MAAMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAA,YAAAA,EAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAA,YAAAA,EAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAA,YAAAA,EAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAK/EM,EAA2CC,GAAqB,CACpE,OAAQA,EAAK,KAAA,CACX,IAAK,OACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,WACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,UACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,MACH,OAAO,IAAA,CAEb,EAEaE,GAAoB,CAA2D,CAC1F,OAAAC,EACA,MAAAC,EACA,YAAAd,EACA,YAAAe,EACA,SAAAC,EACA,QAAAb,EACA,KAAAO,EACA,YAAAO,EACA,GAAGC,CACL,IAA+C,SAC7C,KAAM,CAAE,eAAAC,GAAmBJ,GAAe,CAAA,EAEpC,CAACd,EAASC,CAAe,EAAIkB,EAAuB,EAAK,EAEzDC,EAASC,EAAiBT,CAAM,EAChCU,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,SACGK,EAAA,CACC,SAAAxB,EAACyB,EAAA,CAAO,GAAIb,EAAU,MAAAF,EAAe,GAAGI,EACtC,SAAAZ,EAAC,QAAK,SAAUoB,EAPkCI,GAAW,CAC7DX,GAAgBA,EAAe,CAAE,GAAGW,EAAQ,MAAO7B,EAAS,CAClE,CAK2C,EAAG,UAAU,sBAC/C,SAAA,CAAAS,EAAK,OAAS,OAAS,eAAgBA,KAAQqB,EAAArB,EAAK,aAAL,YAAAqB,EAAiB,sBAAuBtB,EAAiBC,CAAI,EAC7GN,EAAC4B,EAAA,CAAY,QAAAP,EAAwC,OAAAZ,CAAA,CAAgB,EACpEd,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC3E8B,EAAW,cAAchB,CAAW,GACnCb,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAAa,GAAA,YAAAA,EAAa,IAAI,CAACiB,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAYlC,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACEoC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAAAC,EACA,UAAW7B,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CACH,EAKDO,EAAK,OAAS,OAAS,eAAgBA,GAAQ,GAAC6B,EAAA7B,EAAK,aAAL,MAAA6B,EAAiB,sBAAuB9B,EAAiBC,CAAI,CAAA,CAAA,CAChH,EACF,EACF,CAEJ"}
+{"version":3,"file":"DynamicFormDialog.js","sources":["../../../../lib/widgets/dynamicFormDialog/DynamicFormDialog.tsx"],"sourcesContent":["'use client'\nimport { useState } from 'react'\nimport type { Control, FieldValues, SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { AuthProvider } from '../authProvider'\nimport { type Auth, type AuthMode } from '../dynamicForm/model'\nimport { HTMLRenderer } from '../htmlParser'\nimport type { Approvement, ApprovementType } from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, type ButtonProps, CheckboxBase, type CheckedState, Dialog } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormDialogClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  approvement?: ApprovementClasses\n  submit?: string\n}\n\nexport type DynamicFormDialogProps<\n  AType extends ApprovementType,\n  AuthType extends AuthMode\n> = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  fields: FieldElement<any, any, { validation: FieldValidation }>[]\n  title: string\n  approvement: Approvement<AType>\n  dialogId: string\n  submitProps?: SubmitProps\n  classes?: DynamicFormDialogClasses\n  buttonGroup: ButtonProps[]\n  auth: Auth<AuthType>\n  ssoAuthorizationTop?: boolean\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n) => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-m desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nconst withAuthProvider = <Mode extends AuthMode>(auth: Auth<Mode>) => {\n  switch (auth.mode) {\n    case 'esia':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'mobileId':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'combine':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'off':\n      return null\n  }\n}\n\nexport const DynamicFormDialog = <AType extends ApprovementType, AuthType extends AuthMode>({\n  fields,\n  title,\n  approvement,\n  submitProps,\n  dialogId,\n  classes,\n  auth,\n  buttonGroup,\n  ssoAuthorizationTop = false,\n  ...props\n}: DynamicFormDialogProps<AType, AuthType>) => {\n  const { submitCallback } = submitProps ?? {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <Dialog id={dialogId} title={title} {...props}>\n        <form onSubmit={handleSubmit(onSubmit)} className='flex flex-col gap-6'>\n          {ssoAuthorizationTop && withAuthProvider(auth)}\n          <FieldMapper control={control as unknown as Control} fields={fields} />\n          {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n          {TypeGuards.isArrayFilled(buttonGroup) && (\n            <div className='flex flex-col gap-4'>\n              {buttonGroup?.map((button, index) => {\n                const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                return (\n                  <Button\n                    {...button}\n                    size='lg'\n                    key={index}\n                    disabled={disabled}\n                    className={cn(\n                      'w-full whitespace-nowrap',\n                      {\n                        'w-full': Boolean(approvement)\n                      },\n                      classes?.submit\n                    )}\n                  />\n                )\n              })}\n            </div>\n          )}\n          {/*<Button {...buttonProps} type='submit' disabled={approvement.type === 'checkbox' ? !checked : false} className='w-full'>*/}\n          {/*  {children ?? 'Отправить форму'}*/}\n          {/*</Button>*/}\n          {!ssoAuthorizationTop && withAuthProvider(auth)}\n        </form>\n      </Dialog>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicFormDialog\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","withAuthProvider","auth","AuthProvider","DynamicFormDialog","fields","title","submitProps","dialogId","buttonGroup","ssoAuthorizationTop","props","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","FieldMapper","TypeGuards","button","index","disabled","createElement","Button"],"mappings":"6wFAiDA,MAAMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAA,YAAAA,EAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAA,YAAAA,EAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAA,YAAAA,EAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAK/EM,EAA2CC,GAAqB,CACpE,OAAQA,EAAK,KAAA,CACX,IAAK,OACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,WACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,UACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,MACH,OAAO,IAAA,CAEb,EAEaE,GAAoB,CAA2D,CAC1F,OAAAC,EACA,MAAAC,EACA,YAAAd,EACA,YAAAe,EACA,SAAAC,EACA,QAAAb,EACA,KAAAO,EACA,YAAAO,EACA,oBAAAC,EAAsB,GACtB,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,eAAAC,GAAmBL,GAAe,CAAA,EAEpC,CAACd,EAASC,CAAe,EAAImB,EAAuB,EAAK,EAEzDC,EAASC,EAAiBV,CAAM,EAChCW,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,SACGK,EAAA,CACC,SAAAzB,EAAC0B,EAAA,CAAO,GAAId,EAAU,MAAAF,EAAe,GAAGK,EACtC,SAAAb,EAAC,QAAK,SAAUqB,EAPkCI,GAAW,CAC7DX,GAAgBA,EAAe,CAAE,GAAGW,EAAQ,MAAO9B,EAAS,CAClE,CAK2C,EAAG,UAAU,sBAC/C,SAAA,CAAAiB,GAAuBT,EAAiBC,CAAI,EAC7CN,EAAC4B,EAAA,CAAY,QAAAN,EAAwC,OAAAb,CAAA,CAAgB,EACpEd,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC3E8B,EAAW,cAAchB,CAAW,GACnCb,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAAa,GAAA,YAAAA,EAAa,IAAI,CAACiB,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAYlC,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACEoC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAAAC,EACA,UAAW7B,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CACH,EAKD,CAACe,GAAuBT,EAAiBC,CAAI,CAAA,CAAA,CAChD,EACF,EACF,CAEJ"}