@scbt-ecom/ui 0.147.3 → 0.147.5

package/dist/lib/widgets/conditionBlock/ConditionBlock.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as p}from"react/jsx-runtime";import{createElement as f}from"react";import{widgetIds as d}from"../model/helpers.js";import{ConditionsWithCTA as k}from"./ui/ConditionsWithCTA.js";import{SingleCondition as x}from"./ui/SingleCondition.js";import{ResponsiveContainer as h}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const c=({headline:n,classes:o,conditions:t,conditionsWithCTA:e})=>r("section",{id:d.conditionBlock,"data-test-id":d.conditionBlock,className:o==null?void 0:o.root,children:p(h,{className:i(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:[r("div",{className:i("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:r("div",{dangerouslySetInnerHTML:{__html:n},className:i("mob-headline-bold-s mb-6 text-color-dark desktop:desk-headline-bold-m desktop:mb-12",o==null?void 0:o.headline)})}),p("div",{className:i("grid grid-cols-1 gap-6 desktop:grid-cols-[repeat(2,1fr)]",o==null?void 0:o.conditionContainer),children:[r("div",{className:i("grid grid-cols-1 grid-rows-[repeat(3,minmax(136px,1fr))] gap-4 desktop:grid-cols-[repeat(2,minmax(353px,1fr))] desktop:grid-rows-[repeat(2,minmax(160px,1fr))] desktop:gap-6",o==null?void 0:o.conditionWrapper),children:t==null?void 0:t.map((m,g)=>f(x,{...m,key:m.description,index:g,classes:o==null?void 0:o.condition}))}),r(k,{...e,classes:o==null?void 0:o.conditionsWithCTA})]})]})});export{c as ConditionBlock,c as default};
+import{jsx as r,jsxs as p}from"react/jsx-runtime";import{createElement as f}from"react";import{widgetIds as d}from"../model/helpers.js";import{ConditionsWithCTA as k}from"./ui/ConditionsWithCTA.js";import{SingleCondition as x}from"./ui/SingleCondition.js";import{ResponsiveContainer as h}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import"uuid";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const vo=({headline:n,classes:o,conditions:t,conditionsWithCTA:e})=>r("section",{id:d.conditionBlock,"data-test-id":d.conditionBlock,className:o==null?void 0:o.root,children:p(h,{className:i(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:[r("div",{className:i("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:r("div",{dangerouslySetInnerHTML:{__html:n},className:i("mob-headline-bold-s mb-6 text-color-dark desktop:desk-headline-bold-m desktop:mb-12",o==null?void 0:o.headline)})}),p("div",{className:i("grid grid-cols-1 gap-6 desktop:grid-cols-[repeat(2,1fr)]",o==null?void 0:o.conditionContainer),children:[r("div",{className:i("grid grid-cols-1 grid-rows-[repeat(3,minmax(136px,1fr))] gap-4 desktop:grid-cols-[repeat(2,minmax(353px,1fr))] desktop:grid-rows-[repeat(2,minmax(160px,1fr))] desktop:gap-6",o==null?void 0:o.conditionWrapper),children:t==null?void 0:t.map((m,g)=>f(x,{...m,key:m.description,index:g,classes:o==null?void 0:o.condition}))}),r(k,{...e,classes:o==null?void 0:o.conditionsWithCTA})]})]})});export{vo as ConditionBlock,vo as default};
 //# sourceMappingURL=ConditionBlock.js.map

package/dist/lib/widgets/conditionBlock/ConditionBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBlock.js","sources":["../../../../lib/widgets/conditionBlock/ConditionBlock.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement } from 'react'\nimport { widgetIds } from '../model'\nimport { type ConditionType, type ConditionWitchCTAType } from './model/types'\nimport { ConditionsWithCTA, type ConditionsWithCTAClasses } from './ui/ConditionsWithCTA'\nimport { SingleCondition, type SingleConditionClasses } from './ui/SingleCondition'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ConditionBlockClasses = {\n  root?: string\n  container?: string\n  wrapper?: string\n  headline?: string\n  conditionWrapper?: string\n  condition?: SingleConditionClasses\n  conditionContainer?: string\n  conditionsWithCTA?: ConditionsWithCTAClasses\n}\n\nexport interface ConditionBlockClassesProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n  headline: ReactElement | string\n  conditions?: ConditionType<WithImages>[]\n  classes?: ConditionBlockClasses\n  conditionsWithCTA?: ConditionWitchCTAType\n}\n\nexport const ConditionBlock = <WithImages extends boolean>({\n  headline,\n  classes,\n  conditions,\n  conditionsWithCTA\n}: ConditionBlockClassesProps<WithImages>) => {\n  return (\n    <section id={widgetIds.conditionBlock} data-test-id={widgetIds.conditionBlock} className={classes?.root}>\n      <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n        <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n          <div\n            dangerouslySetInnerHTML={{ __html: headline }}\n            className={cn(\n              'mob-headline-bold-s mb-6 text-color-dark desktop:desk-headline-bold-m desktop:mb-12',\n              classes?.headline\n            )}\n          />\n        </div>\n        <div className={cn('grid grid-cols-1 gap-6 desktop:grid-cols-[repeat(2,1fr)]', classes?.conditionContainer)}>\n          <div\n            className={cn(\n              'grid grid-cols-1 grid-rows-[repeat(3,minmax(136px,1fr))] gap-4 desktop:grid-cols-[repeat(2,minmax(353px,1fr))] desktop:grid-rows-[repeat(2,minmax(160px,1fr))] desktop:gap-6',\n              classes?.conditionWrapper\n            )}\n          >\n            {conditions?.map((condition, index) => (\n              <SingleCondition {...condition} key={condition.description} index={index} classes={classes?.condition} />\n            ))}\n          </div>\n          <ConditionsWithCTA {...conditionsWithCTA} classes={classes?.conditionsWithCTA} />\n        </div>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default ConditionBlock\n"],"names":["ConditionBlock","headline","classes","conditions","conditionsWithCTA","widgetIds","ResponsiveContainer","cn","jsx","condition","index","SingleCondition","ConditionsWithCTA"],"mappings":"g0EA0BO,MAAMA,EAAiB,CAA6B,CACzD,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,kBAAAC,CACF,MAEK,UAAA,CAAQ,GAAIC,EAAU,eAAgB,eAAcA,EAAU,eAAgB,UAAWH,GAAA,YAAAA,EAAS,KACjG,WAACI,EAAA,CAAoB,UAAWC,EAAGL,GAAA,YAAAA,EAAS,UAAW,sBAAsB,EAC3E,SAAA,CAAAM,EAAC,OAAI,UAAWD,EAAG,yDAA0DL,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAAM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQP,CAAA,EACnC,UAAWM,EACT,sFACAL,GAAA,YAAAA,EAAS,QAAA,CACX,CAAA,EAEJ,IACC,MAAA,CAAI,UAAWK,EAAG,2DAA4DL,GAAA,YAAAA,EAAS,kBAAkB,EACxG,SAAA,CAAAM,EAAC,MAAA,CACC,UAAWD,EACT,+KACAL,GAAA,YAAAA,EAAS,gBAAA,EAGV,0BAAY,IAAI,CAACO,EAAWC,MAC1BC,EAAA,CAAiB,GAAGF,EAAW,IAAKA,EAAU,YAAa,MAAAC,EAAc,QAASR,GAAA,YAAAA,EAAS,UAAW,EACxG,CAAA,IAEFU,EAAA,CAAmB,GAAGR,EAAmB,QAASF,GAAA,YAAAA,EAAS,iBAAA,CAAmB,CAAA,CAAA,CACjF,CAAA,CAAA,CACF,CAAA,CACF"}
+{"version":3,"file":"ConditionBlock.js","sources":["../../../../lib/widgets/conditionBlock/ConditionBlock.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement } from 'react'\nimport { widgetIds } from '../model'\nimport { type ConditionType, type ConditionWitchCTAType } from './model/types'\nimport { ConditionsWithCTA, type ConditionsWithCTAClasses } from './ui/ConditionsWithCTA'\nimport { SingleCondition, type SingleConditionClasses } from './ui/SingleCondition'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ConditionBlockClasses = {\n  root?: string\n  container?: string\n  wrapper?: string\n  headline?: string\n  conditionWrapper?: string\n  condition?: SingleConditionClasses\n  conditionContainer?: string\n  conditionsWithCTA?: ConditionsWithCTAClasses\n}\n\nexport interface ConditionBlockClassesProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n  headline: ReactElement | string\n  conditions?: ConditionType<WithImages>[]\n  classes?: ConditionBlockClasses\n  conditionsWithCTA?: ConditionWitchCTAType\n}\n\nexport const ConditionBlock = <WithImages extends boolean>({\n  headline,\n  classes,\n  conditions,\n  conditionsWithCTA\n}: ConditionBlockClassesProps<WithImages>) => {\n  return (\n    <section id={widgetIds.conditionBlock} data-test-id={widgetIds.conditionBlock} className={classes?.root}>\n      <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n        <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n          <div\n            dangerouslySetInnerHTML={{ __html: headline }}\n            className={cn(\n              'mob-headline-bold-s mb-6 text-color-dark desktop:desk-headline-bold-m desktop:mb-12',\n              classes?.headline\n            )}\n          />\n        </div>\n        <div className={cn('grid grid-cols-1 gap-6 desktop:grid-cols-[repeat(2,1fr)]', classes?.conditionContainer)}>\n          <div\n            className={cn(\n              'grid grid-cols-1 grid-rows-[repeat(3,minmax(136px,1fr))] gap-4 desktop:grid-cols-[repeat(2,minmax(353px,1fr))] desktop:grid-rows-[repeat(2,minmax(160px,1fr))] desktop:gap-6',\n              classes?.conditionWrapper\n            )}\n          >\n            {conditions?.map((condition, index) => (\n              <SingleCondition {...condition} key={condition.description} index={index} classes={classes?.condition} />\n            ))}\n          </div>\n          <ConditionsWithCTA {...conditionsWithCTA} classes={classes?.conditionsWithCTA} />\n        </div>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default ConditionBlock\n"],"names":["ConditionBlock","headline","classes","conditions","conditionsWithCTA","widgetIds","ResponsiveContainer","cn","jsx","condition","index","SingleCondition","ConditionsWithCTA"],"mappings":"sxFA0BO,MAAMA,GAAiB,CAA6B,CACzD,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,kBAAAC,CACF,MAEK,UAAA,CAAQ,GAAIC,EAAU,eAAgB,eAAcA,EAAU,eAAgB,UAAWH,GAAA,YAAAA,EAAS,KACjG,WAACI,EAAA,CAAoB,UAAWC,EAAGL,GAAA,YAAAA,EAAS,UAAW,sBAAsB,EAC3E,SAAA,CAAAM,EAAC,OAAI,UAAWD,EAAG,yDAA0DL,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAAM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQP,CAAA,EACnC,UAAWM,EACT,sFACAL,GAAA,YAAAA,EAAS,QAAA,CACX,CAAA,EAEJ,IACC,MAAA,CAAI,UAAWK,EAAG,2DAA4DL,GAAA,YAAAA,EAAS,kBAAkB,EACxG,SAAA,CAAAM,EAAC,MAAA,CACC,UAAWD,EACT,+KACAL,GAAA,YAAAA,EAAS,gBAAA,EAGV,0BAAY,IAAI,CAACO,EAAWC,MAC1BC,EAAA,CAAiB,GAAGF,EAAW,IAAKA,EAAU,YAAa,MAAAC,EAAc,QAASR,GAAA,YAAAA,EAAS,UAAW,EACxG,CAAA,IAEFU,EAAA,CAAmB,GAAGR,EAAmB,QAASF,GAAA,YAAAA,EAAS,iBAAA,CAAmB,CAAA,CAAA,CACjF,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/lib/widgets/conditionBlock/ui/ConditionsWithCTA.js

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{cn as e}from"../../../shared/utils/cn.js";import"react";import{ButtonWithHandlers as c}from"../../buttonWithHandlers/ButtonWithHandlers.js";const x=a=>{const{classes:t,firstRate:d,descriptionFirstRate:m,secondRate:i,descriptionSecondRate:p,mainDescription:l,button:n}=a;return r("div",{className:e("relative flex flex-col overflow-hidden rounded-md bg-color-blue-grey-100 p-4 desktop:w-[386px] desktop:p-8",t==null?void 0:t.conditionWitchCTAContainer),children:[r("div",{className:e("mb-3 flex flex-col gap-2"),children:[d&&o("div",{dangerouslySetInnerHTML:{__html:d},className:e("mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l",t==null?void 0:t.firstRate)}),o("div",{dangerouslySetInnerHTML:{__html:m??""},className:e("desk-body-regular-l text-color-dark",t==null?void 0:t.descriptionFirstRate)})]}),r("div",{className:e("mb-6 flex flex-col gap-2 desktop:mb-11"),children:[i&&o("div",{dangerouslySetInnerHTML:{__html:i},className:e("mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l",t==null?void 0:t.secondRate)}),o("div",{dangerouslySetInnerHTML:{__html:p??""},className:e("desk-body-regular-l text-color-dark",t==null?void 0:t.descriptionSecondRate)})]}),l&&o("div",{dangerouslySetInnerHTML:{__html:l},className:e("mob-body-regular-l mb-6 text-color-tetriary desktop:desk-body-regular-l",t==null?void 0:t.mainDescription)}),n&&o(c,{intent:"primary",className:e("mt-auto w-full",t==null?void 0:t.button),size:"lg",...n})]})};export{x as ConditionsWithCTA};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{cn as e}from"../../../shared/utils/cn.js";import"uuid";import"react";import{ButtonWithHandlers as c}from"../../buttonWithHandlers/ButtonWithHandlers.js";const g=a=>{const{classes:t,firstRate:d,descriptionFirstRate:m,secondRate:i,descriptionSecondRate:p,mainDescription:l,button:n}=a;return r("div",{className:e("relative flex flex-col overflow-hidden rounded-md bg-color-blue-grey-100 p-4 desktop:w-[386px] desktop:p-8",t==null?void 0:t.conditionWitchCTAContainer),children:[r("div",{className:e("mb-3 flex flex-col gap-2"),children:[d&&o("div",{dangerouslySetInnerHTML:{__html:d},className:e("mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l",t==null?void 0:t.firstRate)}),o("div",{dangerouslySetInnerHTML:{__html:m??""},className:e("desk-body-regular-l text-color-dark",t==null?void 0:t.descriptionFirstRate)})]}),r("div",{className:e("mb-6 flex flex-col gap-2 desktop:mb-11"),children:[i&&o("div",{dangerouslySetInnerHTML:{__html:i},className:e("mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l",t==null?void 0:t.secondRate)}),o("div",{dangerouslySetInnerHTML:{__html:p??""},className:e("desk-body-regular-l text-color-dark",t==null?void 0:t.descriptionSecondRate)})]}),l&&o("div",{dangerouslySetInnerHTML:{__html:l},className:e("mob-body-regular-l mb-6 text-color-tetriary desktop:desk-body-regular-l",t==null?void 0:t.mainDescription)}),n&&o(c,{intent:"primary",className:e("mt-auto w-full",t==null?void 0:t.button),size:"lg",...n})]})};export{g as ConditionsWithCTA};
 //# sourceMappingURL=ConditionsWithCTA.js.map

package/dist/lib/widgets/conditionBlock/ui/ConditionsWithCTA.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionsWithCTA.js","sources":["../../../../../lib/widgets/conditionBlock/ui/ConditionsWithCTA.tsx"],"sourcesContent":["import { type ConditionWitchCTAType } from '../model/types'\nimport { cn } from '$/shared/utils'\nimport { ButtonWithHandlers } from '$/widgets/buttonWithHandlers'\n\nexport type ConditionsWithCTAClasses = {\n  conditionWitchCTAContainer?: string\n  descriptionFirstRate?: string\n  firstRate?: string\n  secondRate?: string\n  descriptionSecondRate?: string\n  mainDescription?: string\n  button?: string\n}\n\nexport const ConditionsWithCTA = (props: ConditionWitchCTAType) => {\n  const { classes, firstRate, descriptionFirstRate, secondRate, descriptionSecondRate, mainDescription, button } = props\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col overflow-hidden rounded-md bg-color-blue-grey-100 p-4 desktop:w-[386px] desktop:p-8',\n        classes?.conditionWitchCTAContainer\n      )}\n    >\n      <div className={cn('mb-3 flex flex-col gap-2')}>\n        {firstRate && (\n          <div\n            dangerouslySetInnerHTML={{ __html: firstRate }}\n            className={cn('mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l', classes?.firstRate)}\n          />\n        )}\n        <div\n          dangerouslySetInnerHTML={{ __html: descriptionFirstRate ?? '' }}\n          className={cn('desk-body-regular-l text-color-dark', classes?.descriptionFirstRate)}\n        />\n      </div>\n      <div className={cn('mb-6 flex flex-col gap-2 desktop:mb-11')}>\n        {secondRate && (\n          <div\n            dangerouslySetInnerHTML={{ __html: secondRate }}\n            className={cn('mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l', classes?.secondRate)}\n          />\n        )}\n        <div\n          dangerouslySetInnerHTML={{ __html: descriptionSecondRate ?? '' }}\n          className={cn('desk-body-regular-l text-color-dark', classes?.descriptionSecondRate)}\n        />\n      </div>\n      {mainDescription && (\n        <div\n          dangerouslySetInnerHTML={{ __html: mainDescription }}\n          className={cn('mob-body-regular-l mb-6 text-color-tetriary desktop:desk-body-regular-l', classes?.mainDescription)}\n        />\n      )}\n      {button && <ButtonWithHandlers intent='primary' className={cn('mt-auto w-full', classes?.button)} size='lg' {...button} />}\n    </div>\n  )\n}\n"],"names":["ConditionsWithCTA","props","classes","firstRate","descriptionFirstRate","secondRate","descriptionSecondRate","mainDescription","button","jsxs","cn","jsx","ButtonWithHandlers"],"mappings":"qMAcO,MAAMA,EAAqBC,GAAiC,CACjE,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,qBAAAC,EAAsB,WAAAC,EAAY,sBAAAC,EAAuB,gBAAAC,EAAiB,OAAAC,GAAWP,EAEjH,OACEQ,EAAC,MAAA,CACC,UAAWC,EACT,6GACAR,GAAA,YAAAA,EAAS,0BAAA,EAGX,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA0B,EAC1C,SAAA,CAAAP,GACCQ,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQR,CAAA,EACnC,UAAWO,EAAG,wEAAyER,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAA,EAG7GS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQP,GAAwB,EAAA,EAC3D,UAAWM,EAAG,sCAAuCR,GAAA,YAAAA,EAAS,oBAAoB,CAAA,CAAA,CACpF,EACF,EACAO,EAAC,MAAA,CAAI,UAAWC,EAAG,wCAAwC,EACxD,SAAA,CAAAL,GACCM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQN,CAAA,EACnC,UAAWK,EAAG,wEAAyER,GAAA,YAAAA,EAAS,UAAU,CAAA,CAAA,EAG9GS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQL,GAAyB,EAAA,EAC5D,UAAWI,EAAG,sCAAuCR,GAAA,YAAAA,EAAS,qBAAqB,CAAA,CAAA,CACrF,EACF,EACCK,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWG,EAAG,0EAA2ER,GAAA,YAAAA,EAAS,eAAe,CAAA,CAAA,EAGpHM,GAAUG,EAACC,EAAA,CAAmB,OAAO,UAAU,UAAWF,EAAG,iBAAkBR,GAAA,YAAAA,EAAS,MAAM,EAAG,KAAK,KAAM,GAAGM,CAAA,CAAQ,CAAA,CAAA,CAAA,CAG9H"}
+{"version":3,"file":"ConditionsWithCTA.js","sources":["../../../../../lib/widgets/conditionBlock/ui/ConditionsWithCTA.tsx"],"sourcesContent":["import { type ConditionWitchCTAType } from '../model/types'\nimport { cn } from '$/shared/utils'\nimport { ButtonWithHandlers } from '$/widgets/buttonWithHandlers'\n\nexport type ConditionsWithCTAClasses = {\n  conditionWitchCTAContainer?: string\n  descriptionFirstRate?: string\n  firstRate?: string\n  secondRate?: string\n  descriptionSecondRate?: string\n  mainDescription?: string\n  button?: string\n}\n\nexport const ConditionsWithCTA = (props: ConditionWitchCTAType) => {\n  const { classes, firstRate, descriptionFirstRate, secondRate, descriptionSecondRate, mainDescription, button } = props\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col overflow-hidden rounded-md bg-color-blue-grey-100 p-4 desktop:w-[386px] desktop:p-8',\n        classes?.conditionWitchCTAContainer\n      )}\n    >\n      <div className={cn('mb-3 flex flex-col gap-2')}>\n        {firstRate && (\n          <div\n            dangerouslySetInnerHTML={{ __html: firstRate }}\n            className={cn('mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l', classes?.firstRate)}\n          />\n        )}\n        <div\n          dangerouslySetInnerHTML={{ __html: descriptionFirstRate ?? '' }}\n          className={cn('desk-body-regular-l text-color-dark', classes?.descriptionFirstRate)}\n        />\n      </div>\n      <div className={cn('mb-6 flex flex-col gap-2 desktop:mb-11')}>\n        {secondRate && (\n          <div\n            dangerouslySetInnerHTML={{ __html: secondRate }}\n            className={cn('mob-title-bold-l text-color-primary-default desktop:desk-title-bold-l', classes?.secondRate)}\n          />\n        )}\n        <div\n          dangerouslySetInnerHTML={{ __html: descriptionSecondRate ?? '' }}\n          className={cn('desk-body-regular-l text-color-dark', classes?.descriptionSecondRate)}\n        />\n      </div>\n      {mainDescription && (\n        <div\n          dangerouslySetInnerHTML={{ __html: mainDescription }}\n          className={cn('mob-body-regular-l mb-6 text-color-tetriary desktop:desk-body-regular-l', classes?.mainDescription)}\n        />\n      )}\n      {button && <ButtonWithHandlers intent='primary' className={cn('mt-auto w-full', classes?.button)} size='lg' {...button} />}\n    </div>\n  )\n}\n"],"names":["ConditionsWithCTA","props","classes","firstRate","descriptionFirstRate","secondRate","descriptionSecondRate","mainDescription","button","jsxs","cn","jsx","ButtonWithHandlers"],"mappings":"kNAcO,MAAMA,EAAqBC,GAAiC,CACjE,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,qBAAAC,EAAsB,WAAAC,EAAY,sBAAAC,EAAuB,gBAAAC,EAAiB,OAAAC,GAAWP,EAEjH,OACEQ,EAAC,MAAA,CACC,UAAWC,EACT,6GACAR,GAAA,YAAAA,EAAS,0BAAA,EAGX,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA0B,EAC1C,SAAA,CAAAP,GACCQ,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQR,CAAA,EACnC,UAAWO,EAAG,wEAAyER,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAA,EAG7GS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQP,GAAwB,EAAA,EAC3D,UAAWM,EAAG,sCAAuCR,GAAA,YAAAA,EAAS,oBAAoB,CAAA,CAAA,CACpF,EACF,EACAO,EAAC,MAAA,CAAI,UAAWC,EAAG,wCAAwC,EACxD,SAAA,CAAAL,GACCM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQN,CAAA,EACnC,UAAWK,EAAG,wEAAyER,GAAA,YAAAA,EAAS,UAAU,CAAA,CAAA,EAG9GS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQL,GAAyB,EAAA,EAC5D,UAAWI,EAAG,sCAAuCR,GAAA,YAAAA,EAAS,qBAAqB,CAAA,CAAA,CACrF,EACF,EACCK,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWG,EAAG,0EAA2ER,GAAA,YAAAA,EAAS,eAAe,CAAA,CAAA,EAGpHM,GAAUG,EAACC,EAAA,CAAmB,OAAO,UAAU,UAAWF,EAAG,iBAAkBR,GAAA,YAAAA,EAAS,MAAM,EAAG,KAAK,KAAM,GAAGM,CAAA,CAAQ,CAAA,CAAA,CAAA,CAG9H"}

package/dist/lib/widgets/conditionBlock/ui/SingleCondition.js

@@ -1,2 +1,2 @@
-import{jsx as n,jsxs as a}from"react/jsx-runtime";import{cn as i}from"../../../shared/utils/cn.js";import"react";const h=t=>{var l,o;const{classes:e,title:d,description:m,index:c}=t;return n("div",{className:i("relative overflow-hidden rounded-md bg-banner-skyblue-100 p-4 desktop:p-8",e==null?void 0:e.condition,c===0?"desktop:col-span-2":"desktop:col-span-1"),children:a("div",{className:i("flex flex-col gap-6",e==null?void 0:e.conditionContainer),children:[a("div",{className:i("flex flex-col gap-2"),children:[d&&n("div",{dangerouslySetInnerHTML:{__html:d},className:i("mob-title-bold-m text-color-dark desktop:desk-title-bold-s",e==null?void 0:e.title)}),n("div",{dangerouslySetInnerHTML:{__html:m??""},className:i("desk-body-regular-l text-color-secondary",e==null?void 0:e.description)})]}),t.type==="withImage"&&Object.keys((t==null?void 0:t.image)??{}).length>0&&n("div",{className:i("absolute right-4 top-[30px] h-[139px] w-[130px] desktop:right-20 desktop:h-[177px] desktop:w-[190px]",e==null?void 0:e.imageContainer),children:n("img",{className:i("h-full w-full object-contain",e==null?void 0:e.image),src:(l=t==null?void 0:t.image)==null?void 0:l.src,alt:(o=t==null?void 0:t.image)==null?void 0:o.alt})})]})})};export{h as SingleCondition};
+import{jsx as n,jsxs as a}from"react/jsx-runtime";import{cn as i}from"../../../shared/utils/cn.js";import"uuid";import"react";const k=t=>{var l,o;const{classes:e,title:d,description:m,index:c}=t;return n("div",{className:i("relative overflow-hidden rounded-md bg-banner-skyblue-100 p-4 desktop:p-8",e==null?void 0:e.condition,c===0?"desktop:col-span-2":"desktop:col-span-1"),children:a("div",{className:i("flex flex-col gap-6",e==null?void 0:e.conditionContainer),children:[a("div",{className:i("flex flex-col gap-2"),children:[d&&n("div",{dangerouslySetInnerHTML:{__html:d},className:i("mob-title-bold-m text-color-dark desktop:desk-title-bold-s",e==null?void 0:e.title)}),n("div",{dangerouslySetInnerHTML:{__html:m??""},className:i("desk-body-regular-l text-color-secondary",e==null?void 0:e.description)})]}),t.type==="withImage"&&Object.keys((t==null?void 0:t.image)??{}).length>0&&n("div",{className:i("absolute right-4 top-[30px] h-[139px] w-[130px] desktop:right-20 desktop:h-[177px] desktop:w-[190px]",e==null?void 0:e.imageContainer),children:n("img",{className:i("h-full w-full object-contain",e==null?void 0:e.image),src:(l=t==null?void 0:t.image)==null?void 0:l.src,alt:(o=t==null?void 0:t.image)==null?void 0:o.alt})})]})})};export{k as SingleCondition};
 //# sourceMappingURL=SingleCondition.js.map

package/dist/lib/widgets/conditionBlock/ui/SingleCondition.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleCondition.js","sources":["../../../../../lib/widgets/conditionBlock/ui/SingleCondition.tsx"],"sourcesContent":["import { type SingleConditionType } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type SingleConditionClasses = {\n  title?: string\n  description?: string\n  condition?: string\n  conditionContainer?: string\n  imageContainer?: string\n  image?: string\n}\n\nexport const SingleCondition = (props: SingleConditionType) => {\n  const { classes, title, description, index } = props\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-md bg-banner-skyblue-100 p-4 desktop:p-8',\n        classes?.condition,\n        index === 0 ? 'desktop:col-span-2' : 'desktop:col-span-1'\n      )}\n    >\n      <div className={cn('flex flex-col gap-6', classes?.conditionContainer)}>\n        <div className={cn('flex flex-col gap-2')}>\n          {title && (\n            <div\n              dangerouslySetInnerHTML={{ __html: title }}\n              className={cn('mob-title-bold-m text-color-dark desktop:desk-title-bold-s', classes?.title)}\n            />\n          )}\n          <div\n            dangerouslySetInnerHTML={{ __html: description ?? '' }}\n            className={cn('desk-body-regular-l text-color-secondary', classes?.description)}\n          />\n        </div>\n\n        {props.type === 'withImage' && Object.keys(props?.image ?? {}).length > 0 && (\n          <div\n            className={cn(\n              'absolute right-4 top-[30px] h-[139px] w-[130px] desktop:right-20 desktop:h-[177px] desktop:w-[190px]',\n              classes?.imageContainer\n            )}\n          >\n            <img className={cn('h-full w-full object-contain', classes?.image)} src={props?.image?.src} alt={props?.image?.alt} />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["SingleCondition","props","classes","title","description","index","jsx","cn","jsxs","_a","_b"],"mappings":"iHAYO,MAAMA,EAAmBC,GAA+B,SAC7D,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,YAAAC,EAAa,MAAAC,GAAUJ,EAE/C,OACEK,EAAC,MAAA,CACC,UAAWC,EACT,4EACAL,GAAA,YAAAA,EAAS,UACTG,IAAU,EAAI,qBAAuB,oBAAA,EAGvC,WAAC,MAAA,CAAI,UAAWE,EAAG,sBAAuBL,GAAA,YAAAA,EAAS,kBAAkB,EACnE,SAAA,CAAAM,EAAC,MAAA,CAAI,UAAWD,EAAG,qBAAqB,EACrC,SAAA,CAAAJ,GACCG,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQH,CAAA,EACnC,UAAWI,EAAG,6DAA8DL,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAG9FI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQF,GAAe,EAAA,EAClD,UAAWG,EAAG,2CAA4CL,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAA,CAChF,EACF,EAECD,EAAM,OAAS,aAAe,OAAO,MAAKA,GAAA,YAAAA,EAAO,QAAS,CAAA,CAAE,EAAE,OAAS,GACtEK,EAAC,MAAA,CACC,UAAWC,EACT,uGACAL,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAI,EAAC,MAAA,CAAI,UAAWC,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,KAAK,EAAG,KAAKO,EAAAR,GAAA,YAAAA,EAAO,QAAP,YAAAQ,EAAc,IAAK,KAAKC,EAAAT,GAAA,YAAAA,EAAO,QAAP,YAAAS,EAAc,GAAA,CAAK,CAAA,CAAA,CACtH,CAAA,CAEJ,CAAA,CAAA,CAGN"}
+{"version":3,"file":"SingleCondition.js","sources":["../../../../../lib/widgets/conditionBlock/ui/SingleCondition.tsx"],"sourcesContent":["import { type SingleConditionType } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type SingleConditionClasses = {\n  title?: string\n  description?: string\n  condition?: string\n  conditionContainer?: string\n  imageContainer?: string\n  image?: string\n}\n\nexport const SingleCondition = (props: SingleConditionType) => {\n  const { classes, title, description, index } = props\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-md bg-banner-skyblue-100 p-4 desktop:p-8',\n        classes?.condition,\n        index === 0 ? 'desktop:col-span-2' : 'desktop:col-span-1'\n      )}\n    >\n      <div className={cn('flex flex-col gap-6', classes?.conditionContainer)}>\n        <div className={cn('flex flex-col gap-2')}>\n          {title && (\n            <div\n              dangerouslySetInnerHTML={{ __html: title }}\n              className={cn('mob-title-bold-m text-color-dark desktop:desk-title-bold-s', classes?.title)}\n            />\n          )}\n          <div\n            dangerouslySetInnerHTML={{ __html: description ?? '' }}\n            className={cn('desk-body-regular-l text-color-secondary', classes?.description)}\n          />\n        </div>\n\n        {props.type === 'withImage' && Object.keys(props?.image ?? {}).length > 0 && (\n          <div\n            className={cn(\n              'absolute right-4 top-[30px] h-[139px] w-[130px] desktop:right-20 desktop:h-[177px] desktop:w-[190px]',\n              classes?.imageContainer\n            )}\n          >\n            <img className={cn('h-full w-full object-contain', classes?.image)} src={props?.image?.src} alt={props?.image?.alt} />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["SingleCondition","props","classes","title","description","index","jsx","cn","jsxs","_a","_b"],"mappings":"8HAYO,MAAMA,EAAmBC,GAA+B,SAC7D,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,YAAAC,EAAa,MAAAC,GAAUJ,EAE/C,OACEK,EAAC,MAAA,CACC,UAAWC,EACT,4EACAL,GAAA,YAAAA,EAAS,UACTG,IAAU,EAAI,qBAAuB,oBAAA,EAGvC,WAAC,MAAA,CAAI,UAAWE,EAAG,sBAAuBL,GAAA,YAAAA,EAAS,kBAAkB,EACnE,SAAA,CAAAM,EAAC,MAAA,CAAI,UAAWD,EAAG,qBAAqB,EACrC,SAAA,CAAAJ,GACCG,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQH,CAAA,EACnC,UAAWI,EAAG,6DAA8DL,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAG9FI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQF,GAAe,EAAA,EAClD,UAAWG,EAAG,2CAA4CL,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAA,CAChF,EACF,EAECD,EAAM,OAAS,aAAe,OAAO,MAAKA,GAAA,YAAAA,EAAO,QAAS,CAAA,CAAE,EAAE,OAAS,GACtEK,EAAC,MAAA,CACC,UAAWC,EACT,uGACAL,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAI,EAAC,MAAA,CAAI,UAAWC,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,KAAK,EAAG,KAAKO,EAAAR,GAAA,YAAAA,EAAO,QAAP,YAAAQ,EAAc,IAAK,KAAKC,EAAAT,GAAA,YAAAA,EAAO,QAAP,YAAAS,EAAc,GAAA,CAAK,CAAA,CAAA,CACtH,CAAA,CAEJ,CAAA,CAAA,CAGN"}

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

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as Z,createElement as z}from"react";import{HTMLRenderer as N}from"../htmlParser/HTMLRenderer.js";import{widgetIds as P}from"../model/helpers.js";import{getFieldsProgress as A,withAuthProvider as v,withApprovement as L}from"./model/helpers.js";import{getDynamicSchema as Q}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as r}from"../../shared/utils/cn.js";import{useControlledForm as U}from"../../shared/hooks/useControlledForm.js";import{useFieldsProgress as q}from"../../shared/hooks/useFieldsProgress.js";import{ResponsiveContainer as E}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as J}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 K}from"../../shared/ui/progressBar/ProgressBar.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as O}from"../../shared/ui/icon/Icon.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as C}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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.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 T}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as W}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as X}from"../queryClientProvider/QueryClientProvider.js";const Tt=({fields:f,title:h,progress:i,approvement:p,chips:d,submitProps:S,auth:x,classes:t,buttonGroup:e,ssoAuthorizationTop:k=!1,backgroundColor:w})=>{var c,b;const{submitCallback:y,onErrorCallback:l}=S||{},[a,B]=Z(p.type==="checkbox"?p.defaultValue:!1),g=Q(f),F=T.getZodDefaults(g),{control:u,handleSubmit:j,formState:{isValid:D}}=U({schema:g,defaultValues:F,mode:"onBlur"}),V=A(i,f),H=q({control:u,fields:V||[],schema:g}),I=m=>{y&&y({...m,agree:a})};return o(X,{children:o("section",{id:P.form,"data-test-id":P.form,className:r("w-full",t==null?void 0:t.root,w&&"desktop:py-[80px]"),style:{backgroundColor:w},children:n(E,{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 bg-color-white py-8 desktop:border"),children:[d.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",(c=t==null?void 0:t.chips)==null?void 0:c.root),children:[d.image&&o(O,{name:d.image,className:r("size-6",(b=t==null?void 0:t.chips)==null?void 0:b.icon)}),d.content]}),o(C,{as:"h2",className:r("text-color-dark desktop:hidden",t==null?void 0:t.title),children:h}),o(C,{as:"h3",className:r("text-color-dark mobile:hidden",t==null?void 0:t.title),children:h}),k&&v(x),n("form",{"data-valid":D,onSubmit:j(I,m=>l==null?void 0:l(m)),className:r("flex w-full flex-col gap-y-6","desktop:gap-y-8",t==null?void 0:t.form),children:[i.enabled&&o(K,{progress:H,topContent:o(N,{html:i.title}),bottomContent:o(N,{html:i.subtitle}),maxPercent:i.maxPercent,classes:t==null?void 0:t.progressBar}),o(W,{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:[L(p,a,B,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((m,M)=>{const R=m.type==="submit"&&p.type==="checkbox"?!a:!1;return z(J,{...m,size:"lg",key:M,disabled:R,className:r("w-full whitespace-nowrap",{"desktop:!w-fit":e.length===1},{"w-full":!!p},t==null?void 0:t.submit)})})})]}),!k&&v(x)]})]})})})};export{Tt as DynamicForm,Tt as default};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as Z,createElement as z}from"react";import{HTMLRenderer as N}from"../htmlParser/HTMLRenderer.js";import{widgetIds as P}from"../model/helpers.js";import{getFieldsProgress as A,withAuthProvider as v,withApprovement as L}from"./model/helpers.js";import{getDynamicSchema as Q}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as r}from"../../shared/utils/cn.js";import"uuid";import{useControlledForm as U}from"../../shared/hooks/useControlledForm.js";import{useFieldsProgress as q}from"../../shared/hooks/useFieldsProgress.js";import{ResponsiveContainer as E}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as J}from"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import{ProgressBar as K}from"../../shared/ui/progressBar/ProgressBar.js";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as O}from"../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import{Heading as C}from"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";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"zod";import{ZodUtils as T}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as W}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as X}from"../queryClientProvider/QueryClientProvider.js";const ao=({fields:f,title:h,progress:e,approvement:p,chips:d,submitProps:S,auth:x,classes:t,buttonGroup:m,ssoAuthorizationTop:k=!1,backgroundColor:w})=>{var c,b;const{submitCallback:y,onErrorCallback:l}=S||{},[a,B]=Z(p.type==="checkbox"?p.defaultValue:!1),g=Q(f),F=T.getZodDefaults(g),{control:u,handleSubmit:j,formState:{isValid:D}}=U({schema:g,defaultValues:F,mode:"onBlur"}),V=A(e,f),H=q({control:u,fields:V||[],schema:g}),I=i=>{y&&y({...i,agree:a})};return o(X,{children:o("section",{id:P.form,"data-test-id":P.form,className:r("w-full",t==null?void 0:t.root,w&&"desktop:py-[80px]"),style:{backgroundColor:w},children:n(E,{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 bg-color-white py-8 desktop:border"),children:[d.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",(c=t==null?void 0:t.chips)==null?void 0:c.root),children:[d.image&&o(O,{name:d.image,className:r("size-6",(b=t==null?void 0:t.chips)==null?void 0:b.icon)}),d.content]}),o(C,{as:"h2",className:r("text-color-dark desktop:hidden",t==null?void 0:t.title),children:h}),o(C,{as:"h3",className:r("text-color-dark mobile:hidden",t==null?void 0:t.title),children:h}),k&&v(x),n("form",{"data-valid":D,onSubmit:j(I,i=>l==null?void 0:l(i)),className:r("flex w-full flex-col gap-y-6","desktop:gap-y-8",t==null?void 0:t.form),children:[e.enabled&&o(K,{progress:H,topContent:o(N,{html:e.title}),bottomContent:o(N,{html:e.subtitle}),maxPercent:e.maxPercent,classes:t==null?void 0:t.progressBar}),o(W,{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":m.length===1}),children:[L(p,a,B,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":m.length===1}),children:m==null?void 0:m.map((i,M)=>{const R=i.type==="submit"&&p.type==="checkbox"?!a:!1;return z(J,{...i,size:"lg",key:M,disabled:R,className:r("w-full whitespace-nowrap",{"desktop:!w-fit":m.length===1},{"w-full":!!p},t==null?void 0:t.submit)})})})]}),!k&&v(x)]})]})})})};export{ao as DynamicForm,ao 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 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 { type BackgroundColors } from '$/shared/constants'\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  backgroundColor?: BackgroundColors\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  backgroundColor\n}: DynamicFormProps<AType, CType, PType, AuthType>) => {\n  const { submitCallback, onErrorCallback } = 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 {\n    control,\n    handleSubmit,\n    formState: { isValid }\n  } = 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\n        id={widgetIds.form}\n        data-test-id={widgetIds.form}\n        className={cn('w-full', classes?.root, backgroundColor && `desktop:py-[80px]`)}\n        style={{ backgroundColor }}\n      >\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 bg-color-white 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('text-color-dark desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('text-color-dark mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          {ssoAuthorizationTop && withAuthProvider(auth)}\n          <form\n            data-valid={isValid}\n            onSubmit={handleSubmit(onSubmit, (error) => onErrorCallback?.(error))}\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","backgroundColor","submitCallback","onErrorCallback","checked","onCheckedChange","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","isValid","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","QueryClientProvider","jsx","widgetIds","cn","jsxs","ResponsiveContainer","_a","Icon","_b","Heading","withAuthProvider","error","ProgressBar","HTMLRenderer","FieldMapper","withApprovement","button","index","disabled","createElement","Button"],"mappings":"muGA+DO,MAAMA,GAAc,CAKzB,CACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,CACF,IAAuD,SACrD,KAAM,CAAE,eAAAC,EAAgB,gBAAAC,CAAA,EAAoBP,GAAe,CAAA,EAErD,CAACQ,EAASC,CAAe,EAAIC,EAAuBZ,EAAY,OAAS,WAAaA,EAAY,aAAe,EAAK,EAEtHa,EAASC,EAAiBjB,CAAM,EAChCkB,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CACJ,QAAAI,EACA,aAAAC,EACA,UAAW,CAAE,QAAAC,CAAA,CAAQ,EACnBC,EAAkB,CACpB,OAAAP,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEKM,EAAiBC,EAAkBvB,EAAUF,CAAM,EAEnD0B,EAAoBC,EAAkB,CAAE,QAAAP,EAAS,OAAQI,GAAkB,CAAA,EAAI,OAAAR,EAAQ,EAEvFY,EAAkDC,GAAW,CAC7DlB,GAAgBA,EAAe,CAAE,GAAGkB,EAAQ,MAAOhB,EAAS,CAClE,EAEA,SACGiB,EAAA,CACC,SAAAC,EAAC,UAAA,CACC,GAAIC,EAAU,KACd,eAAcA,EAAU,KACxB,UAAWC,EAAG,SAAU1B,GAAA,YAAAA,EAAS,KAAMG,GAAmB,mBAAmB,EAC7E,MAAO,CAAE,gBAAAA,CAAA,EAET,SAAAwB,EAACC,EAAA,CACC,UAAWF,EACT,yEACA,oFAAA,EAGD,SAAA,CAAA7B,EAAM,SACL8B,EAAC,MAAA,CACC,UAAWD,EACT,4EACA,uDACA,uBACAG,EAAA7B,GAAA,YAAAA,EAAS,QAAT,YAAA6B,EAAgB,IAAA,EAGjB,SAAA,CAAAhC,EAAM,OAAS2B,EAACM,EAAA,CAAK,KAAMjC,EAAM,MAAO,UAAW6B,EAAG,UAAUK,EAAA/B,GAAA,YAAAA,EAAS,QAAT,YAAA+B,EAAgB,IAAI,CAAA,CAAG,EACvFlC,EAAM,OAAA,CAAA,CAAA,EAGX2B,EAACQ,EAAA,CAAQ,GAAG,KAAK,UAAWN,EAAG,iCAAkC1B,GAAA,YAAAA,EAAS,KAAK,EAC5E,SAAAN,CAAA,CACH,EACA8B,EAACQ,EAAA,CAAQ,GAAG,KAAK,UAAWN,EAAG,gCAAiC1B,GAAA,YAAAA,EAAS,KAAK,EAC3E,SAAAN,CAAA,CACH,EACCQ,GAAuB+B,EAAiBlC,CAAI,EAC7C4B,EAAC,OAAA,CACC,aAAYZ,EACZ,SAAUD,EAAaO,EAAWa,GAAU7B,GAAA,YAAAA,EAAkB6B,EAAM,EACpE,UAAWR,EAAG,+BAAgC,kBAAmB1B,GAAA,YAAAA,EAAS,IAAI,EAE7E,SAAA,CAAAL,EAAS,SACR6B,EAACW,EAAA,CACC,SAAUhB,EACV,WAAYK,EAACY,EAAA,CAAa,KAAMzC,EAAS,MAAO,EAChD,cAAe6B,EAACY,EAAA,CAAa,KAAMzC,EAAS,SAAU,EACtD,WAAYA,EAAS,WACrB,QAASK,GAAA,YAAAA,EAAS,WAAA,CAAA,EAGtBwB,EAACa,EAAA,CAAY,QAAAxB,EAAwC,OAAApB,CAAA,CAAgB,EACrEkC,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsE,CACjF,wCAA0CzB,EAAY,SAAW,CAAA,CACnE,EAEA,SAAA,CAAAqC,EAAgB1C,EAAaU,EAASC,EAAiBP,GAAA,YAAAA,EAAS,WAAW,EAC5EwB,EAAC,MAAA,CACC,UAAWE,EAAG,2EAA4E,CACxF,gBAAiBzB,EAAY,SAAW,CAAA,CACzC,EAEA,SAAAA,GAAA,YAAAA,EAAa,IAAI,CAACsC,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAY3C,EAAY,OAAS,WAAa,CAACU,EAAU,GAE1F,OACEoC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAAAC,EACA,UAAWf,EACT,2BACA,CACG,iBAAmBzB,EAAY,SAAW,CAAA,EAE7C,CACE,SAAU,EAAQL,CAAW,EAE/BI,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CAAA,CACH,CAAA,CAAA,EAED,CAACE,GAAuB+B,EAAiBlC,CAAI,CAAA,CAAA,CAAA,CAChD,CAAA,CAAA,CACF,CAAA,EAEJ,CAEJ"}
+{"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 { type BackgroundColors } from '$/shared/constants'\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  backgroundColor?: BackgroundColors\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  backgroundColor\n}: DynamicFormProps<AType, CType, PType, AuthType>) => {\n  const { submitCallback, onErrorCallback } = 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 {\n    control,\n    handleSubmit,\n    formState: { isValid }\n  } = 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\n        id={widgetIds.form}\n        data-test-id={widgetIds.form}\n        className={cn('w-full', classes?.root, backgroundColor && `desktop:py-[80px]`)}\n        style={{ backgroundColor }}\n      >\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 bg-color-white 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('text-color-dark desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('text-color-dark mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          {ssoAuthorizationTop && withAuthProvider(auth)}\n          <form\n            data-valid={isValid}\n            onSubmit={handleSubmit(onSubmit, (error) => onErrorCallback?.(error))}\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","backgroundColor","submitCallback","onErrorCallback","checked","onCheckedChange","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","isValid","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","QueryClientProvider","jsx","widgetIds","cn","jsxs","ResponsiveContainer","_a","Icon","_b","Heading","withAuthProvider","error","ProgressBar","HTMLRenderer","FieldMapper","withApprovement","button","index","disabled","createElement","Button"],"mappings":"8nHA+DO,MAAMA,GAAc,CAKzB,CACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,CACF,IAAuD,SACrD,KAAM,CAAE,eAAAC,EAAgB,gBAAAC,CAAA,EAAoBP,GAAe,CAAA,EAErD,CAACQ,EAASC,CAAe,EAAIC,EAAuBZ,EAAY,OAAS,WAAaA,EAAY,aAAe,EAAK,EAEtHa,EAASC,EAAiBjB,CAAM,EAChCkB,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CACJ,QAAAI,EACA,aAAAC,EACA,UAAW,CAAE,QAAAC,CAAA,CAAQ,EACnBC,EAAkB,CACpB,OAAAP,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEKM,EAAiBC,EAAkBvB,EAAUF,CAAM,EAEnD0B,EAAoBC,EAAkB,CAAE,QAAAP,EAAS,OAAQI,GAAkB,CAAA,EAAI,OAAAR,EAAQ,EAEvFY,EAAkDC,GAAW,CAC7DlB,GAAgBA,EAAe,CAAE,GAAGkB,EAAQ,MAAOhB,EAAS,CAClE,EAEA,SACGiB,EAAA,CACC,SAAAC,EAAC,UAAA,CACC,GAAIC,EAAU,KACd,eAAcA,EAAU,KACxB,UAAWC,EAAG,SAAU1B,GAAA,YAAAA,EAAS,KAAMG,GAAmB,mBAAmB,EAC7E,MAAO,CAAE,gBAAAA,CAAA,EAET,SAAAwB,EAACC,EAAA,CACC,UAAWF,EACT,yEACA,oFAAA,EAGD,SAAA,CAAA7B,EAAM,SACL8B,EAAC,MAAA,CACC,UAAWD,EACT,4EACA,uDACA,uBACAG,EAAA7B,GAAA,YAAAA,EAAS,QAAT,YAAA6B,EAAgB,IAAA,EAGjB,SAAA,CAAAhC,EAAM,OAAS2B,EAACM,EAAA,CAAK,KAAMjC,EAAM,MAAO,UAAW6B,EAAG,UAAUK,EAAA/B,GAAA,YAAAA,EAAS,QAAT,YAAA+B,EAAgB,IAAI,CAAA,CAAG,EACvFlC,EAAM,OAAA,CAAA,CAAA,EAGX2B,EAACQ,EAAA,CAAQ,GAAG,KAAK,UAAWN,EAAG,iCAAkC1B,GAAA,YAAAA,EAAS,KAAK,EAC5E,SAAAN,CAAA,CACH,EACA8B,EAACQ,EAAA,CAAQ,GAAG,KAAK,UAAWN,EAAG,gCAAiC1B,GAAA,YAAAA,EAAS,KAAK,EAC3E,SAAAN,CAAA,CACH,EACCQ,GAAuB+B,EAAiBlC,CAAI,EAC7C4B,EAAC,OAAA,CACC,aAAYZ,EACZ,SAAUD,EAAaO,EAAWa,GAAU7B,GAAA,YAAAA,EAAkB6B,EAAM,EACpE,UAAWR,EAAG,+BAAgC,kBAAmB1B,GAAA,YAAAA,EAAS,IAAI,EAE7E,SAAA,CAAAL,EAAS,SACR6B,EAACW,EAAA,CACC,SAAUhB,EACV,WAAYK,EAACY,EAAA,CAAa,KAAMzC,EAAS,MAAO,EAChD,cAAe6B,EAACY,EAAA,CAAa,KAAMzC,EAAS,SAAU,EACtD,WAAYA,EAAS,WACrB,QAASK,GAAA,YAAAA,EAAS,WAAA,CAAA,EAGtBwB,EAACa,EAAA,CAAY,QAAAxB,EAAwC,OAAApB,CAAA,CAAgB,EACrEkC,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsE,CACjF,wCAA0CzB,EAAY,SAAW,CAAA,CACnE,EAEA,SAAA,CAAAqC,EAAgB1C,EAAaU,EAASC,EAAiBP,GAAA,YAAAA,EAAS,WAAW,EAC5EwB,EAAC,MAAA,CACC,UAAWE,EAAG,2EAA4E,CACxF,gBAAiBzB,EAAY,SAAW,CAAA,CACzC,EAEA,SAAAA,GAAA,YAAAA,EAAa,IAAI,CAACsC,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAY3C,EAAY,OAAS,WAAa,CAACU,EAAU,GAE1F,OACEoC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAAAC,EACA,UAAWf,EACT,2BACA,CACG,iBAAmBzB,EAAY,SAAW,CAAA,EAE7C,CACE,SAAU,EAAQL,CAAW,EAE/BI,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CAAA,CACH,CAAA,CAAA,EAED,CAACE,GAAuB+B,EAAiBlC,CAAI,CAAA,CAAA,CAAA,CAChD,CAAA,CAAA,CACF,CAAA,EAEJ,CAEJ"}

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

@@ -1,2 +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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Y=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}},Z=(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})]}),_=(r,i)=>r.enabled?i.map(t=>({name:t.args.name,...t.args.progress})):null;export{_ as getFieldsProgress,Z as withApprovement,Y as withAuthProvider};
+import{jsx as m,jsxs as n}from"react/jsx-runtime";import{AuthProvider as p}from"../../authProvider/AuthProvider.js";import{HTMLRenderer as e}from"../../htmlParser/HTMLRenderer.js";import{cn as d}from"../../../shared/utils/cn.js";import"uuid";import"react";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/button/model/helpers.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/loader/model/helpers.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../shared/ui/notification/ui/CustomToast.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const xr=r=>{switch(r==null?void 0:r.mode){case"esia":return m(p,{...r,mode:r==null?void 0:r.mode});case"mobileId":return m(p,{...r,mode:r==null?void 0:r.mode});case"combine":return m(p,{...r,mode:r==null?void 0:r.mode});default:return null}},br=(r,i,t,o)=>r.type==="off"?null:r.type==="text"?m(e,{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(e,{html:r.content,as:"div",className:o==null?void 0:o.content})]}),cr=(r,i)=>r.enabled?i.map(t=>({name:t.args.name,...t.args.progress})):null;export{cr as getFieldsProgress,br as withApprovement,xr as withAuthProvider};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +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":"kxEAUO,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"}
+{"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":"ovFAUO,MAAMA,GAA2CC,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,GAAkB,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,GAAoB,CAC/BC,EACAC,IAEKD,EAAS,QAEPC,EAAO,IAAqCC,IAAW,CAC5D,KAAMA,EAAM,KAAK,KACjB,GAAGA,EAAM,KAAK,QAAA,EACd,EAL4B"}

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

@@ -1,2 +1,2 @@
-import{jsx as m,jsxs as y}from"react/jsx-runtime";import{useState as j,createElement as v}from"react";import{AuthProvider as l}from"../authProvider/AuthProvider.js";import{HTMLRenderer as g}from"../htmlParser/HTMLRenderer.js";import{getDynamicSchema as A}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as b}from"../../shared/utils/cn.js";import{TypeGuards as P}from"../../shared/utils/typeGuards.js";import{useControlledForm as M}from"../../shared/hooks/useControlledForm.js";import"react-hook-form";import{Button as Z}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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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 H}from"../../shared/ui/dialog/Dialog.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as I}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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.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 L}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as Q}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as R}from"../queryClientProvider/QueryClientProvider.js";const T=(r,n,e,o)=>r.type==="off"?null:r.type==="text"?m(g,{html:r.message,as:"div",className:o==null?void 0:o.content}):y("label",{className:b("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(I,{classes:o==null?void 0:o.checkbox,checked:n,onCheckedChange:e}),m(g,{html:r.content,as:"div",className:o==null?void 0:o.content})]}),h=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}},Hr=({fields:r,title:n,approvement:e,submitProps:o,dialogId:k,classes:t,auth:c,buttonGroup:p,ssoAuthorizationTop:a=!1,...w})=>{const{submitCallback:u,onErrorCallback:d}=o??{},[f,N]=j(!1),x=A(r),S=L.getZodDefaults(x),{control:C,handleSubmit:D}=M({schema:x,defaultValues:S,mode:"onBlur"});return m(R,{children:m(H,{id:k,title:n,...w,children:y("form",{onSubmit:D(i=>{u&&u({...i,agree:f})},i=>d==null?void 0:d(i)),className:"flex flex-col gap-6",children:[a&&h(c),m(Q,{control:C,fields:r}),T(e,f,N,t==null?void 0:t.approvement),P.isArrayFilled(p)&&m("div",{className:"flex flex-col gap-4",children:p==null?void 0:p.map((i,B)=>{const F=i.type==="submit"&&e.type==="checkbox"?!f:!1;return v(Z,{...i,size:"lg",key:B,disabled:F,className:b("w-full whitespace-nowrap",{"w-full":!!e},t==null?void 0:t.submit)})})}),!a&&h(c)]})})})};export{Hr as DynamicFormDialog,Hr as default};
+import{jsx as m,jsxs as y}from"react/jsx-runtime";import{useState as j,createElement as v}from"react";import{AuthProvider as l}from"../authProvider/AuthProvider.js";import{HTMLRenderer as g}from"../htmlParser/HTMLRenderer.js";import{getDynamicSchema as A}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as b}from"../../shared/utils/cn.js";import{TypeGuards as P}from"../../shared/utils/typeGuards.js";import"uuid";import{useControlledForm as M}from"../../shared/hooks/useControlledForm.js";import"react-hook-form";import{Button as Z}from"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import{Dialog as H}from"../../shared/ui/dialog/Dialog.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as I}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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";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"zod";import{ZodUtils as L}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as Q}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as R}from"../queryClientProvider/QueryClientProvider.js";const T=(r,n,e,o)=>r.type==="off"?null:r.type==="text"?m(g,{html:r.message,as:"div",className:o==null?void 0:o.content}):y("label",{className:b("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(I,{classes:o==null?void 0:o.checkbox,checked:n,onCheckedChange:e}),m(g,{html:r.content,as:"div",className:o==null?void 0:o.content})]}),h=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}},Gr=({fields:r,title:n,approvement:e,submitProps:o,dialogId:k,classes:t,auth:c,buttonGroup:p,ssoAuthorizationTop:a=!1,...w})=>{const{submitCallback:u,onErrorCallback:d}=o??{},[f,N]=j(!1),x=A(r),S=L.getZodDefaults(x),{control:C,handleSubmit:D}=M({schema:x,defaultValues:S,mode:"onBlur"});return m(R,{children:m(H,{id:k,title:n,...w,children:y("form",{onSubmit:D(i=>{u&&u({...i,agree:f})},i=>d==null?void 0:d(i)),className:"flex flex-col gap-6",children:[a&&h(c),m(Q,{control:C,fields:r}),T(e,f,N,t==null?void 0:t.approvement),P.isArrayFilled(p)&&m("div",{className:"flex flex-col gap-4",children:p==null?void 0:p.map((i,B)=>{const F=i.type==="submit"&&e.type==="checkbox"?!f:!1;return v(Z,{...i,size:"lg",key:B,disabled:F,className:b("w-full whitespace-nowrap",{"w-full":!!e},t==null?void 0:t.submit)})})}),!a&&h(c)]})})})};export{Gr as DynamicFormDialog,Gr 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  onErrorCallback?: <T extends FieldValues>(error: 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, onErrorCallback } = 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, (error) => onErrorCallback?.(error))} 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","onErrorCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","error","FieldMapper","TypeGuards","button","index","disabled","createElement","Button"],"mappings":"w7FAkDA,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,EAAgB,gBAAAC,CAAA,EAAoBN,GAAe,CAAA,EAErD,CAACd,EAASC,CAAe,EAAIoB,EAAuB,EAAK,EAEzDC,EAASC,EAAiBX,CAAM,EAChCY,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,OACErB,EAAC0B,GACC,SAAA1B,EAAC2B,EAAA,CAAO,GAAIf,EAAU,MAAAF,EAAe,GAAGK,EACtC,SAAAb,EAAC,QAAK,SAAUsB,EAPkCI,GAAW,CAC7DZ,GAAgBA,EAAe,CAAE,GAAGY,EAAQ,MAAO/B,EAAS,CAClE,EAK8CgC,GAAUZ,GAAA,YAAAA,EAAkBY,EAAM,EAAG,UAAU,sBACpF,SAAA,CAAAf,GAAuBT,EAAiBC,CAAI,EAC7CN,EAAC8B,EAAA,CAAY,QAAAP,EAAwC,OAAAd,CAAA,CAAgB,EACpEd,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC3EgC,EAAW,cAAclB,CAAW,GACnCb,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAAa,GAAA,YAAAA,EAAa,IAAI,CAACmB,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAYpC,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACEsC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAAAC,EACA,UAAW/B,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"}
+{"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  onErrorCallback?: <T extends FieldValues>(error: 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, onErrorCallback } = 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, (error) => onErrorCallback?.(error))} 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","onErrorCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","error","FieldMapper","TypeGuards","button","index","disabled","createElement","Button"],"mappings":"83GAkDA,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,EAAgB,gBAAAC,CAAA,EAAoBN,GAAe,CAAA,EAErD,CAACd,EAASC,CAAe,EAAIoB,EAAuB,EAAK,EAEzDC,EAASC,EAAiBX,CAAM,EAChCY,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,OACErB,EAAC0B,GACC,SAAA1B,EAAC2B,EAAA,CAAO,GAAIf,EAAU,MAAAF,EAAe,GAAGK,EACtC,SAAAb,EAAC,QAAK,SAAUsB,EAPkCI,GAAW,CAC7DZ,GAAgBA,EAAe,CAAE,GAAGY,EAAQ,MAAO/B,EAAS,CAClE,EAK8CgC,GAAUZ,GAAA,YAAAA,EAAkBY,EAAM,EAAG,UAAU,sBACpF,SAAA,CAAAf,GAAuBT,EAAiBC,CAAI,EAC7CN,EAAC8B,EAAA,CAAY,QAAAP,EAAwC,OAAAd,CAAA,CAAgB,EACpEd,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC3EgC,EAAW,cAAclB,CAAW,GACnCb,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAAa,GAAA,YAAAA,EAAa,IAAI,CAACmB,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAYpC,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACEsC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAAAC,EACA,UAAW/B,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"}

package/dist/lib/widgets/errorPage/ErrorPage.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import{ButtonWithHandlers as f}from"../buttonWithHandlers/ButtonWithHandlers.js";import{TextContainer as n}from"./ui/TextContainer.js";import{ResponsiveContainer as x}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{TypeGuards as e}from"../../shared/utils/typeGuards.js";import"react";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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as h}from"../../shared/ui/customLink/CustomLink.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 tt=({errorText:p,title:m,subtitle:l,buttonProps:s,links:i,images:o,backgroundColor:a="#F4F8FE"})=>t("div",{style:{backgroundColor:a},className:"flex flex-col pb-10 pt-6 desktop:py-20",children:r(x,{className:"flex flex-col desktop:flex-row desktop:justify-between",children:[r("div",{className:"flex flex-col gap-6 desktop:gap-12",children:[r("div",{className:"flex flex-col gap-2 desktop:gap-10",children:[t(n,{errorText:p,subtitle:l,title:m}),e.isObject(o)&&t("div",{className:"flex h-[280px] w-[360px] self-center desktop:hidden",children:t("img",{className:"h-full object-contain",src:o.mobile,alt:o.alt})}),t(f,{className:"mobile:w-full",...s})]}),t("div",{className:"flex flex-row items-center justify-between gap-8 desktop:justify-start",children:e.isArrayFilled(i)&&i.map((c,d)=>t(h,{...c},d))})]}),e.isObject(o)&&t("div",{className:"h-[360px] w-[480px] mobile:hidden",children:t("img",{className:"object-cover",src:o.desktop,alt:o.alt})})]})});export{tt as ErrorPage,tt as default};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{ButtonWithHandlers as f}from"../buttonWithHandlers/ButtonWithHandlers.js";import{TextContainer as n}from"./ui/TextContainer.js";import{ResponsiveContainer as x}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"classnames";import"tailwind-merge";import{TypeGuards as i}from"../../shared/utils/typeGuards.js";import"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as h}from"../../shared/ui/customLink/CustomLink.js";import"../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";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 kt=({errorText:m,title:e,subtitle:l,buttonProps:s,links:p,images:o,backgroundColor:a="#F4F8FE"})=>t("div",{style:{backgroundColor:a},className:"flex flex-col pb-10 pt-6 desktop:py-20",children:r(x,{className:"flex flex-col desktop:flex-row desktop:justify-between",children:[r("div",{className:"flex flex-col gap-6 desktop:gap-12",children:[r("div",{className:"flex flex-col gap-2 desktop:gap-10",children:[t(n,{errorText:m,subtitle:l,title:e}),i.isObject(o)&&t("div",{className:"flex h-[280px] w-[360px] self-center desktop:hidden",children:t("img",{className:"h-full object-contain",src:o.mobile,alt:o.alt})}),t(f,{className:"mobile:w-full",...s})]}),t("div",{className:"flex flex-row items-center justify-between gap-8 desktop:justify-start",children:i.isArrayFilled(p)&&p.map((c,d)=>t(h,{...c},d))})]}),i.isObject(o)&&t("div",{className:"h-[360px] w-[480px] mobile:hidden",children:t("img",{className:"object-cover",src:o.desktop,alt:o.alt})})]})});export{kt as ErrorPage,kt as default};
 //# sourceMappingURL=ErrorPage.js.map

package/dist/lib/widgets/errorPage/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sources":["../../../../lib/widgets/errorPage/ErrorPage.tsx"],"sourcesContent":["import { type BackgroundBannerColors } from '../../shared/constants'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../buttonWithHandlers'\nimport { TextContainer, type TextContainerProps } from './ui/TextContainer'\nimport { type Images } from '$/shared/types/shared-types'\nimport { CustomLink, type CustomLinkProps, ResponsiveContainer } from '$/shared/ui'\nimport { TypeGuards } from '$/shared/utils'\n\nexport interface ErrorPageProps extends TextContainerProps {\n  buttonProps: ButtonWithHandlersProps\n  links: CustomLinkProps[]\n  images: Images\n  backgroundColor?: BackgroundBannerColors\n}\n\nexport const ErrorPage = ({\n  errorText,\n  title,\n  subtitle,\n  buttonProps,\n  links,\n  images,\n  backgroundColor = '#F4F8FE'\n}: ErrorPageProps) => {\n  return (\n    <div style={{ backgroundColor }} className='flex flex-col pb-10 pt-6 desktop:py-20'>\n      <ResponsiveContainer className='flex flex-col desktop:flex-row desktop:justify-between'>\n        <div className='flex flex-col gap-6 desktop:gap-12'>\n          <div className='flex flex-col gap-2 desktop:gap-10'>\n            <TextContainer errorText={errorText} subtitle={subtitle} title={title} />\n\n            {TypeGuards.isObject(images) && (\n              <div className='flex h-[280px] w-[360px] self-center desktop:hidden'>\n                <img className='h-full object-contain' src={images.mobile} alt={images.alt} />\n              </div>\n            )}\n\n            <ButtonWithHandlers className='mobile:w-full' {...buttonProps} />\n          </div>\n          <div className='flex flex-row items-center justify-between gap-8 desktop:justify-start'>\n            {TypeGuards.isArrayFilled(links) && links.map((link, index) => <CustomLink key={index} {...link} />)}\n          </div>\n        </div>\n        {TypeGuards.isObject(images) && (\n          <div className='h-[360px] w-[480px] mobile:hidden'>\n            <img className='object-cover' src={images.desktop} alt={images.alt} />\n          </div>\n        )}\n      </ResponsiveContainer>\n    </div>\n  )\n}\n\nexport default ErrorPage\n"],"names":["ErrorPage","errorText","title","subtitle","buttonProps","links","images","backgroundColor","jsx","jsxs","ResponsiveContainer","TextContainer","TypeGuards","ButtonWithHandlers","link","index","CustomLink"],"mappings":"61EAcO,MAAMA,GAAY,CAAC,CACxB,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,SACpB,IAEIC,EAAC,MAAA,CAAI,MAAO,CAAE,gBAAAD,CAAA,EAAmB,UAAU,yCACzC,SAAAE,EAACC,EAAA,CAAoB,UAAU,yDAC7B,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAD,EAACG,EAAA,CAAc,UAAAV,EAAsB,SAAAE,EAAoB,MAAAD,CAAA,CAAc,EAEtEU,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,sDACb,SAAAA,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKF,EAAO,OAAQ,IAAKA,EAAO,IAAK,EAC9E,EAGFE,EAACK,EAAA,CAAmB,UAAU,gBAAiB,GAAGT,CAAA,CAAa,CAAA,EACjE,IACC,MAAA,CAAI,UAAU,yEACZ,SAAAQ,EAAW,cAAcP,CAAK,GAAKA,EAAM,IAAI,CAACS,EAAMC,IAAUP,EAACQ,EAAA,CAAwB,GAAGF,CAAA,EAAXC,CAAiB,CAAE,CAAA,CACrG,CAAA,EACF,EACCH,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,oCACb,SAAAA,EAAC,MAAA,CAAI,UAAU,eAAe,IAAKF,EAAO,QAAS,IAAKA,EAAO,IAAK,CAAA,CACtE,CAAA,CAAA,CAEJ,CAAA,CACF"}
+{"version":3,"file":"ErrorPage.js","sources":["../../../../lib/widgets/errorPage/ErrorPage.tsx"],"sourcesContent":["import { type BackgroundBannerColors } from '../../shared/constants'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../buttonWithHandlers'\nimport { TextContainer, type TextContainerProps } from './ui/TextContainer'\nimport { type Images } from '$/shared/types/shared-types'\nimport { CustomLink, type CustomLinkProps, ResponsiveContainer } from '$/shared/ui'\nimport { TypeGuards } from '$/shared/utils'\n\nexport interface ErrorPageProps extends TextContainerProps {\n  buttonProps: ButtonWithHandlersProps\n  links: CustomLinkProps[]\n  images: Images\n  backgroundColor?: BackgroundBannerColors\n}\n\nexport const ErrorPage = ({\n  errorText,\n  title,\n  subtitle,\n  buttonProps,\n  links,\n  images,\n  backgroundColor = '#F4F8FE'\n}: ErrorPageProps) => {\n  return (\n    <div style={{ backgroundColor }} className='flex flex-col pb-10 pt-6 desktop:py-20'>\n      <ResponsiveContainer className='flex flex-col desktop:flex-row desktop:justify-between'>\n        <div className='flex flex-col gap-6 desktop:gap-12'>\n          <div className='flex flex-col gap-2 desktop:gap-10'>\n            <TextContainer errorText={errorText} subtitle={subtitle} title={title} />\n\n            {TypeGuards.isObject(images) && (\n              <div className='flex h-[280px] w-[360px] self-center desktop:hidden'>\n                <img className='h-full object-contain' src={images.mobile} alt={images.alt} />\n              </div>\n            )}\n\n            <ButtonWithHandlers className='mobile:w-full' {...buttonProps} />\n          </div>\n          <div className='flex flex-row items-center justify-between gap-8 desktop:justify-start'>\n            {TypeGuards.isArrayFilled(links) && links.map((link, index) => <CustomLink key={index} {...link} />)}\n          </div>\n        </div>\n        {TypeGuards.isObject(images) && (\n          <div className='h-[360px] w-[480px] mobile:hidden'>\n            <img className='object-cover' src={images.desktop} alt={images.alt} />\n          </div>\n        )}\n      </ResponsiveContainer>\n    </div>\n  )\n}\n\nexport default ErrorPage\n"],"names":["ErrorPage","errorText","title","subtitle","buttonProps","links","images","backgroundColor","jsx","jsxs","ResponsiveContainer","TextContainer","TypeGuards","ButtonWithHandlers","link","index","CustomLink"],"mappings":"00FAcO,MAAMA,GAAY,CAAC,CACxB,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,SACpB,IAEIC,EAAC,MAAA,CAAI,MAAO,CAAE,gBAAAD,CAAA,EAAmB,UAAU,yCACzC,SAAAE,EAACC,EAAA,CAAoB,UAAU,yDAC7B,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAD,EAACG,EAAA,CAAc,UAAAV,EAAsB,SAAAE,EAAoB,MAAAD,CAAA,CAAc,EAEtEU,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,sDACb,SAAAA,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKF,EAAO,OAAQ,IAAKA,EAAO,IAAK,EAC9E,EAGFE,EAACK,EAAA,CAAmB,UAAU,gBAAiB,GAAGT,CAAA,CAAa,CAAA,EACjE,IACC,MAAA,CAAI,UAAU,yEACZ,SAAAQ,EAAW,cAAcP,CAAK,GAAKA,EAAM,IAAI,CAACS,EAAMC,IAAUP,EAACQ,EAAA,CAAwB,GAAGF,CAAA,EAAXC,CAAiB,CAAE,CAAA,CACrG,CAAA,EACF,EACCH,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,oCACb,SAAAA,EAAC,MAAA,CAAI,UAAU,eAAe,IAAKF,EAAO,QAAS,IAAKA,EAAO,IAAK,CAAA,CACtE,CAAA,CAAA,CAEJ,CAAA,CACF"}

package/dist/lib/widgets/fallbacksView/FallbacksView.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{cn as m}from"../../shared/utils/cn.js";import"react";import{statusConfig as i}from"./model/helpers.js";import{ResponsiveContainer as p}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as l}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-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as c}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"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const S=({status:r,navigationFn:e})=>o("div",{className:"flex flex-col",children:o(p,{className:"flex flex-col justify-center",children:t("div",{className:"mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12",children:[o("span",{className:m("flex size-16 items-center justify-center rounded-full bg-color-positive-light",`${i()[r].icon.bg}`),children:i()[r].icon.element}),t("div",{className:"flex flex-col items-center gap-2 text-center desktop:gap-6",children:[o(c,{as:"h2",children:i()[r].title}),o("p",{className:"desk-body-regular-l text-color-dark",children:i()[r].description})]}),o(l,{size:"lg",className:"w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]",onClick:e,children:i()[r].button.text})]})})});export{S as FallbacksView};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{cn as p}from"../../shared/utils/cn.js";import"uuid";import"react";import{statusConfig as i}from"./model/helpers.js";import{ResponsiveContainer as e}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as l}from"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import{Heading as c}from"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const no=({status:r,navigationFn:m})=>o("div",{className:"flex flex-col",children:o(e,{className:"flex flex-col justify-center",children:t("div",{className:"mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12",children:[o("span",{className:p("flex size-16 items-center justify-center rounded-full bg-color-positive-light",`${i()[r].icon.bg}`),children:i()[r].icon.element}),t("div",{className:"flex flex-col items-center gap-2 text-center desktop:gap-6",children:[o(c,{as:"h2",children:i()[r].title}),o("p",{className:"desk-body-regular-l text-color-dark",children:i()[r].description})]}),o(l,{size:"lg",className:"w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]",onClick:m,children:i()[r].button.text})]})})});export{no as FallbacksView};
 //# sourceMappingURL=FallbacksView.js.map

package/dist/lib/widgets/fallbacksView/FallbacksView.js.map

@@ -1 +1 @@
-{"version":3,"file":"FallbacksView.js","sources":["../../../../lib/widgets/fallbacksView/FallbacksView.tsx"],"sourcesContent":["import { cn } from '../../shared/utils'\nimport { statusConfig, type StatusVariant } from './model'\nimport { Button, Heading, ResponsiveContainer } from '$/shared/ui'\n\nexport interface FallbacksViewProps {\n  status: StatusVariant\n  navigationFn: (...args: unknown[]) => unknown\n}\n\nexport const FallbacksView = ({ status, navigationFn }: FallbacksViewProps) => {\n  return (\n    <div className='flex flex-col'>\n      <ResponsiveContainer className='flex flex-col justify-center'>\n        <div className='mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12'>\n          <span\n            className={cn(\n              'flex size-16 items-center justify-center rounded-full bg-color-positive-light',\n              `${statusConfig()[status].icon.bg}`\n            )}\n          >\n            {statusConfig()[status].icon.element}\n          </span>\n          <div className='flex flex-col items-center gap-2 text-center desktop:gap-6'>\n            <Heading as='h2'>{statusConfig()[status].title}</Heading>\n            <p className='desk-body-regular-l text-color-dark'>{statusConfig()[status].description}</p>\n          </div>\n          <Button size='lg' className='w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]' onClick={navigationFn}>\n            {statusConfig()[status].button.text}\n          </Button>\n        </div>\n      </ResponsiveContainer>\n    </div>\n  )\n}\n"],"names":["FallbacksView","status","navigationFn","jsx","ResponsiveContainer","jsxs","cn","statusConfig","Heading","Button"],"mappings":"gwEASO,MAAMA,EAAgB,CAAC,CAAE,OAAAC,EAAQ,aAAAC,KAEpCC,EAAC,MAAA,CAAI,UAAU,gBACb,SAAAA,EAACC,EAAA,CAAoB,UAAU,+BAC7B,SAAAC,EAAC,MAAA,CAAI,UAAU,+DACb,SAAA,CAAAF,EAAC,OAAA,CACC,UAAWG,EACT,gFACA,GAAGC,EAAA,EAAeN,CAAM,EAAE,KAAK,EAAE,EAAA,EAGlC,SAAAM,EAAA,EAAeN,CAAM,EAAE,KAAK,OAAA,CAAA,EAE/BI,EAAC,MAAA,CAAI,UAAU,6DACb,SAAA,CAAAF,EAACK,GAAQ,GAAG,KAAM,aAAeP,CAAM,EAAE,MAAM,EAC/CE,EAAC,KAAE,UAAU,sCAAuC,aAAeF,CAAM,EAAE,WAAA,CAAY,CAAA,EACzF,EACAE,EAACM,EAAA,CAAO,KAAK,KAAK,UAAU,qEAAqE,QAASP,EACvG,SAAAK,EAAA,EAAeN,CAAM,EAAE,OAAO,IAAA,CACjC,CAAA,CAAA,CACF,EACF,EACF"}
+{"version":3,"file":"FallbacksView.js","sources":["../../../../lib/widgets/fallbacksView/FallbacksView.tsx"],"sourcesContent":["import { cn } from '../../shared/utils'\nimport { statusConfig, type StatusVariant } from './model'\nimport { Button, Heading, ResponsiveContainer } from '$/shared/ui'\n\nexport interface FallbacksViewProps {\n  status: StatusVariant\n  navigationFn: (...args: unknown[]) => unknown\n}\n\nexport const FallbacksView = ({ status, navigationFn }: FallbacksViewProps) => {\n  return (\n    <div className='flex flex-col'>\n      <ResponsiveContainer className='flex flex-col justify-center'>\n        <div className='mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12'>\n          <span\n            className={cn(\n              'flex size-16 items-center justify-center rounded-full bg-color-positive-light',\n              `${statusConfig()[status].icon.bg}`\n            )}\n          >\n            {statusConfig()[status].icon.element}\n          </span>\n          <div className='flex flex-col items-center gap-2 text-center desktop:gap-6'>\n            <Heading as='h2'>{statusConfig()[status].title}</Heading>\n            <p className='desk-body-regular-l text-color-dark'>{statusConfig()[status].description}</p>\n          </div>\n          <Button size='lg' className='w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]' onClick={navigationFn}>\n            {statusConfig()[status].button.text}\n          </Button>\n        </div>\n      </ResponsiveContainer>\n    </div>\n  )\n}\n"],"names":["FallbacksView","status","navigationFn","jsx","ResponsiveContainer","jsxs","cn","statusConfig","Heading","Button"],"mappings":"2qFASO,MAAMA,GAAgB,CAAC,CAAE,OAAAC,EAAQ,aAAAC,KAEpCC,EAAC,MAAA,CAAI,UAAU,gBACb,SAAAA,EAACC,EAAA,CAAoB,UAAU,+BAC7B,SAAAC,EAAC,MAAA,CAAI,UAAU,+DACb,SAAA,CAAAF,EAAC,OAAA,CACC,UAAWG,EACT,gFACA,GAAGC,EAAA,EAAeN,CAAM,EAAE,KAAK,EAAE,EAAA,EAGlC,SAAAM,EAAA,EAAeN,CAAM,EAAE,KAAK,OAAA,CAAA,EAE/BI,EAAC,MAAA,CAAI,UAAU,6DACb,SAAA,CAAAF,EAACK,GAAQ,GAAG,KAAM,aAAeP,CAAM,EAAE,MAAM,EAC/CE,EAAC,KAAE,UAAU,sCAAuC,aAAeF,CAAM,EAAE,WAAA,CAAY,CAAA,EACzF,EACAE,EAACM,EAAA,CAAO,KAAK,KAAK,UAAU,qEAAqE,QAASP,EACvG,SAAAK,EAAA,EAAeN,CAAM,EAAE,OAAO,IAAA,CACjC,CAAA,CAAA,CACF,EACF,EACF"}

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

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t,Fragment as o}from"react/jsx-runtime";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as r}from"../../../shared/ui/icon/Icon.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=()=>({approve:{icon:{element:t(r,{name:"status/iconMark"}),bg:"bg-color-positive-light"},title:"Ваша заявка отправлена",description:i(o,{children:["В ближайшее время с Вами свяжутся ",t("br",{})," специалисты нашего Банка"]}),button:{text:"Вернуться на главную"}},repeated:{icon:{element:t(r,{name:"status/iconUser"}),bg:"bg-color-positive-light"},title:"Мы вас узнали",description:i(o,{children:["Решение по прошлой заявке ещё активно. ",t("br",{}),"Возвращайтесь к нам позже"]}),button:{text:"Вернуться на главную"}},error:{icon:{element:t(r,{name:"status/iconRetry"}),bg:"bg-color-warning-light"},title:"Что-то пошло не так",description:i(o,{children:["Обновите страницу или попробуйте ",t("br",{})," снова через 5 минут"]}),button:{text:"Обновить страницу"}},reject:{icon:{element:t(r,{name:"status/badSmile"}),bg:"bg-color-negative-light"},title:"Нам очень жаль",description:i(o,{children:["К сожалению, сейчас мы не можем ",t("br",{})," принять вашу заявку"]}),button:{text:"Вернуться на главную"}}});export{H as statusConfig};
+import{jsxs as i,jsx as t,Fragment as o}from"react/jsx-runtime";import"classnames";import"tailwind-merge";import"uuid";import"react";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/button/model/helpers.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/loader/model/helpers.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../shared/ui/notification/ui/CustomToast.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as r}from"../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";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 mt=()=>({approve:{icon:{element:t(r,{name:"status/iconMark"}),bg:"bg-color-positive-light"},title:"Ваша заявка отправлена",description:i(o,{children:["В ближайшее время с Вами свяжутся ",t("br",{})," специалисты нашего Банка"]}),button:{text:"Вернуться на главную"}},repeated:{icon:{element:t(r,{name:"status/iconUser"}),bg:"bg-color-positive-light"},title:"Мы вас узнали",description:i(o,{children:["Решение по прошлой заявке ещё активно. ",t("br",{}),"Возвращайтесь к нам позже"]}),button:{text:"Вернуться на главную"}},error:{icon:{element:t(r,{name:"status/iconRetry"}),bg:"bg-color-warning-light"},title:"Что-то пошло не так",description:i(o,{children:["Обновите страницу или попробуйте ",t("br",{})," снова через 5 минут"]}),button:{text:"Обновить страницу"}},reject:{icon:{element:t(r,{name:"status/badSmile"}),bg:"bg-color-negative-light"},title:"Нам очень жаль",description:i(o,{children:["К сожалению, сейчас мы не можем ",t("br",{})," принять вашу заявку"]}),button:{text:"Вернуться на главную"}}});export{mt as statusConfig};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/fallbacksView/model/helpers.tsx"],"sourcesContent":["import { type StatusConfig, type StatusVariant } from './types'\nimport { Icon } from '$/shared/ui'\n\nexport const statusConfig = (): Record<StatusVariant, StatusConfig> => {\n  return {\n    approve: {\n      icon: {\n        element: <Icon name='status/iconMark' />,\n        bg: 'bg-color-positive-light'\n      },\n      title: 'Ваша заявка отправлена',\n      description: (\n        <>\n          В ближайшее время с Вами свяжутся <br /> специалисты нашего Банка\n        </>\n      ),\n      button: {\n        text: 'Вернуться на главную'\n      }\n    },\n    repeated: {\n      icon: {\n        element: <Icon name='status/iconUser' />,\n        bg: 'bg-color-positive-light'\n      },\n      title: 'Мы вас узнали',\n      description: (\n        <>\n          Решение по прошлой заявке ещё активно. <br />\n          Возвращайтесь к нам позже\n        </>\n      ),\n      button: {\n        text: 'Вернуться на главную'\n      }\n    },\n    error: {\n      icon: {\n        element: <Icon name='status/iconRetry' />,\n        bg: 'bg-color-warning-light'\n      },\n      title: 'Что-то пошло не так',\n      description: (\n        <>\n          Обновите страницу или попробуйте <br /> снова через 5 минут\n        </>\n      ),\n      button: {\n        text: 'Обновить страницу'\n      }\n    },\n    reject: {\n      icon: {\n        element: <Icon name='status/badSmile' />,\n        bg: 'bg-color-negative-light'\n      },\n      title: 'Нам очень жаль',\n      description: (\n        <>\n          К сожалению, сейчас мы не можем <br /> принять вашу заявку\n        </>\n      ),\n      button: {\n        text: 'Вернуться на главную'\n      }\n    }\n  }\n}\n"],"names":["statusConfig","jsx","Icon","jsxs","Fragment"],"mappings":"6oEAGO,MAAMA,EAAe,KACnB,CACL,QAAS,CACP,KAAM,CACJ,QAASC,EAACC,EAAA,CAAK,KAAK,iBAAA,CAAkB,EACtC,GAAI,yBAAA,EAEN,MAAO,yBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,uCACmC,KAAA,EAAG,EAAE,2BAAA,EAC1C,EAEF,OAAQ,CACN,KAAM,sBAAA,CACR,EAEF,SAAU,CACR,KAAM,CACJ,QAASH,EAACC,EAAA,CAAK,KAAK,iBAAA,CAAkB,EACtC,GAAI,yBAAA,EAEN,MAAO,gBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,4CACwC,KAAA,EAAG,EAAE,2BAAA,EAE/C,EAEF,OAAQ,CACN,KAAM,sBAAA,CACR,EAEF,MAAO,CACL,KAAM,CACJ,QAASH,EAACC,EAAA,CAAK,KAAK,kBAAA,CAAmB,EACvC,GAAI,wBAAA,EAEN,MAAO,sBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,sCACkC,KAAA,EAAG,EAAE,sBAAA,EACzC,EAEF,OAAQ,CACN,KAAM,mBAAA,CACR,EAEF,OAAQ,CACN,KAAM,CACJ,QAASH,EAACC,EAAA,CAAK,KAAK,iBAAA,CAAkB,EACtC,GAAI,yBAAA,EAEN,MAAO,iBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,qCACiC,KAAA,EAAG,EAAE,sBAAA,EACxC,EAEF,OAAQ,CACN,KAAM,sBAAA,CACR,CACF"}
+{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/fallbacksView/model/helpers.tsx"],"sourcesContent":["import { type StatusConfig, type StatusVariant } from './types'\nimport { Icon } from '$/shared/ui'\n\nexport const statusConfig = (): Record<StatusVariant, StatusConfig> => {\n  return {\n    approve: {\n      icon: {\n        element: <Icon name='status/iconMark' />,\n        bg: 'bg-color-positive-light'\n      },\n      title: 'Ваша заявка отправлена',\n      description: (\n        <>\n          В ближайшее время с Вами свяжутся <br /> специалисты нашего Банка\n        </>\n      ),\n      button: {\n        text: 'Вернуться на главную'\n      }\n    },\n    repeated: {\n      icon: {\n        element: <Icon name='status/iconUser' />,\n        bg: 'bg-color-positive-light'\n      },\n      title: 'Мы вас узнали',\n      description: (\n        <>\n          Решение по прошлой заявке ещё активно. <br />\n          Возвращайтесь к нам позже\n        </>\n      ),\n      button: {\n        text: 'Вернуться на главную'\n      }\n    },\n    error: {\n      icon: {\n        element: <Icon name='status/iconRetry' />,\n        bg: 'bg-color-warning-light'\n      },\n      title: 'Что-то пошло не так',\n      description: (\n        <>\n          Обновите страницу или попробуйте <br /> снова через 5 минут\n        </>\n      ),\n      button: {\n        text: 'Обновить страницу'\n      }\n    },\n    reject: {\n      icon: {\n        element: <Icon name='status/badSmile' />,\n        bg: 'bg-color-negative-light'\n      },\n      title: 'Нам очень жаль',\n      description: (\n        <>\n          К сожалению, сейчас мы не можем <br /> принять вашу заявку\n        </>\n      ),\n      button: {\n        text: 'Вернуться на главную'\n      }\n    }\n  }\n}\n"],"names":["statusConfig","jsx","Icon","jsxs","Fragment"],"mappings":"soFAGO,MAAMA,GAAe,KACnB,CACL,QAAS,CACP,KAAM,CACJ,QAASC,EAACC,EAAA,CAAK,KAAK,iBAAA,CAAkB,EACtC,GAAI,yBAAA,EAEN,MAAO,yBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,uCACmC,KAAA,EAAG,EAAE,2BAAA,EAC1C,EAEF,OAAQ,CACN,KAAM,sBAAA,CACR,EAEF,SAAU,CACR,KAAM,CACJ,QAASH,EAACC,EAAA,CAAK,KAAK,iBAAA,CAAkB,EACtC,GAAI,yBAAA,EAEN,MAAO,gBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,4CACwC,KAAA,EAAG,EAAE,2BAAA,EAE/C,EAEF,OAAQ,CACN,KAAM,sBAAA,CACR,EAEF,MAAO,CACL,KAAM,CACJ,QAASH,EAACC,EAAA,CAAK,KAAK,kBAAA,CAAmB,EACvC,GAAI,wBAAA,EAEN,MAAO,sBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,sCACkC,KAAA,EAAG,EAAE,sBAAA,EACzC,EAEF,OAAQ,CACN,KAAM,mBAAA,CACR,EAEF,OAAQ,CACN,KAAM,CACJ,QAASH,EAACC,EAAA,CAAK,KAAK,iBAAA,CAAkB,EACtC,GAAI,yBAAA,EAEN,MAAO,iBACP,YACEC,EAAAC,EAAA,CAAE,SAAA,CAAA,qCACiC,KAAA,EAAG,EAAE,sBAAA,EACxC,EAEF,OAAQ,CACN,KAAM,sBAAA,CACR,CACF"}

package/dist/lib/widgets/fieldMapper/FieldMapper.js

@@ -1,2 +1,2 @@
-import{createElement as i}from"react";import"react/jsx-runtime";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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{Controlled as n}from"../../shared/ui/formElements/controlled/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const P=({fields:m,control:p})=>m.map(({type:o,args:r})=>{const t=n[o];return t?i(t,{...r,key:r.name,control:p}):(console.warn(`Cannot find component for type ${o}, skip.`),null)});export{P as FieldMapper};
+import{createElement as i}from"react";import"react/jsx-runtime";import"classnames";import"tailwind-merge";import"uuid";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import{Controlled as n}from"../../shared/ui/formElements/controlled/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const eo=({fields:m,control:p})=>m.map(({type:o,args:r})=>{const t=n[o];return t?i(t,{...r,key:r.name,control:p}):(console.warn(`Cannot find component for type ${o}, skip.`),null)});export{eo as FieldMapper};
 //# sourceMappingURL=FieldMapper.js.map

package/dist/lib/widgets/fieldMapper/FieldMapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMapper.js","sources":["../../../../lib/widgets/fieldMapper/FieldMapper.tsx"],"sourcesContent":["import { type Control, type FieldValues } from 'react-hook-form'\nimport type { FieldElement } from './model/types'\nimport { Controlled } from '$/shared/ui'\n\ntype FieldMapperProps<TFieldValues extends FieldValues> = {\n  control: Control<TFieldValues>\n  fields: FieldElement<TFieldValues>[]\n}\n\nexport const FieldMapper = <TFieldValues extends FieldValues>({ fields, control }: FieldMapperProps<TFieldValues>) => {\n  return fields.map(({ type, args }) => {\n    const Component = Controlled[type] as React.ComponentType<typeof args>\n\n    if (!Component) {\n      console.warn(`Cannot find component for type ${type}, skip.`)\n      return null\n    }\n\n    return <Component {...args} key={args.name} control={control as Control} />\n  })\n}\n"],"names":["FieldMapper","fields","control","type","args","Component","Controlled"],"mappings":"+jEASO,MAAMA,EAAc,CAAmC,CAAE,OAAAC,EAAQ,QAAAC,KAC/DD,EAAO,IAAI,CAAC,CAAE,KAAAE,EAAM,KAAAC,KAAW,CACpC,MAAMC,EAAYC,EAAWH,CAAI,EAEjC,OAAKE,IAKGA,EAAA,CAAW,GAAGD,EAAM,IAAKA,EAAK,KAAM,QAAAF,EAA6B,GAJvE,QAAQ,KAAK,kCAAkCC,CAAI,SAAS,EACrD,KAIX,CAAC"}
+{"version":3,"file":"FieldMapper.js","sources":["../../../../lib/widgets/fieldMapper/FieldMapper.tsx"],"sourcesContent":["import { type Control, type FieldValues } from 'react-hook-form'\nimport type { FieldElement } from './model/types'\nimport { Controlled } from '$/shared/ui'\n\ntype FieldMapperProps<TFieldValues extends FieldValues> = {\n  control: Control<TFieldValues>\n  fields: FieldElement<TFieldValues>[]\n}\n\nexport const FieldMapper = <TFieldValues extends FieldValues>({ fields, control }: FieldMapperProps<TFieldValues>) => {\n  return fields.map(({ type, args }) => {\n    const Component = Controlled[type] as React.ComponentType<typeof args>\n\n    if (!Component) {\n      console.warn(`Cannot find component for type ${type}, skip.`)\n      return null\n    }\n\n    return <Component {...args} key={args.name} control={control as Control} />\n  })\n}\n"],"names":["FieldMapper","fields","control","type","args","Component","Controlled"],"mappings":"4iFASO,MAAMA,GAAc,CAAmC,CAAE,OAAAC,EAAQ,QAAAC,KAC/DD,EAAO,IAAI,CAAC,CAAE,KAAAE,EAAM,KAAAC,KAAW,CACpC,MAAMC,EAAYC,EAAWH,CAAI,EAEjC,OAAKE,IAKGA,EAAA,CAAW,GAAGD,EAAM,IAAKA,EAAK,KAAM,QAAAF,EAA6B,GAJvE,QAAQ,KAAK,kCAAkCC,CAAI,SAAS,EACrD,KAIX,CAAC"}

package/dist/lib/widgets/footer/Footer.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{widgetIds as n}from"../model/helpers.js";import{SocialLinks as k}from"./ui/SocialLinks.js";import{PhonesBlock as x}from"./ui/PhonesBlock.js";import{NavLinks as g}from"./ui/NavLinks.js";import{Copyright as h}from"./ui/Copyright.js";import{FooterLogo as y}from"./ui/FooterLogo.js";import{SiteMap as u}from"./ui/SiteMap.js";import{Ligal as v}from"./ui/Ligal.js";import{ResponsiveContainer as L}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as t}from"../../shared/utils/cn.js";import{TypeGuards as N}from"../../shared/utils/typeGuards.js";import"react";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/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const ko=({socialsLinks:p,phones:m,ligal:d,copyright:f,classes:o,details:e,siteMap:b=!0})=>r("footer",{id:n.footer,"data-test-id":n.footer,className:t("w-full bg-color-footer py-8 desktop:py-10",o==null?void 0:o.root),children:r(L,{className:t(o==null?void 0:o.footerContainer),children:i("div",{className:t("mobile:pb-[176px]",o==null?void 0:o.footerWrapper),children:[i("div",{className:t("flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",o==null?void 0:o.footerHead),children:[i("div",{className:t(o==null?void 0:o.footerSocialBlock),children:[r(y,{classes:o==null?void 0:o.footerLogo}),p.enabled&&r(k,{socialsLinks:p.links,classes:o==null?void 0:o.socialLinks})]}),m.enabled&&r(x,{phones:m.items,classes:o==null?void 0:o.phonesBlock})]}),!N.isArrayEmpty(e)&&r(g,{details:e,classes:o==null?void 0:o.navLinks}),d.enabled&&r(v,{text:d.text}),i("div",{className:t("mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",o==null?void 0:o.footerBottom),children:[f.enabled&&r(h,{text:f.text,classes:o==null?void 0:o.copyright}),b&&r(u,{classes:o==null?void 0:o.siteMap})]})]})})});export{ko as Footer,ko as default};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{widgetIds as n}from"../model/helpers.js";import{SocialLinks as k}from"./ui/SocialLinks.js";import{PhonesBlock as x}from"./ui/PhonesBlock.js";import{NavLinks as g}from"./ui/NavLinks.js";import{Copyright as h}from"./ui/Copyright.js";import{FooterLogo as y}from"./ui/FooterLogo.js";import{SiteMap as u}from"./ui/SiteMap.js";import{Ligal as v}from"./ui/Ligal.js";import{ResponsiveContainer as L}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as t}from"../../shared/utils/cn.js";import{TypeGuards as N}from"../../shared/utils/typeGuards.js";import"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.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"@radix-ui/react-radio-group";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"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Ho=({socialsLinks:p,phones:m,ligal:d,copyright:f,classes:o,details:e,siteMap:b=!0})=>r("footer",{id:n.footer,"data-test-id":n.footer,className:t("w-full bg-color-footer py-8 desktop:py-10",o==null?void 0:o.root),children:r(L,{className:t(o==null?void 0:o.footerContainer),children:i("div",{className:t("mobile:pb-[176px]",o==null?void 0:o.footerWrapper),children:[i("div",{className:t("flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",o==null?void 0:o.footerHead),children:[i("div",{className:t(o==null?void 0:o.footerSocialBlock),children:[r(y,{classes:o==null?void 0:o.footerLogo}),p.enabled&&r(k,{socialsLinks:p.links,classes:o==null?void 0:o.socialLinks})]}),m.enabled&&r(x,{phones:m.items,classes:o==null?void 0:o.phonesBlock})]}),!N.isArrayEmpty(e)&&r(g,{details:e,classes:o==null?void 0:o.navLinks}),d.enabled&&r(v,{text:d.text}),i("div",{className:t("mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",o==null?void 0:o.footerBottom),children:[f.enabled&&r(h,{text:f.text,classes:o==null?void 0:o.copyright}),b&&r(u,{classes:o==null?void 0:o.siteMap})]})]})})});export{Ho as Footer,Ho as default};
 //# sourceMappingURL=Footer.js.map