@scbt-ecom/ui 0.96.4 → 0.96.5

package/dist/lib/widgets/calculator/ui/calculatorFields/ui/CalculatorModal.js

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as o}from"react/jsx-runtime";import"react";import{useBoolean as c}from"../../../../../shared/hooks/useBoolean.js";import{cn as i}from"../../../../../shared/utils/cn.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{Modal as a}from"../../../../../shared/ui/modal/Modal.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"react-dom";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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const f=t=>{switch(t){case"content1":return o("div",{children:"content 1"});case"content2":return o("div",{children:"content 2"})}},U=({triggerText:t,modalTitle:e,description:m,classes:r,modalProps:n,contentVariant:d})=>{const[l,p]=c(!1);return u("div",{className:i("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4",r==null?void 0:r.wrapper),children:[m&&o("p",{className:i("desk-body-regular-l text-color-tetriary",r==null?void 0:r.description),children:m}),o("button",{onClick:()=>p(!0),className:i("desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",r==null?void 0:r.button),children:t}),o(a,{title:e,isModalOpen:l,closeModal:()=>p(!1),...n,children:f(d)})]})};export{U as CalculatorModal};
+import{jsxs as u,jsx as o}from"react/jsx-runtime";import"react";import{useBoolean as c}from"../../../../../shared/hooks/useBoolean.js";import{cn as i}from"../../../../../shared/utils/cn.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{Modal as a}from"../../../../../shared/ui/modal/Modal.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"react-dom";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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const f=t=>{switch(t){case"content1":return o("div",{children:"content 1"});case"content2":return o("div",{children:"content 2"})}},U=({triggerText:t,modalTitle:e,description:m,classes:r,modalProps:n,contentVariant:d})=>{const[l,p]=c(!1);return u("div",{className:i("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4",r==null?void 0:r.wrapper),children:[m&&o("p",{className:i("desk-body-regular-l text-color-tetriary",r==null?void 0:r.description),children:m}),o("button",{onClick:()=>p(!0),className:i("desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",r==null?void 0:r.button),children:t}),o(a,{title:e,isModalOpen:l,closeModal:()=>p(!1),...n,children:f(d)})]})};export{U as CalculatorModal};
 //# sourceMappingURL=CalculatorModal.js.map

package/dist/lib/widgets/calculator/ui/calculatorFields/ui/CalculatorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorModal.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorFields/ui/CalculatorModal.tsx"],"sourcesContent":["import type { ModalContentVariant } from '../../../model'\nimport { useBoolean } from '$/shared/hooks'\nimport { Modal, type ModalProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorModalClasses = {\n  wrapper?: string\n  description?: string\n  button?: string\n}\n\nexport interface CalculatorModalProps {\n  triggerText: string\n  contentVariant: ModalContentVariant\n  modalTitle?: string\n  description?: string\n  classes?: CalculatorModalClasses\n  modalProps?: ModalProps\n}\n\nconst renderModalContent = (contentVariant: ModalContentVariant) => {\n  switch (contentVariant) {\n    case 'content1':\n      return <div>content 1</div>\n    case 'content2':\n      return <div>content 2</div>\n  }\n}\n\nexport const CalculatorModal = ({\n  triggerText,\n  modalTitle,\n  description,\n  classes,\n  modalProps,\n  contentVariant\n}: CalculatorModalProps) => {\n  const [isModalOpen, modalSetter] = useBoolean(false)\n\n  return (\n    <div className={cn('flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4', classes?.wrapper)}>\n      {description && <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{description}</p>}\n      <button\n        onClick={() => modalSetter(true)}\n        className={cn(\n          'desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4',\n          classes?.button\n        )}\n      >\n        {triggerText}\n      </button>\n      <Modal title={modalTitle} isModalOpen={isModalOpen} closeModal={() => modalSetter(false)} {...modalProps}>\n        {renderModalContent(contentVariant)}\n      </Modal>\n    </div>\n  )\n}\n"],"names":["renderModalContent","contentVariant","jsx","CalculatorModal","triggerText","modalTitle","description","classes","modalProps","isModalOpen","modalSetter","useBoolean","cn","Modal"],"mappings":"6hEAoBA,MAAMA,EAAsBC,GAAwC,CAClE,OAAQA,EAAA,CACN,IAAK,WACH,OAAOC,EAAC,OAAI,SAAA,WAAA,CAAS,EACvB,IAAK,WACH,OAAOA,EAAC,OAAI,SAAA,WAAA,CAAS,CAAA,CAE3B,EAEaC,EAAkB,CAAC,CAC9B,YAAAC,EACA,WAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,eAAAP,CACF,IAA4B,CAC1B,KAAM,CAACQ,EAAaC,CAAW,EAAIC,EAAW,EAAK,EAEnD,SACG,MAAA,CAAI,UAAWC,EAAG,4DAA6DL,GAAA,YAAAA,EAAS,OAAO,EAC7F,SAAA,CAAAD,GAAeJ,EAAC,KAAE,UAAWU,EAAG,0CAA2CL,GAAA,YAAAA,EAAS,WAAW,EAAI,SAAAD,CAAA,CAAY,EAChHJ,EAAC,SAAA,CACC,QAAS,IAAMQ,EAAY,EAAI,EAC/B,UAAWE,EACT,mGACAL,GAAA,YAAAA,EAAS,MAAA,EAGV,SAAAH,CAAA,CAAA,EAEHF,EAACW,EAAA,CAAM,MAAOR,EAAY,YAAAI,EAA0B,WAAY,IAAMC,EAAY,EAAK,EAAI,GAAGF,EAC3F,SAAAR,EAAmBC,CAAc,CAAA,CACpC,CAAA,EACF,CAEJ"}
+{"version":3,"file":"CalculatorModal.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorFields/ui/CalculatorModal.tsx"],"sourcesContent":["import type { ModalContentVariant } from '../../../model'\nimport { useBoolean } from '$/shared/hooks'\nimport { Modal, type ModalProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorModalClasses = {\n  wrapper?: string\n  description?: string\n  button?: string\n}\n\nexport interface CalculatorModalProps {\n  triggerText: string\n  contentVariant: ModalContentVariant\n  modalTitle?: string\n  description?: string\n  classes?: CalculatorModalClasses\n  modalProps?: ModalProps\n}\n\nconst renderModalContent = (contentVariant: ModalContentVariant) => {\n  switch (contentVariant) {\n    case 'content1':\n      return <div>content 1</div>\n    case 'content2':\n      return <div>content 2</div>\n  }\n}\n\nexport const CalculatorModal = ({\n  triggerText,\n  modalTitle,\n  description,\n  classes,\n  modalProps,\n  contentVariant\n}: CalculatorModalProps) => {\n  const [isModalOpen, modalSetter] = useBoolean(false)\n\n  return (\n    <div className={cn('flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4', classes?.wrapper)}>\n      {description && <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{description}</p>}\n      <button\n        onClick={() => modalSetter(true)}\n        className={cn(\n          'desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4',\n          classes?.button\n        )}\n      >\n        {triggerText}\n      </button>\n      <Modal title={modalTitle} isModalOpen={isModalOpen} closeModal={() => modalSetter(false)} {...modalProps}>\n        {renderModalContent(contentVariant)}\n      </Modal>\n    </div>\n  )\n}\n"],"names":["renderModalContent","contentVariant","jsx","CalculatorModal","triggerText","modalTitle","description","classes","modalProps","isModalOpen","modalSetter","useBoolean","cn","Modal"],"mappings":"iiEAoBA,MAAMA,EAAsBC,GAAwC,CAClE,OAAQA,EAAA,CACN,IAAK,WACH,OAAOC,EAAC,OAAI,SAAA,WAAA,CAAS,EACvB,IAAK,WACH,OAAOA,EAAC,OAAI,SAAA,WAAA,CAAS,CAAA,CAE3B,EAEaC,EAAkB,CAAC,CAC9B,YAAAC,EACA,WAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,eAAAP,CACF,IAA4B,CAC1B,KAAM,CAACQ,EAAaC,CAAW,EAAIC,EAAW,EAAK,EAEnD,SACG,MAAA,CAAI,UAAWC,EAAG,4DAA6DL,GAAA,YAAAA,EAAS,OAAO,EAC7F,SAAA,CAAAD,GAAeJ,EAAC,KAAE,UAAWU,EAAG,0CAA2CL,GAAA,YAAAA,EAAS,WAAW,EAAI,SAAAD,CAAA,CAAY,EAChHJ,EAAC,SAAA,CACC,QAAS,IAAMQ,EAAY,EAAI,EAC/B,UAAWE,EACT,mGACAL,GAAA,YAAAA,EAAS,MAAA,EAGV,SAAAH,CAAA,CAAA,EAEHF,EAACW,EAAA,CAAM,MAAOR,EAAY,YAAAI,EAA0B,WAAY,IAAMC,EAAY,EAAK,EAAI,GAAGF,EAC3F,SAAAR,EAAmBC,CAAc,CAAA,CACpC,CAAA,EACF,CAEJ"}

package/dist/lib/widgets/calculator/ui/calculatorFields/ui/FieldsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldsGroup.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorFields/ui/FieldsGroup.tsx"],"sourcesContent":["import { type FieldValues, useFormContext } from 'react-hook-form'\nimport { type FieldElementWithoutControl, FieldMapper } from '../../../../fieldMapper'\nimport type { FieldValidation } from '@/shared/utils'\nimport { type SliderAdditionalProps } from '$/shared/ui/formElements/uncontrolled/slider'\n\nexport type ValidationField = { validation: FieldValidation }\n\nexport interface SelectGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'SelectControl', ValidationField>[]\n}\n\nexport interface CheckboxGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'CheckboxControl', ValidationField>[]\n}\n\ntype RadioGroupFields<T extends FieldValues> = FieldElementWithoutControl<\n  T,\n  'RadioGroupTabControl' | 'RadioGroupControl' | 'RadioGroupCardControl',\n  ValidationField\n>[]\n\nexport interface RadioGroupProps<T extends FieldValues> {\n  fields: RadioGroupFields<T>\n}\n\nexport interface SlidersGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'SliderControl', ValidationField>[]\n}\n\nexport interface SwitchGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'SwitchControl', ValidationField>[]\n}\n\nexport interface AdditionalSliderGroupConfig<T extends FieldValues> {\n  args: SliderAdditionalProps<T>\n  type: 'SliderControl'\n}\n\nexport type FieldsGroupProps<T extends FieldValues> =\n  | SelectGroupProps<T>\n  | CheckboxGroupProps<T>\n  | RadioGroupProps<T>\n  | SlidersGroupProps<T>\n  | SwitchGroupProps<T>\n\nexport const FieldsGroup = <T extends FieldValues>({ fields }: FieldsGroupProps<T>) => {\n  const { control } = useFormContext<T>()\n\n  // @ts-expect-error fields\n  return <FieldMapper fields={fields} control={control} />\n}\n"],"names":["FieldsGroup","fields","control","useFormContext","jsx","FieldMapper"],"mappings":"+MA6CO,MAAMA,EAAc,CAAwB,CAAE,OAAAC,KAAkC,CACrF,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAA,EAGpB,OAAOC,EAACC,EAAA,CAAY,OAAAJ,EAAgB,QAAAC,CAAA,CAAkB,CACxD"}
+{"version":3,"file":"FieldsGroup.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorFields/ui/FieldsGroup.tsx"],"sourcesContent":["import { type FieldValues, useFormContext } from 'react-hook-form'\nimport { type FieldElementWithoutControl, FieldMapper } from '../../../../fieldMapper'\nimport type { FieldValidation } from '@/shared/utils'\nimport { type SliderAdditionalProps } from '$/shared/ui/formElements/uncontrolled/slider'\n\nexport type ValidationField = { validation: FieldValidation }\n\nexport interface SelectGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'ComboboxControl', ValidationField>[]\n}\n\nexport interface CheckboxGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'CheckboxControl', ValidationField>[]\n}\n\ntype RadioGroupFields<T extends FieldValues> = FieldElementWithoutControl<\n  T,\n  'RadioGroupTabControl' | 'RadioGroupControl' | 'RadioGroupCardControl',\n  ValidationField\n>[]\n\nexport interface RadioGroupProps<T extends FieldValues> {\n  fields: RadioGroupFields<T>\n}\n\nexport interface SlidersGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'SliderControl', ValidationField>[]\n}\n\nexport interface SwitchGroupProps<T extends FieldValues> {\n  fields: FieldElementWithoutControl<T, 'SwitchControl', ValidationField>[]\n}\n\nexport interface AdditionalSliderGroupConfig<T extends FieldValues> {\n  args: SliderAdditionalProps<T>\n  type: 'SliderControl'\n}\n\nexport type FieldsGroupProps<T extends FieldValues> =\n  | SelectGroupProps<T>\n  | CheckboxGroupProps<T>\n  | RadioGroupProps<T>\n  | SlidersGroupProps<T>\n  | SwitchGroupProps<T>\n\nexport const FieldsGroup = <T extends FieldValues>({ fields }: FieldsGroupProps<T>) => {\n  const { control } = useFormContext<T>()\n\n  // @ts-expect-error fields\n  return <FieldMapper fields={fields} control={control} />\n}\n"],"names":["FieldsGroup","fields","control","useFormContext","jsx","FieldMapper"],"mappings":"+MA6CO,MAAMA,EAAc,CAAwB,CAAE,OAAAC,KAAkC,CACrF,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAA,EAGpB,OAAOC,EAACC,EAAA,CAAY,OAAAJ,EAAgB,QAAAC,CAAA,CAAkB,CACxD"}

package/dist/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.js

@@ -1,2 +1,2 @@
-import{jsxs as I,jsx as r}from"react/jsx-runtime";import{CalculatorInfoHead as x}from"./ui/CalculatorInfoHead.js";import{CalculatedBlock as C}from"./ui/CalculatedBlock.js";import{CalculatorInfoBody as a}from"./ui/CalculatorInfoBody.js";import{CalculatorInfoFooter as b}from"./ui/CalculatorInfoFooter.js";import{cn as y}from"../../../../shared/utils/cn.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";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const $=({rootDescription:t,bottomDescription:m,rootValue:p,title:i,subtitle:f,buttonsConfig:u,infoList:d,suffix:n,assistHint:l,classes:o})=>I("div",{className:y("w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8",o==null?void 0:o.wrapper),children:[r(C,{suffix:n,rootValue:p,rootDescription:t,classes:o==null?void 0:o.calculatedBlock}),r(x,{title:i,subtitle:f,classes:o==null?void 0:o.calculatedInfoHead}),r(a,{infoList:d,classes:o==null?void 0:o.calculatorInfoBody}),r(b,{assistHint:l,buttonsConfig:u,bottomDescription:m,classes:o==null?void 0:o.calculatorInfoFooter})]});export{$ as CalculatorInfo};
+import{jsxs as I,jsx as r}from"react/jsx-runtime";import{CalculatorInfoHead as x}from"./ui/CalculatorInfoHead.js";import{CalculatedBlock as C}from"./ui/CalculatedBlock.js";import{CalculatorInfoBody as a}from"./ui/CalculatorInfoBody.js";import{CalculatorInfoFooter as b}from"./ui/CalculatorInfoFooter.js";import{cn as y}from"../../../../shared/utils/cn.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";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const $=({rootDescription:t,bottomDescription:m,rootValue:p,title:i,subtitle:f,buttonsConfig:u,infoList:d,suffix:n,assistHint:l,classes:o})=>I("div",{className:y("w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8",o==null?void 0:o.wrapper),children:[r(C,{suffix:n,rootValue:p,rootDescription:t,classes:o==null?void 0:o.calculatedBlock}),r(x,{title:i,subtitle:f,classes:o==null?void 0:o.calculatedInfoHead}),r(a,{infoList:d,classes:o==null?void 0:o.calculatorInfoBody}),r(b,{assistHint:l,buttonsConfig:u,bottomDescription:m,classes:o==null?void 0:o.calculatorInfoFooter})]});export{$ as CalculatorInfo};
 //# sourceMappingURL=CalculatorInfo.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorInfo.js","sources":["../../../../../../lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.tsx"],"sourcesContent":["import {\n  CalculatedBlock,\n  type CalculatedBlockClasses,\n  type CalculatedBlockProps,\n  type CalculatedInfoBodyProps,\n  CalculatorInfoBody,\n  type CalculatorInfoBodyClasses,\n  CalculatorInfoFooter,\n  type CalculatorInfoFooterClasses,\n  type CalculatorInfoFooterProps,\n  CalculatorInfoHead,\n  type CalculatorInfoHeadClasses,\n  type CalculatorInfoHeadProps\n} from './ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoClasses = {\n  wrapper?: string\n  calculatedBlock?: CalculatedBlockClasses\n  calculatedInfoHead?: CalculatorInfoHeadClasses\n  calculatorInfoBody?: CalculatorInfoBodyClasses\n  calculatorInfoFooter?: CalculatorInfoFooterClasses\n}\n\nexport interface CalculatorInfoProps\n  extends Omit<CalculatedBlockProps, 'classes'>,\n    Omit<CalculatorInfoHeadProps, 'classes'>,\n    Omit<CalculatedInfoBodyProps, 'classes'>,\n    Omit<CalculatorInfoFooterProps, 'classes'> {\n  classes?: CalculatorInfoClasses\n}\n\nexport const CalculatorInfo = ({\n  rootDescription,\n  bottomDescription,\n  rootValue,\n  title,\n  subtitle,\n  buttonsConfig,\n  infoList,\n  suffix,\n  assistHint,\n  classes\n}: CalculatorInfoProps) => {\n  return (\n    <div className={cn('w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8', classes?.wrapper)}>\n      <CalculatedBlock\n        suffix={suffix}\n        rootValue={rootValue}\n        rootDescription={rootDescription}\n        classes={classes?.calculatedBlock}\n      />\n      <CalculatorInfoHead title={title} subtitle={subtitle} classes={classes?.calculatedInfoHead} />\n      <CalculatorInfoBody infoList={infoList} classes={classes?.calculatorInfoBody} />\n      <CalculatorInfoFooter\n        assistHint={assistHint}\n        buttonsConfig={buttonsConfig}\n        bottomDescription={bottomDescription}\n        classes={classes?.calculatorInfoFooter}\n      />\n    </div>\n  )\n}\n"],"names":["CalculatorInfo","rootDescription","bottomDescription","rootValue","title","subtitle","buttonsConfig","infoList","suffix","assistHint","classes","cn","jsx","CalculatedBlock","CalculatorInfoHead","CalculatorInfoBody","CalculatorInfoFooter"],"mappings":"moEAgCO,MAAMA,EAAiB,CAAC,CAC7B,gBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,OAAAC,EACA,WAAAC,EACA,QAAAC,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,qFAAsFD,GAAA,YAAAA,EAAS,OAAO,EACvH,SAAA,CAAAE,EAACC,EAAA,CACC,OAAAL,EACA,UAAAL,EACA,gBAAAF,EACA,QAASS,GAAA,YAAAA,EAAS,eAAA,CAAA,IAEnBI,EAAA,CAAmB,MAAAV,EAAc,SAAAC,EAAoB,QAASK,GAAA,YAAAA,EAAS,mBAAoB,EAC5FE,EAACG,EAAA,CAAmB,SAAAR,EAAoB,QAASG,GAAA,YAAAA,EAAS,mBAAoB,EAC9EE,EAACI,EAAA,CACC,WAAAP,EACA,cAAAH,EACA,kBAAAJ,EACA,QAASQ,GAAA,YAAAA,EAAS,oBAAA,CAAA,CACpB,EACF"}
+{"version":3,"file":"CalculatorInfo.js","sources":["../../../../../../lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.tsx"],"sourcesContent":["import {\n  CalculatedBlock,\n  type CalculatedBlockClasses,\n  type CalculatedBlockProps,\n  type CalculatedInfoBodyProps,\n  CalculatorInfoBody,\n  type CalculatorInfoBodyClasses,\n  CalculatorInfoFooter,\n  type CalculatorInfoFooterClasses,\n  type CalculatorInfoFooterProps,\n  CalculatorInfoHead,\n  type CalculatorInfoHeadClasses,\n  type CalculatorInfoHeadProps\n} from './ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoClasses = {\n  wrapper?: string\n  calculatedBlock?: CalculatedBlockClasses\n  calculatedInfoHead?: CalculatorInfoHeadClasses\n  calculatorInfoBody?: CalculatorInfoBodyClasses\n  calculatorInfoFooter?: CalculatorInfoFooterClasses\n}\n\nexport interface CalculatorInfoProps\n  extends Omit<CalculatedBlockProps, 'classes'>,\n    Omit<CalculatorInfoHeadProps, 'classes'>,\n    Omit<CalculatedInfoBodyProps, 'classes'>,\n    Omit<CalculatorInfoFooterProps, 'classes'> {\n  classes?: CalculatorInfoClasses\n}\n\nexport const CalculatorInfo = ({\n  rootDescription,\n  bottomDescription,\n  rootValue,\n  title,\n  subtitle,\n  buttonsConfig,\n  infoList,\n  suffix,\n  assistHint,\n  classes\n}: CalculatorInfoProps) => {\n  return (\n    <div className={cn('w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8', classes?.wrapper)}>\n      <CalculatedBlock\n        suffix={suffix}\n        rootValue={rootValue}\n        rootDescription={rootDescription}\n        classes={classes?.calculatedBlock}\n      />\n      <CalculatorInfoHead title={title} subtitle={subtitle} classes={classes?.calculatedInfoHead} />\n      <CalculatorInfoBody infoList={infoList} classes={classes?.calculatorInfoBody} />\n      <CalculatorInfoFooter\n        assistHint={assistHint}\n        buttonsConfig={buttonsConfig}\n        bottomDescription={bottomDescription}\n        classes={classes?.calculatorInfoFooter}\n      />\n    </div>\n  )\n}\n"],"names":["CalculatorInfo","rootDescription","bottomDescription","rootValue","title","subtitle","buttonsConfig","infoList","suffix","assistHint","classes","cn","jsx","CalculatedBlock","CalculatorInfoHead","CalculatorInfoBody","CalculatorInfoFooter"],"mappings":"uoEAgCO,MAAMA,EAAiB,CAAC,CAC7B,gBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,OAAAC,EACA,WAAAC,EACA,QAAAC,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,qFAAsFD,GAAA,YAAAA,EAAS,OAAO,EACvH,SAAA,CAAAE,EAACC,EAAA,CACC,OAAAL,EACA,UAAAL,EACA,gBAAAF,EACA,QAASS,GAAA,YAAAA,EAAS,eAAA,CAAA,IAEnBI,EAAA,CAAmB,MAAAV,EAAc,SAAAC,EAAoB,QAASK,GAAA,YAAAA,EAAS,mBAAoB,EAC5FE,EAACG,EAAA,CAAmB,SAAAR,EAAoB,QAASG,GAAA,YAAAA,EAAS,mBAAoB,EAC9EE,EAACI,EAAA,CACC,WAAAP,EACA,cAAAH,EACA,kBAAAJ,EACA,QAASQ,GAAA,YAAAA,EAAS,oBAAA,CAAA,CACpB,EACF"}

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as i}from"react/jsx-runtime";import{cn as t}from"../../../../../shared/utils/cn.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";import{Popover as f}from"../../../../../shared/ui/popover/Popover.js";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const S=({iconName:e,text:n,hint:o,classes:r,popoverProps:d})=>m("div",{className:t("mb-6 flex items-center gap-2",r==null?void 0:r.wrapper),children:[m("div",{className:t("flex items-center gap-1",r==null?void 0:r.block),children:[i(p,{name:e,className:t("size-6 text-icon-blue-grey-800",r==null?void 0:r.icon)}),i("p",{className:t("desk-body-regular-l text-color-tetriary",r==null?void 0:r.description),children:n})]}),o&&i(f,{withCloseBtn:!1,triggerElement:i(p,{name:"info/helpCircle",className:"size-5 text-icon-blue-grey-600"}),...d,children:o})]});export{S as AssistHint};
+import{jsxs as m,jsx as i}from"react/jsx-runtime";import{cn as t}from"../../../../../shared/utils/cn.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";import{Popover as f}from"../../../../../shared/ui/popover/Popover.js";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const S=({iconName:e,text:n,hint:o,classes:r,popoverProps:d})=>m("div",{className:t("mb-6 flex items-center gap-2",r==null?void 0:r.wrapper),children:[m("div",{className:t("flex items-center gap-1",r==null?void 0:r.block),children:[i(p,{name:e,className:t("size-6 text-icon-blue-grey-800",r==null?void 0:r.icon)}),i("p",{className:t("desk-body-regular-l text-color-tetriary",r==null?void 0:r.description),children:n})]}),o&&i(f,{withCloseBtn:!1,triggerElement:i(p,{name:"info/helpCircle",className:"size-5 text-icon-blue-grey-600"}),...d,children:o})]});export{S as AssistHint};
 //# sourceMappingURL=AssistHint.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssistHint.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.tsx"],"sourcesContent":["import { type AllowedIcons, Icon, Popover, type PopoverProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AssistHintClasses = {\n  wrapper?: string\n  block?: string\n  icon?: string\n  description?: string\n}\n\nexport interface AssistHintProps {\n  iconName: AllowedIcons\n  text: string\n  hint?: string\n  classes?: AssistHintClasses\n  popoverProps?: PopoverProps\n}\n\nexport const AssistHint = ({ iconName, text, hint, classes, popoverProps }: AssistHintProps) => {\n  return (\n    <div className={cn('mb-6 flex items-center gap-2', classes?.wrapper)}>\n      <div className={cn('flex items-center gap-1', classes?.block)}>\n        <Icon name={iconName} className={cn('size-6 text-icon-blue-grey-800', classes?.icon)} />\n        <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{text}</p>\n      </div>\n\n      {hint && (\n        <Popover\n          withCloseBtn={false}\n          triggerElement={<Icon name='info/helpCircle' className='size-5 text-icon-blue-grey-600' />}\n          {...popoverProps}\n        >\n          {hint}\n        </Popover>\n      )}\n    </div>\n  )\n}\n"],"names":["AssistHint","iconName","text","hint","classes","popoverProps","cn","jsxs","jsx","Icon","Popover"],"mappings":"ylEAkBO,MAAMA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAS,aAAAC,OAEvD,MAAA,CAAI,UAAWC,EAAG,+BAAgCF,GAAA,YAAAA,EAAS,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAI,UAAWD,EAAG,0BAA2BF,GAAA,YAAAA,EAAS,KAAK,EAC1D,SAAA,CAAAI,EAACC,EAAA,CAAK,KAAMR,EAAU,UAAWK,EAAG,iCAAkCF,GAAA,YAAAA,EAAS,IAAI,EAAG,EACtFI,EAAC,KAAE,UAAWF,EAAG,0CAA2CF,GAAA,YAAAA,EAAS,WAAW,EAAI,SAAAF,CAAA,CAAK,CAAA,EAC3F,EAECC,GACCK,EAACE,EAAA,CACC,aAAc,GACd,eAAgBF,EAACC,EAAA,CAAK,KAAK,kBAAkB,UAAU,iCAAiC,EACvF,GAAGJ,EAEH,SAAAF,CAAA,CAAA,CACH,EAEJ"}
+{"version":3,"file":"AssistHint.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.tsx"],"sourcesContent":["import { type AllowedIcons, Icon, Popover, type PopoverProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AssistHintClasses = {\n  wrapper?: string\n  block?: string\n  icon?: string\n  description?: string\n}\n\nexport interface AssistHintProps {\n  iconName: AllowedIcons\n  text: string\n  hint?: string\n  classes?: AssistHintClasses\n  popoverProps?: PopoverProps\n}\n\nexport const AssistHint = ({ iconName, text, hint, classes, popoverProps }: AssistHintProps) => {\n  return (\n    <div className={cn('mb-6 flex items-center gap-2', classes?.wrapper)}>\n      <div className={cn('flex items-center gap-1', classes?.block)}>\n        <Icon name={iconName} className={cn('size-6 text-icon-blue-grey-800', classes?.icon)} />\n        <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{text}</p>\n      </div>\n\n      {hint && (\n        <Popover\n          withCloseBtn={false}\n          triggerElement={<Icon name='info/helpCircle' className='size-5 text-icon-blue-grey-600' />}\n          {...popoverProps}\n        >\n          {hint}\n        </Popover>\n      )}\n    </div>\n  )\n}\n"],"names":["AssistHint","iconName","text","hint","classes","popoverProps","cn","jsxs","jsx","Icon","Popover"],"mappings":"6lEAkBO,MAAMA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAS,aAAAC,OAEvD,MAAA,CAAI,UAAWC,EAAG,+BAAgCF,GAAA,YAAAA,EAAS,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAI,UAAWD,EAAG,0BAA2BF,GAAA,YAAAA,EAAS,KAAK,EAC1D,SAAA,CAAAI,EAACC,EAAA,CAAK,KAAMR,EAAU,UAAWK,EAAG,iCAAkCF,GAAA,YAAAA,EAAS,IAAI,EAAG,EACtFI,EAAC,KAAE,UAAWF,EAAG,0CAA2CF,GAAA,YAAAA,EAAS,WAAW,EAAI,SAAAF,CAAA,CAAK,CAAA,EAC3F,EAECC,GACCK,EAACE,EAAA,CACC,aAAc,GACd,eAAgBF,EAACC,EAAA,CAAK,KAAK,kBAAkB,UAAU,iCAAiC,EACvF,GAAGJ,EAEH,SAAAF,CAAA,CAAA,CACH,EAEJ"}

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.js

@@ -1,2 +1,2 @@
-import{jsx as i,Fragment as t,jsxs as d}from"react/jsx-runtime";import{cn as p}from"../../../../../shared/utils/cn.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";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as n}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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const Q=({subtitle:o,title:m,classes:r})=>i(t,{children:(m||o)&&d("div",{className:p("flex flex-col gap-2",r==null?void 0:r.wrapper),children:[m&&i(n,{as:"h3",className:r==null?void 0:r.title,children:m}),o&&i("div",{className:p("desk-body-regular-l text-color-dark",r==null?void 0:r.subtitle),children:o})]})});export{Q as CalculatorInfoHead};
+import{jsx as i,Fragment as t,jsxs as d}from"react/jsx-runtime";import{cn as p}from"../../../../../shared/utils/cn.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";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as n}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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Q=({subtitle:o,title:m,classes:r})=>i(t,{children:(m||o)&&d("div",{className:p("flex flex-col gap-2",r==null?void 0:r.wrapper),children:[m&&i(n,{as:"h3",className:r==null?void 0:r.title,children:m}),o&&i("div",{className:p("desk-body-regular-l text-color-dark",r==null?void 0:r.subtitle),children:o})]})});export{Q as CalculatorInfoHead};
 //# sourceMappingURL=CalculatorInfoHead.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorInfoHead.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.tsx"],"sourcesContent":["import { Heading } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoHeadClasses = {\n  wrapper?: string\n  title?: string\n  subtitle?: string\n}\n\nexport interface CalculatorInfoHeadProps {\n  title?: string\n  subtitle?: string\n  classes?: CalculatorInfoHeadClasses\n}\n\nexport const CalculatorInfoHead = ({ subtitle, title, classes }: CalculatorInfoHeadProps) => {\n  return (\n    <>\n      {(title || subtitle) && (\n        <div className={cn('flex flex-col gap-2', classes?.wrapper)}>\n          {title && (\n            <Heading as='h3' className={classes?.title}>\n              {title}\n            </Heading>\n          )}\n          {subtitle && <div className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}>{subtitle}</div>}\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["CalculatorInfoHead","subtitle","title","classes","jsx","Fragment","jsxs","cn","Heading"],"mappings":"0iEAeO,MAAMA,EAAqB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,QAAAC,KAElDC,EAAAC,EAAA,CACI,UAAAH,GAASD,IACTK,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBJ,GAAA,YAAAA,EAAS,OAAO,EACvD,SAAA,CAAAD,KACEM,EAAA,CAAQ,GAAG,KAAK,UAAWL,GAAA,YAAAA,EAAS,MAClC,SAAAD,CAAA,CACH,EAEDD,KAAa,MAAA,CAAI,UAAWM,EAAG,sCAAuCJ,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAF,CAAA,CAAS,CAAA,CAAA,CACvG,CAAA,CAEJ"}
+{"version":3,"file":"CalculatorInfoHead.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.tsx"],"sourcesContent":["import { Heading } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoHeadClasses = {\n  wrapper?: string\n  title?: string\n  subtitle?: string\n}\n\nexport interface CalculatorInfoHeadProps {\n  title?: string\n  subtitle?: string\n  classes?: CalculatorInfoHeadClasses\n}\n\nexport const CalculatorInfoHead = ({ subtitle, title, classes }: CalculatorInfoHeadProps) => {\n  return (\n    <>\n      {(title || subtitle) && (\n        <div className={cn('flex flex-col gap-2', classes?.wrapper)}>\n          {title && (\n            <Heading as='h3' className={classes?.title}>\n              {title}\n            </Heading>\n          )}\n          {subtitle && <div className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}>{subtitle}</div>}\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["CalculatorInfoHead","subtitle","title","classes","jsx","Fragment","jsxs","cn","Heading"],"mappings":"8iEAeO,MAAMA,EAAqB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,QAAAC,KAElDC,EAAAC,EAAA,CACI,UAAAH,GAASD,IACTK,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBJ,GAAA,YAAAA,EAAS,OAAO,EACvD,SAAA,CAAAD,KACEM,EAAA,CAAQ,GAAG,KAAK,UAAWL,GAAA,YAAAA,EAAS,MAClC,SAAAD,CAAA,CACH,EAEDD,KAAa,MAAA,CAAI,UAAWM,EAAG,sCAAuCJ,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAF,CAAA,CAAS,CAAA,CAAA,CACvG,CAAA,CAEJ"}

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as r}from"react/jsx-runtime";import{cn as s}from"../../../../../shared/utils/cn.js";import{formatValueToRenderInfoItem as a}from"../../../model/utils.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";import{Popover as c}from"../../../../../shared/ui/popover/Popover.js";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const Q=({hint:t,value:e,label:i,mode:m,color:p="dark",accent:l=!1})=>o("div",{className:"flex items-center justify-between gap-4",children:[o("div",{className:"flex items-center gap-2",children:[r("p",{className:"desk-body-regular-l text-color-dark",children:i}),t&&r(c,{withCloseBtn:!1,triggerElement:r(n,{className:"size-5 text-icon-blue-grey-600",name:"info/helpCircle"}),children:r("p",{children:t})})]}),r("span",{className:s("desk-body-medium-l text-color-dark",{"[&&]:desk-title-bold-s":l,"text-color-primary-default":p==="blue"}),children:a(m,e)})]});export{Q as InfoListItem};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import{cn as s}from"../../../../../shared/utils/cn.js";import{formatValueToRenderInfoItem as a}from"../../../model/utils.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";import{Popover as c}from"../../../../../shared/ui/popover/Popover.js";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Q=({hint:t,value:e,label:i,mode:m,color:p="dark",accent:l=!1})=>o("div",{className:"flex items-center justify-between gap-4",children:[o("div",{className:"flex items-center gap-2",children:[r("p",{className:"desk-body-regular-l text-color-dark",children:i}),t&&r(c,{withCloseBtn:!1,triggerElement:r(n,{className:"size-5 text-icon-blue-grey-600",name:"info/helpCircle"}),children:r("p",{children:t})})]}),r("span",{className:s("desk-body-medium-l text-color-dark",{"[&&]:desk-title-bold-s":l,"text-color-primary-default":p==="blue"}),children:a(m,e)})]});export{Q as InfoListItem};
 //# sourceMappingURL=InfoListItem.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoListItem.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.tsx"],"sourcesContent":["import { type CalculatorSuffix, type CalculatorValue, formatValueToRenderInfoItem } from '../../../model'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type InfoListItemMode = CalculatorSuffix | 'text'\nexport type InfoListItemColor = 'dark' | 'blue'\n\nexport interface InfoListItemCommon {\n  label: string\n  mode: InfoListItemMode\n  hint?: string\n  accent?: boolean\n  color?: InfoListItemColor\n  withFormula?: boolean\n}\n\nexport interface InfoListItemDTO extends InfoListItemCommon {\n  value: CalculatorValue\n}\n\nexport interface InfoListItemProps extends InfoListItemCommon {\n  value: string\n}\n\nexport const InfoListItem = ({ hint, value, label, mode, color = 'dark', accent = false }: InfoListItemProps) => {\n  return (\n    <div className='flex items-center justify-between gap-4'>\n      <div className='flex items-center gap-2'>\n        <p className='desk-body-regular-l text-color-dark'>{label}</p>\n        {hint && (\n          <Popover\n            withCloseBtn={false}\n            triggerElement={<Icon className='size-5 text-icon-blue-grey-600' name='info/helpCircle' />}\n          >\n            <p>{hint}</p>\n          </Popover>\n        )}\n      </div>\n      <span\n        className={cn('desk-body-medium-l text-color-dark', {\n          '[&&]:desk-title-bold-s': accent,\n          'text-color-primary-default': color === 'blue'\n        })}\n      >\n        {formatValueToRenderInfoItem(mode, value)}\n      </span>\n    </div>\n  )\n}\n"],"names":["InfoListItem","hint","value","label","mode","color","accent","jsxs","jsx","Popover","Icon","cn","formatValueToRenderInfoItem"],"mappings":"+pEAwBO,MAAMA,EAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,OAAAC,EAAS,MAE9EC,EAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAC,IAAA,CAAE,UAAU,sCAAuC,SAAAL,EAAM,EACzDF,GACCO,EAACC,EAAA,CACC,aAAc,GACd,eAAgBD,EAACE,EAAA,CAAK,UAAU,iCAAiC,KAAK,kBAAkB,EAExF,SAAAF,EAAC,KAAG,SAAAP,CAAA,CAAK,CAAA,CAAA,CACX,EAEJ,EACAO,EAAC,OAAA,CACC,UAAWG,EAAG,qCAAsC,CAClD,yBAA0BL,EAC1B,6BAA8BD,IAAU,MAAA,CACzC,EAEA,SAAAO,EAA4BR,EAAMF,CAAK,CAAA,CAAA,CAC1C,EACF"}
+{"version":3,"file":"InfoListItem.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.tsx"],"sourcesContent":["import { type CalculatorSuffix, type CalculatorValue, formatValueToRenderInfoItem } from '../../../model'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type InfoListItemMode = CalculatorSuffix | 'text'\nexport type InfoListItemColor = 'dark' | 'blue'\n\nexport interface InfoListItemCommon {\n  label: string\n  mode: InfoListItemMode\n  hint?: string\n  accent?: boolean\n  color?: InfoListItemColor\n  withFormula?: boolean\n}\n\nexport interface InfoListItemDTO extends InfoListItemCommon {\n  value: CalculatorValue\n}\n\nexport interface InfoListItemProps extends InfoListItemCommon {\n  value: string\n}\n\nexport const InfoListItem = ({ hint, value, label, mode, color = 'dark', accent = false }: InfoListItemProps) => {\n  return (\n    <div className='flex items-center justify-between gap-4'>\n      <div className='flex items-center gap-2'>\n        <p className='desk-body-regular-l text-color-dark'>{label}</p>\n        {hint && (\n          <Popover\n            withCloseBtn={false}\n            triggerElement={<Icon className='size-5 text-icon-blue-grey-600' name='info/helpCircle' />}\n          >\n            <p>{hint}</p>\n          </Popover>\n        )}\n      </div>\n      <span\n        className={cn('desk-body-medium-l text-color-dark', {\n          '[&&]:desk-title-bold-s': accent,\n          'text-color-primary-default': color === 'blue'\n        })}\n      >\n        {formatValueToRenderInfoItem(mode, value)}\n      </span>\n    </div>\n  )\n}\n"],"names":["InfoListItem","hint","value","label","mode","color","accent","jsxs","jsx","Popover","Icon","cn","formatValueToRenderInfoItem"],"mappings":"mqEAwBO,MAAMA,EAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,OAAAC,EAAS,MAE9EC,EAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAC,IAAA,CAAE,UAAU,sCAAuC,SAAAL,EAAM,EACzDF,GACCO,EAACC,EAAA,CACC,aAAc,GACd,eAAgBD,EAACE,EAAA,CAAK,UAAU,iCAAiC,KAAK,kBAAkB,EAExF,SAAAF,EAAC,KAAG,SAAAP,CAAA,CAAK,CAAA,CAAA,CACX,EAEJ,EACAO,EAAC,OAAA,CACC,UAAWG,EAAG,qCAAsC,CAClD,yBAA0BL,EAC1B,6BAA8BD,IAAU,MAAA,CACzC,EAEA,SAAAO,EAA4BR,EAAMF,CAAK,CAAA,CAAA,CAC1C,EACF"}

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

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as p}from"react/jsx-runtime";import{useState as D,createElement as H}from"react";import{HTMLRenderer as l}from"../htmlParser/HTMLRenderer.js";import{widgetIds as k}from"../model/helpers.js";import{getFieldsProgress as I}from"./model/getFieldsProgress.js";import{getDynamicSchema as M}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as m}from"../../shared/utils/cn.js";import{useControlledForm as R}from"../../shared/hooks/useControlledForm.js";import{useFieldsProgress as Z}from"../../shared/hooks/useFieldsProgress.js";import{ResponsiveContainer as z}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as A}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 E}from"../../shared/ui/progressBar/ProgressBar.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import{Icon as L}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{CheckboxBase as Q}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.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 U}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as V}from"../queryClientProvider/QueryClientProvider.js";const q=(e,n,i,o)=>e.type==="off"?null:e.type==="text"?r(l,{html:e.message,as:"div",className:o==null?void 0:o.content}):p("label",{className:m("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:[r(Q,{classes:o==null?void 0:o.checkbox,checked:n,onCheckedChange:i}),r(l,{html:e.content,as:"div",className:o==null?void 0:o.content})]}),Et=({fields:e,title:n,progress:i,approvement:o,chips:d,submitProps:w,classes:t,buttonGroup:a})=>{var b,y;const{submitCallback:g}=w||{},[u,N]=D(!1),x=M(e),C=T.getZodDefaults(x),{control:h,handleSubmit:P}=R({schema:x,defaultValues:C,mode:"onBlur"}),B=I(i,e),j=Z({control:h,fields:B||[],schema:x}),v=f=>{g&&g({...f,agree:u})};return r(V,{children:r("section",{id:k.form,"data-test-id":k.form,className:m("w-full",t==null?void 0:t.root),children:p(z,{className:m("!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14","relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"),children:[d.enabled&&p("div",{className:m("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",(b=t==null?void 0:t.chips)==null?void 0:b.root),children:[d.image&&r(L,{name:d.image,className:m("size-6",(y=t==null?void 0:t.chips)==null?void 0:y.icon)}),d.content]}),r(c,{as:"h2",className:m("desktop:hidden",t==null?void 0:t.title),children:n}),r(c,{as:"h3",className:m("mobile:hidden",t==null?void 0:t.title),children:n}),p("form",{onSubmit:P(v),className:m("flex w-full flex-col gap-y-6","desktop:gap-y-8",t==null?void 0:t.form),children:[i.enabled&&r(E,{progress:j,topContent:r(l,{html:i.title}),bottomContent:r(l,{html:i.subtitle}),maxPercent:i.maxPercent,classes:t==null?void 0:t.progressBar}),r(U,{control:h,fields:e}),p("div",{className:"mob-body-regular-m flex flex-col items-start justify-center gap-4",children:[q(o,u,N,t==null?void 0:t.approvement),r("div",{className:"flex w-full flex-col items-center justify-center gap-4 desktop:flex-row",children:a==null?void 0:a.map((f,F)=>{const S=f.type==="submit"&&o.type==="checkbox"?!u:!1;return H(A,{...f,key:F,disabled:S,className:m("w-full whitespace-nowrap",{"w-full":!!o},t==null?void 0:t.submit)})})})]})]})]})})})};export{Et as DynamicForm,Et as default};
+import{jsx as r,jsxs as p}from"react/jsx-runtime";import{useState as D,createElement as H}from"react";import{HTMLRenderer as l}from"../htmlParser/HTMLRenderer.js";import{widgetIds as k}from"../model/helpers.js";import{getFieldsProgress as I}from"./model/getFieldsProgress.js";import{getDynamicSchema as M}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as m}from"../../shared/utils/cn.js";import{useControlledForm as R}from"../../shared/hooks/useControlledForm.js";import{useFieldsProgress as Z}from"../../shared/hooks/useFieldsProgress.js";import{ResponsiveContainer as z}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Button as A}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 E}from"../../shared/ui/progressBar/ProgressBar.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import{Icon as L}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{CheckboxBase as Q}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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as T}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as U}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as V}from"../queryClientProvider/QueryClientProvider.js";const q=(e,n,i,o)=>e.type==="off"?null:e.type==="text"?r(l,{html:e.message,as:"div",className:o==null?void 0:o.content}):p("label",{className:m("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:[r(Q,{classes:o==null?void 0:o.checkbox,checked:n,onCheckedChange:i}),r(l,{html:e.content,as:"div",className:o==null?void 0:o.content})]}),Et=({fields:e,title:n,progress:i,approvement:o,chips:d,submitProps:w,classes:t,buttonGroup:a})=>{var b,y;const{submitCallback:g}=w||{},[u,N]=D(!1),x=M(e),C=T.getZodDefaults(x),{control:h,handleSubmit:P}=R({schema:x,defaultValues:C,mode:"onBlur"}),B=I(i,e),j=Z({control:h,fields:B||[],schema:x}),v=f=>{g&&g({...f,agree:u})};return r(V,{children:r("section",{id:k.form,"data-test-id":k.form,className:m("w-full",t==null?void 0:t.root),children:p(z,{className:m("!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14","relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"),children:[d.enabled&&p("div",{className:m("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",(b=t==null?void 0:t.chips)==null?void 0:b.root),children:[d.image&&r(L,{name:d.image,className:m("size-6",(y=t==null?void 0:t.chips)==null?void 0:y.icon)}),d.content]}),r(c,{as:"h2",className:m("desktop:hidden",t==null?void 0:t.title),children:n}),r(c,{as:"h3",className:m("mobile:hidden",t==null?void 0:t.title),children:n}),p("form",{onSubmit:P(v),className:m("flex w-full flex-col gap-y-6","desktop:gap-y-8",t==null?void 0:t.form),children:[i.enabled&&r(E,{progress:j,topContent:r(l,{html:i.title}),bottomContent:r(l,{html:i.subtitle}),maxPercent:i.maxPercent,classes:t==null?void 0:t.progressBar}),r(U,{control:h,fields:e}),p("div",{className:"mob-body-regular-m flex flex-col items-start justify-center gap-4",children:[q(o,u,N,t==null?void 0:t.approvement),r("div",{className:"flex w-full flex-col items-center justify-center gap-4 desktop:flex-row",children:a==null?void 0:a.map((f,F)=>{const S=f.type==="submit"&&o.type==="checkbox"?!u:!1;return H(A,{...f,key:F,disabled:S,className:m("w-full whitespace-nowrap",{"w-full":!!o},t==null?void 0:t.submit)})})})]})]})]})})})};export{Et as DynamicForm,Et as default};
 //# sourceMappingURL=DynamicForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.js","sources":["../../../../lib/widgets/dynamicForm/DynamicForm.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { type Control, type FieldValues, type SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { HTMLRenderer } from '../htmlParser'\nimport { widgetIds } from '../model'\nimport {\n  type Approvement,\n  type ApprovementType,\n  type Chips,\n  type ChipsType,\n  getFieldsProgress,\n  type Progress,\n  type ProgressField,\n  type ProgressType\n} from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm, useFieldsProgress } from '$/shared/hooks'\nimport {\n  Button,\n  type ButtonProps,\n  CheckboxBase,\n  type CheckedState,\n  Heading,\n  Icon,\n  ProgressBar,\n  ResponsiveContainer\n} from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ChipsClasses = {\n  root?: string\n  icon?: string\n}\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  chips?: ChipsClasses\n  approvement?: ApprovementClasses\n  progressBar?: React.ComponentProps<typeof ProgressBar>['classes']\n  submit?: string\n}\n\nexport type DynamicFormProps<AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType> = {\n  fields: FieldElement<any, any, { validation: FieldValidation; progress: ProgressField }>[]\n  title: string\n  progress: Progress<PType>\n  approvement: Approvement<AType>\n  chips: Chips<CType>\n  submitProps?: SubmitProps\n  classes?: DynamicFormClasses\n  buttonGroup: ButtonProps[]\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n): React.ReactNode => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-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\nexport const DynamicForm = <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType>({\n  fields,\n  title,\n  progress,\n  approvement,\n  chips,\n  submitProps,\n  classes,\n  buttonGroup\n}: DynamicFormProps<AType, CType, PType>) => {\n  const { submitCallback } = submitProps || {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const fieldsProgress = getFieldsProgress(progress, fields)\n\n  const formattedProgress = useFieldsProgress({ control, fields: fieldsProgress || [], schema })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <section id={widgetIds.form} data-test-id={widgetIds.form} className={cn('w-full', classes?.root)}>\n        <ResponsiveContainer\n          className={cn(\n            '!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14',\n            'relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border'\n          )}\n        >\n          {chips.enabled && (\n            <div\n              className={cn(\n                'desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute',\n                'bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n                'right-4 top-4 w-max',\n                classes?.chips?.root\n              )}\n            >\n              {chips.image && <Icon name={chips.image} className={cn('size-6', classes?.chips?.icon)} />}\n              {chips.content}\n            </div>\n          )}\n          <Heading as='h2' className={cn('desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <form\n            onSubmit={handleSubmit(onSubmit)}\n            className={cn('flex w-full flex-col gap-y-6', 'desktop:gap-y-8', classes?.form)}\n          >\n            {progress.enabled && (\n              <ProgressBar\n                progress={formattedProgress}\n                topContent={<HTMLRenderer html={progress.title} />}\n                bottomContent={<HTMLRenderer html={progress.subtitle} />}\n                maxPercent={progress.maxPercent}\n                classes={classes?.progressBar}\n              />\n            )}\n            <FieldMapper control={control as unknown as Control} fields={fields} />\n            <div className='mob-body-regular-m flex flex-col items-start justify-center gap-4'>\n              {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n              <div className='flex w-full flex-col items-center justify-center gap-4 desktop:flex-row'>\n                {buttonGroup?.map((button, index) => {\n                  const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                  return (\n                    <Button\n                      {...button}\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            </div>\n          </form>\n        </ResponsiveContainer>\n      </section>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicForm\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","DynamicForm","fields","title","progress","chips","submitProps","buttonGroup","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","QueryClientProvider","widgetIds","ResponsiveContainer","_a","Icon","_b","Heading","ProgressBar","FieldMapper","button","index","disabled","createElement","Button"],"mappings":"65FAqEA,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,EAKxEM,GAAc,CAAqF,CAC9G,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAZ,EACA,MAAAa,EACA,YAAAC,EACA,QAAAX,EACA,YAAAY,CACF,IAA6C,SAC3C,KAAM,CAAE,eAAAC,GAAmBF,GAAe,CAAA,EAEpC,CAACb,EAASC,CAAe,EAAIe,EAAuB,EAAK,EAEzDC,EAASC,EAAiBT,CAAM,EAChCU,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEKK,EAAiBC,EAAkBd,EAAUF,CAAM,EAEnDiB,EAAoBC,EAAkB,CAAE,QAAAN,EAAS,OAAQG,GAAkB,CAAA,EAAI,OAAAP,EAAQ,EAEvFW,EAAkDC,GAAW,CAC7Dd,GAAgBA,EAAe,CAAE,GAAGc,EAAQ,MAAO7B,EAAS,CAClE,EAEA,OACEG,EAAC2B,EAAA,CACC,SAAA3B,EAAC,UAAA,CAAQ,GAAI4B,EAAU,KAAM,eAAcA,EAAU,KAAM,UAAWzB,EAAG,SAAUJ,GAAA,YAAAA,EAAS,IAAI,EAC9F,SAAAG,EAAC2B,EAAA,CACC,UAAW1B,EACT,sEACA,qEAAA,EAGD,SAAA,CAAAM,EAAM,SACLP,EAAC,MAAA,CACC,UAAWC,EACT,4EACA,uDACA,uBACA2B,EAAA/B,GAAA,YAAAA,EAAS,QAAT,YAAA+B,EAAgB,IAAA,EAGjB,SAAA,CAAArB,EAAM,OAAST,EAAC+B,EAAA,CAAK,KAAMtB,EAAM,MAAO,UAAWN,EAAG,UAAU6B,EAAAjC,GAAA,YAAAA,EAAS,QAAT,YAAAiC,EAAgB,IAAI,CAAA,CAAG,EACvFvB,EAAM,OAAA,CAAA,CAAA,EAGXT,EAACiC,EAAA,CAAQ,GAAG,KAAK,UAAW9B,EAAG,iBAAkBJ,GAAA,YAAAA,EAAS,KAAK,EAC5D,SAAAQ,CAAA,CACH,EACAP,EAACiC,EAAA,CAAQ,GAAG,KAAK,UAAW9B,EAAG,gBAAiBJ,GAAA,YAAAA,EAAS,KAAK,EAC3D,SAAAQ,CAAA,CACH,EACAL,EAAC,OAAA,CACC,SAAUiB,EAAaM,CAAQ,EAC/B,UAAWtB,EAAG,+BAAgC,kBAAmBJ,GAAA,YAAAA,EAAS,IAAI,EAE7E,SAAA,CAAAS,EAAS,SACRR,EAACkC,EAAA,CACC,SAAUX,EACV,WAAYvB,EAACC,EAAA,CAAa,KAAMO,EAAS,MAAO,EAChD,cAAeR,EAACC,EAAA,CAAa,KAAMO,EAAS,SAAU,EACtD,WAAYA,EAAS,WACrB,QAAST,GAAA,YAAAA,EAAS,WAAA,CAAA,EAGtBC,EAACmC,EAAA,CAAY,QAAAjB,EAAwC,OAAAZ,CAAA,CAAgB,EACrEJ,EAAC,MAAA,CAAI,UAAU,oEACZ,SAAA,CAAAP,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC5EC,EAAC,OAAI,UAAU,0EACZ,0BAAa,IAAI,CAACoC,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAYxC,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACE0C,EAACC,EAAA,CACE,GAAGJ,EACJ,IAAKC,EACL,SAAAC,EACA,UAAWnC,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,EAEJ,CAAA,CACF,CAEJ"}
+{"version":3,"file":"DynamicForm.js","sources":["../../../../lib/widgets/dynamicForm/DynamicForm.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { type Control, type FieldValues, type SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { HTMLRenderer } from '../htmlParser'\nimport { widgetIds } from '../model'\nimport {\n  type Approvement,\n  type ApprovementType,\n  type Chips,\n  type ChipsType,\n  getFieldsProgress,\n  type Progress,\n  type ProgressField,\n  type ProgressType\n} from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm, useFieldsProgress } from '$/shared/hooks'\nimport {\n  Button,\n  type ButtonProps,\n  CheckboxBase,\n  type CheckedState,\n  Heading,\n  Icon,\n  ProgressBar,\n  ResponsiveContainer\n} from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ChipsClasses = {\n  root?: string\n  icon?: string\n}\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  chips?: ChipsClasses\n  approvement?: ApprovementClasses\n  progressBar?: React.ComponentProps<typeof ProgressBar>['classes']\n  submit?: string\n}\n\nexport type DynamicFormProps<AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType> = {\n  fields: FieldElement<any, any, { validation: FieldValidation; progress: ProgressField }>[]\n  title: string\n  progress: Progress<PType>\n  approvement: Approvement<AType>\n  chips: Chips<CType>\n  submitProps?: SubmitProps\n  classes?: DynamicFormClasses\n  buttonGroup: ButtonProps[]\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n): React.ReactNode => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-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\nexport const DynamicForm = <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType>({\n  fields,\n  title,\n  progress,\n  approvement,\n  chips,\n  submitProps,\n  classes,\n  buttonGroup\n}: DynamicFormProps<AType, CType, PType>) => {\n  const { submitCallback } = submitProps || {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const fieldsProgress = getFieldsProgress(progress, fields)\n\n  const formattedProgress = useFieldsProgress({ control, fields: fieldsProgress || [], schema })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <section id={widgetIds.form} data-test-id={widgetIds.form} className={cn('w-full', classes?.root)}>\n        <ResponsiveContainer\n          className={cn(\n            '!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14',\n            'relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border'\n          )}\n        >\n          {chips.enabled && (\n            <div\n              className={cn(\n                'desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute',\n                'bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n                'right-4 top-4 w-max',\n                classes?.chips?.root\n              )}\n            >\n              {chips.image && <Icon name={chips.image} className={cn('size-6', classes?.chips?.icon)} />}\n              {chips.content}\n            </div>\n          )}\n          <Heading as='h2' className={cn('desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <form\n            onSubmit={handleSubmit(onSubmit)}\n            className={cn('flex w-full flex-col gap-y-6', 'desktop:gap-y-8', classes?.form)}\n          >\n            {progress.enabled && (\n              <ProgressBar\n                progress={formattedProgress}\n                topContent={<HTMLRenderer html={progress.title} />}\n                bottomContent={<HTMLRenderer html={progress.subtitle} />}\n                maxPercent={progress.maxPercent}\n                classes={classes?.progressBar}\n              />\n            )}\n            <FieldMapper control={control as unknown as Control} fields={fields} />\n            <div className='mob-body-regular-m flex flex-col items-start justify-center gap-4'>\n              {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n              <div className='flex w-full flex-col items-center justify-center gap-4 desktop:flex-row'>\n                {buttonGroup?.map((button, index) => {\n                  const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                  return (\n                    <Button\n                      {...button}\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            </div>\n          </form>\n        </ResponsiveContainer>\n      </section>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicForm\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","DynamicForm","fields","title","progress","chips","submitProps","buttonGroup","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","QueryClientProvider","widgetIds","ResponsiveContainer","_a","Icon","_b","Heading","ProgressBar","FieldMapper","button","index","disabled","createElement","Button"],"mappings":"i6FAqEA,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,EAKxEM,GAAc,CAAqF,CAC9G,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAZ,EACA,MAAAa,EACA,YAAAC,EACA,QAAAX,EACA,YAAAY,CACF,IAA6C,SAC3C,KAAM,CAAE,eAAAC,GAAmBF,GAAe,CAAA,EAEpC,CAACb,EAASC,CAAe,EAAIe,EAAuB,EAAK,EAEzDC,EAASC,EAAiBT,CAAM,EAChCU,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEKK,EAAiBC,EAAkBd,EAAUF,CAAM,EAEnDiB,EAAoBC,EAAkB,CAAE,QAAAN,EAAS,OAAQG,GAAkB,CAAA,EAAI,OAAAP,EAAQ,EAEvFW,EAAkDC,GAAW,CAC7Dd,GAAgBA,EAAe,CAAE,GAAGc,EAAQ,MAAO7B,EAAS,CAClE,EAEA,OACEG,EAAC2B,EAAA,CACC,SAAA3B,EAAC,UAAA,CAAQ,GAAI4B,EAAU,KAAM,eAAcA,EAAU,KAAM,UAAWzB,EAAG,SAAUJ,GAAA,YAAAA,EAAS,IAAI,EAC9F,SAAAG,EAAC2B,EAAA,CACC,UAAW1B,EACT,sEACA,qEAAA,EAGD,SAAA,CAAAM,EAAM,SACLP,EAAC,MAAA,CACC,UAAWC,EACT,4EACA,uDACA,uBACA2B,EAAA/B,GAAA,YAAAA,EAAS,QAAT,YAAA+B,EAAgB,IAAA,EAGjB,SAAA,CAAArB,EAAM,OAAST,EAAC+B,EAAA,CAAK,KAAMtB,EAAM,MAAO,UAAWN,EAAG,UAAU6B,EAAAjC,GAAA,YAAAA,EAAS,QAAT,YAAAiC,EAAgB,IAAI,CAAA,CAAG,EACvFvB,EAAM,OAAA,CAAA,CAAA,EAGXT,EAACiC,EAAA,CAAQ,GAAG,KAAK,UAAW9B,EAAG,iBAAkBJ,GAAA,YAAAA,EAAS,KAAK,EAC5D,SAAAQ,CAAA,CACH,EACAP,EAACiC,EAAA,CAAQ,GAAG,KAAK,UAAW9B,EAAG,gBAAiBJ,GAAA,YAAAA,EAAS,KAAK,EAC3D,SAAAQ,CAAA,CACH,EACAL,EAAC,OAAA,CACC,SAAUiB,EAAaM,CAAQ,EAC/B,UAAWtB,EAAG,+BAAgC,kBAAmBJ,GAAA,YAAAA,EAAS,IAAI,EAE7E,SAAA,CAAAS,EAAS,SACRR,EAACkC,EAAA,CACC,SAAUX,EACV,WAAYvB,EAACC,EAAA,CAAa,KAAMO,EAAS,MAAO,EAChD,cAAeR,EAACC,EAAA,CAAa,KAAMO,EAAS,SAAU,EACtD,WAAYA,EAAS,WACrB,QAAST,GAAA,YAAAA,EAAS,WAAA,CAAA,EAGtBC,EAACmC,EAAA,CAAY,QAAAjB,EAAwC,OAAAZ,CAAA,CAAgB,EACrEJ,EAAC,MAAA,CAAI,UAAU,oEACZ,SAAA,CAAAP,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC5EC,EAAC,OAAI,UAAU,0EACZ,0BAAa,IAAI,CAACoC,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAYxC,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACE0C,EAACC,EAAA,CACE,GAAGJ,EACJ,IAAKC,EACL,SAAAC,EACA,UAAWnC,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,EAEJ,CAAA,CACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsx as m,jsxs as c}from"react/jsx-runtime";import{useState as w,createElement as D}from"react";import{HTMLRenderer as a}from"../htmlParser/HTMLRenderer.js";import{getDynamicSchema as N}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as u}from"../../shared/utils/cn.js";import{useControlledForm as B}from"../../shared/hooks/useControlledForm.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"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import{Dialog as F}from"../../shared/ui/dialog/Dialog.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as M}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as Z}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as A}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as E}from"../queryClientProvider/QueryClientProvider.js";const H=(o,p,i,t)=>o.type==="off"?null:o.type==="text"?m(a,{html:o.message,as:"div",className:t==null?void 0:t.content}):c("label",{className:u("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(M,{classes:t==null?void 0:t.checkbox,checked:p,onCheckedChange:i}),m(a,{html:o.content,as:"div",className:t==null?void 0:t.content})]}),St=({fields:o,title:p,approvement:i,submitProps:t,dialogId:h,classes:r,buttonGroup:n,...x})=>{const{submitCallback:d}=t??{},[f,g]=w(!1),l=N(o),b=Z.getZodDefaults(l),{control:k,handleSubmit:y}=B({schema:l,defaultValues:b,mode:"onBlur"});return m(E,{children:m(F,{id:h,title:p,...x,children:c("form",{onSubmit:y(e=>{d&&d({...e,agree:f})}),className:"flex flex-col gap-6",children:[m(A,{control:k,fields:o}),H(i,f,g,r==null?void 0:r.approvement),n==null?void 0:n.map((e,C)=>{const S=e.type==="submit"&&i.type==="checkbox"?!f:!1;return D(j,{...e,key:C,disabled:S,className:u("w-full whitespace-nowrap",{"w-full":!!i},r==null?void 0:r.submit)})})]})})})};export{St as DynamicFormDialog,St as default};
+import{jsx as m,jsxs as c}from"react/jsx-runtime";import{useState as w,createElement as D}from"react";import{HTMLRenderer as a}from"../htmlParser/HTMLRenderer.js";import{getDynamicSchema as N}from"../../../src/shared/utils/getDynamicSchema.js";import{cn as u}from"../../shared/utils/cn.js";import{useControlledForm as B}from"../../shared/hooks/useControlledForm.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"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import{Dialog as F}from"../../shared/ui/dialog/Dialog.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as M}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import{ZodUtils as Z}from"../../shared/validation/utils/zodUtils.js";import{FieldMapper as A}from"../fieldMapper/FieldMapper.js";import{QueryClientProvider as E}from"../queryClientProvider/QueryClientProvider.js";const H=(o,p,i,t)=>o.type==="off"?null:o.type==="text"?m(a,{html:o.message,as:"div",className:t==null?void 0:t.content}):c("label",{className:u("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(M,{classes:t==null?void 0:t.checkbox,checked:p,onCheckedChange:i}),m(a,{html:o.content,as:"div",className:t==null?void 0:t.content})]}),St=({fields:o,title:p,approvement:i,submitProps:t,dialogId:h,classes:r,buttonGroup:n,...x})=>{const{submitCallback:d}=t??{},[f,g]=w(!1),l=N(o),b=Z.getZodDefaults(l),{control:k,handleSubmit:y}=B({schema:l,defaultValues:b,mode:"onBlur"});return m(E,{children:m(F,{id:h,title:p,...x,children:c("form",{onSubmit:y(e=>{d&&d({...e,agree:f})}),className:"flex flex-col gap-6",children:[m(A,{control:k,fields:o}),H(i,f,g,r==null?void 0:r.approvement),n==null?void 0:n.map((e,C)=>{const S=e.type==="submit"&&i.type==="checkbox"?!f:!1;return D(j,{...e,key:C,disabled:S,className:u("w-full whitespace-nowrap",{"w-full":!!i},r==null?void 0:r.submit)})})]})})})};export{St as DynamicFormDialog,St 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 { 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 } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormDialogClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  approvement?: ApprovementClasses\n  submit?: string\n}\n\nexport type DynamicFormDialogProps<AType extends ApprovementType> = 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}\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\nexport const DynamicFormDialog = <AType extends ApprovementType>({\n  fields,\n  title,\n  approvement,\n  submitProps,\n  dialogId,\n  classes,\n  buttonGroup,\n  ...props\n}: DynamicFormDialogProps<AType>) => {\n  const { submitCallback } = submitProps ?? {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <Dialog id={dialogId} title={title} {...props}>\n        <form onSubmit={handleSubmit(onSubmit)} className='flex flex-col gap-6'>\n          <FieldMapper control={control as unknown as Control} fields={fields} />\n          {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n          {buttonGroup?.map((button, index) => {\n            const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n            return (\n              <Button\n                {...button}\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          {/*<Button {...buttonProps} type='submit' disabled={approvement.type === 'checkbox' ? !checked : false} className='w-full'>*/}\n          {/*  {children ?? 'Отправить форму'}*/}\n          {/*</Button>*/}\n        </form>\n      </Dialog>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicFormDialog\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","DynamicFormDialog","fields","title","submitProps","dialogId","buttonGroup","props","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","FieldMapper","button","index","disabled","createElement","Button"],"mappings":"+/EA0CA,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,EAKxEM,GAAoB,CAAgC,CAC/D,OAAAC,EACA,MAAAC,EACA,YAAAX,EACA,YAAAY,EACA,SAAAC,EACA,QAAAV,EACA,YAAAW,EACA,GAAGC,CACL,IAAqC,CACnC,KAAM,CAAE,eAAAC,GAAmBJ,GAAe,CAAA,EAEpC,CAACX,EAASC,CAAe,EAAIe,EAAuB,EAAK,EAEzDC,EAASC,EAAiBT,CAAM,EAChCU,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,SACGK,EAAA,CACC,SAAArB,EAACsB,EAAA,CAAO,GAAIb,EAAU,MAAAF,EAAe,GAAGI,EACtC,SAAAT,EAAC,QAAK,SAAUiB,EAPkCI,GAAW,CAC7DX,GAAgBA,EAAe,CAAE,GAAGW,EAAQ,MAAO1B,EAAS,CAClE,CAK2C,EAAG,UAAU,sBAChD,SAAA,CAAAG,EAACwB,EAAA,CAAY,QAAAN,EAAwC,OAAAZ,CAAA,CAAgB,EACpEX,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC3EW,GAAA,YAAAA,EAAa,IAAI,CAACe,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAY7B,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACE+B,EAACC,EAAA,CACE,GAAGJ,EACJ,IAAKC,EACL,SAAAC,EACA,UAAWxB,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CAAA,CAIH,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 { 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 } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n}\n\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormDialogClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  approvement?: ApprovementClasses\n  submit?: string\n}\n\nexport type DynamicFormDialogProps<AType extends ApprovementType> = 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}\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\nexport const DynamicFormDialog = <AType extends ApprovementType>({\n  fields,\n  title,\n  approvement,\n  submitProps,\n  dialogId,\n  classes,\n  buttonGroup,\n  ...props\n}: DynamicFormDialogProps<AType>) => {\n  const { submitCallback } = submitProps ?? {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <Dialog id={dialogId} title={title} {...props}>\n        <form onSubmit={handleSubmit(onSubmit)} className='flex flex-col gap-6'>\n          <FieldMapper control={control as unknown as Control} fields={fields} />\n          {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n          {buttonGroup?.map((button, index) => {\n            const disabled = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n            return (\n              <Button\n                {...button}\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          {/*<Button {...buttonProps} type='submit' disabled={approvement.type === 'checkbox' ? !checked : false} className='w-full'>*/}\n          {/*  {children ?? 'Отправить форму'}*/}\n          {/*</Button>*/}\n        </form>\n      </Dialog>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicFormDialog\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","DynamicFormDialog","fields","title","submitProps","dialogId","buttonGroup","props","submitCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","FieldMapper","button","index","disabled","createElement","Button"],"mappings":"mgFA0CA,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,EAKxEM,GAAoB,CAAgC,CAC/D,OAAAC,EACA,MAAAC,EACA,YAAAX,EACA,YAAAY,EACA,SAAAC,EACA,QAAAV,EACA,YAAAW,EACA,GAAGC,CACL,IAAqC,CACnC,KAAM,CAAE,eAAAC,GAAmBJ,GAAe,CAAA,EAEpC,CAACX,EAASC,CAAe,EAAIe,EAAuB,EAAK,EAEzDC,EAASC,EAAiBT,CAAM,EAChCU,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,SACGK,EAAA,CACC,SAAArB,EAACsB,EAAA,CAAO,GAAIb,EAAU,MAAAF,EAAe,GAAGI,EACtC,SAAAT,EAAC,QAAK,SAAUiB,EAPkCI,GAAW,CAC7DX,GAAgBA,EAAe,CAAE,GAAGW,EAAQ,MAAO1B,EAAS,CAClE,CAK2C,EAAG,UAAU,sBAChD,SAAA,CAAAG,EAACwB,EAAA,CAAY,QAAAN,EAAwC,OAAAZ,CAAA,CAAgB,EACpEX,EAAgBC,EAAaC,EAASC,EAAiBC,GAAA,YAAAA,EAAS,WAAW,EAC3EW,GAAA,YAAAA,EAAa,IAAI,CAACe,EAAQC,IAAU,CACnC,MAAMC,EAAWF,EAAO,OAAS,UAAY7B,EAAY,OAAS,WAAa,CAACC,EAAU,GAE1F,OACE+B,EAACC,EAAA,CACE,GAAGJ,EACJ,IAAKC,EACL,SAAAC,EACA,UAAWxB,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CAGN,EAAC,CAAA,CAIH,EACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{cn as m}from"../../shared/utils/cn.js";import{statusConfig as r}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";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";const M=({status:o,navigationFn:t})=>e("div",{className:"flex flex-col",children:e(p,{className:"flex flex-col justify-center",children:i("div",{className:"mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12",children:[e("span",{className:m("flex size-16 items-center justify-center rounded-full bg-color-positive-light",`${r()[o].icon.bg}`),children:r()[o].icon.element}),i("div",{className:"flex flex-col items-center gap-2 text-center desktop:gap-6",children:[e(c,{as:"h2",children:r()[o].title}),e("p",{className:"desk-body-regular-l text-color-dark",children:r()[o].description})]}),e(l,{size:"lg",className:"w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]",onClick:t,children:r()[o].button.text})]})})});export{M as FallbacksView};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{cn as m}from"../../shared/utils/cn.js";import{statusConfig as r}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";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const M=({status:o,navigationFn:t})=>e("div",{className:"flex flex-col",children:e(p,{className:"flex flex-col justify-center",children:i("div",{className:"mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12",children:[e("span",{className:m("flex size-16 items-center justify-center rounded-full bg-color-positive-light",`${r()[o].icon.bg}`),children:r()[o].icon.element}),i("div",{className:"flex flex-col items-center gap-2 text-center desktop:gap-6",children:[e(c,{as:"h2",children:r()[o].title}),e("p",{className:"desk-body-regular-l text-color-dark",children:r()[o].description})]}),e(l,{size:"lg",className:"w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]",onClick:t,children:r()[o].button.text})]})})});export{M 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":"o8DASO,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":"w8DASO,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"}

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"../../../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";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const B=()=>({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{B as statusConfig};
+import{jsxs as i,jsx as t,Fragment as o}from"react/jsx-runtime";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";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../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/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const B=()=>({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{B 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":"w0DAGO,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":"40DAGO,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"}

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

@@ -1,2 +1,2 @@
-import{createElement as i}from"react";import"react/jsx-runtime";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-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import{Controlled as e}from"../../shared/ui/formElements/controlled/index.js";const L=({fields:r,control:t})=>r.map(({type:m,args:o})=>{const p=e[m];return i(p,{...o,key:o.name,control:t})});export{L as FieldMapper};
+import{createElement as i}from"react";import"react/jsx-runtime";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-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import{Controlled as e}from"../../shared/ui/formElements/controlled/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const L=({fields:r,control:t})=>r.map(({type:m,args:o})=>{const p=e[m];return i(p,{...o,key:o.name,control:t})});export{L 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    return <Component {...args} key={args.name} control={control as Control} />\n  })\n}\n"],"names":["FieldMapper","fields","control","type","args","Component","Controlled"],"mappings":"mwDASO,MAAMA,EAAc,CAAmC,CAAE,OAAAC,EAAQ,QAAAC,KAC/DD,EAAO,IAAI,CAAC,CAAE,KAAAE,EAAM,KAAAC,KAAW,CACpC,MAAMC,EAAYC,EAAWH,CAAI,EAEjC,SAAQE,EAAA,CAAW,GAAGD,EAAM,IAAKA,EAAK,KAAM,QAAAF,EAA6B,CAC3E,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    return <Component {...args} key={args.name} control={control as Control} />\n  })\n}\n"],"names":["FieldMapper","fields","control","type","args","Component","Controlled"],"mappings":"uwDASO,MAAMA,EAAc,CAAmC,CAAE,OAAAC,EAAQ,QAAAC,KAC/DD,EAAO,IAAI,CAAC,CAAE,KAAAE,EAAM,KAAAC,KAAW,CACpC,MAAMC,EAAYC,EAAWH,CAAI,EAEjC,SAAQE,EAAA,CAAW,GAAGD,EAAM,IAAKA,EAAK,KAAM,QAAAF,EAA6B,CAC3E,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"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";const fo=({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{fo as Footer,fo 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/buttonIcon/ButtonIcon.js";import{cn as t}from"../../shared/utils/cn.js";import{TypeGuards as N}from"../../shared/utils/typeGuards.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const fo=({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{fo as Footer,fo as default};
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../lib/widgets/footer/Footer.tsx"],"sourcesContent":["import { widgetIds } from '../model'\nimport {\n  type CopyrightType,\n  type Details,\n  type FooterClasses,\n  type LigalType,\n  type PhonesType,\n  type SocialsLinksType\n} from './model/types'\nimport { Copyright, FooterLogo, NavLinks, PhonesBlock, SiteMap, SocialLinks } from './ui'\nimport { Ligal } from './ui/Ligal'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport interface FooterProps<Enabled extends boolean> {\n  variant: 'fourCols'\n  socialsLinks: SocialsLinksType<Enabled>\n  phones: PhonesType<Enabled>\n  ligal: LigalType<Enabled>\n  copyright: CopyrightType<Enabled>\n  siteMap?: boolean\n  details: Details[]\n  classes?: FooterClasses\n}\n\nexport const Footer = <Enabled extends boolean>({\n  socialsLinks,\n  phones,\n  ligal,\n  copyright,\n  classes,\n  details,\n  siteMap = true\n}: FooterProps<Enabled>) => {\n  return (\n    <footer\n      id={widgetIds.footer}\n      data-test-id={widgetIds.footer}\n      className={cn('w-full bg-color-footer py-8 desktop:py-10', classes?.root)}\n    >\n      <ResponsiveContainer className={cn(classes?.footerContainer)}>\n        <div className={cn('mobile:pb-[176px]', classes?.footerWrapper)}>\n          <div\n            className={cn(\n              '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',\n              classes?.footerHead\n            )}\n          >\n            <div className={cn(classes?.footerSocialBlock)}>\n              <FooterLogo classes={classes?.footerLogo} />\n              {socialsLinks.enabled && <SocialLinks socialsLinks={socialsLinks.links} classes={classes?.socialLinks} />}\n            </div>\n\n            {phones.enabled && <PhonesBlock phones={phones.items} classes={classes?.phonesBlock} />}\n          </div>\n\n          {!TypeGuards.isArrayEmpty(details) && <NavLinks details={details} classes={classes?.navLinks} />}\n          {ligal.enabled && <Ligal text={ligal.text} />}\n\n          <div\n            className={cn(\n              'mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6',\n              classes?.footerBottom\n            )}\n          >\n            {copyright.enabled && <Copyright text={copyright.text} classes={classes?.copyright} />}\n            {siteMap && <SiteMap classes={classes?.siteMap} />}\n          </div>\n        </div>\n      </ResponsiveContainer>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"names":["Footer","socialsLinks","phones","ligal","copyright","classes","details","siteMap","jsx","widgetIds","cn","ResponsiveContainer","jsxs","FooterLogo","SocialLinks","PhonesBlock","TypeGuards","NavLinks","Ligal","Copyright","SiteMap"],"mappings":"gvEAyBO,MAAMA,GAAS,CAA0B,CAC9C,aAAAC,EACA,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,EACZ,IAEIC,EAAC,SAAA,CACC,GAAIC,EAAU,OACd,eAAcA,EAAU,OACxB,UAAWC,EAAG,4CAA6CL,GAAA,YAAAA,EAAS,IAAI,EAExE,SAAAG,EAACG,EAAA,CAAoB,UAAWD,EAAGL,GAAA,YAAAA,EAAS,eAAe,EACzD,SAAAO,EAAC,MAAA,CAAI,UAAWF,EAAG,oBAAqBL,GAAA,YAAAA,EAAS,aAAa,EAC5D,SAAA,CAAAO,EAAC,MAAA,CACC,UAAWF,EACT,8IACAL,GAAA,YAAAA,EAAS,UAAA,EAGX,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWF,EAAGL,GAAA,YAAAA,EAAS,iBAAiB,EAC3C,SAAA,CAAAG,EAACK,EAAA,CAAW,QAASR,GAAA,YAAAA,EAAS,UAAA,CAAY,EACzCJ,EAAa,SAAWO,EAACM,EAAA,CAAY,aAAcb,EAAa,MAAO,QAASI,GAAA,YAAAA,EAAS,WAAA,CAAa,CAAA,EACzG,EAECH,EAAO,SAAWM,EAACO,EAAA,CAAY,OAAQb,EAAO,MAAO,QAASG,GAAA,YAAAA,EAAS,WAAA,CAAa,CAAA,CAAA,CAAA,EAGtF,CAACW,EAAW,aAAaV,CAAO,KAAMW,EAAA,CAAS,QAAAX,EAAkB,QAASD,GAAA,YAAAA,EAAS,QAAA,CAAU,EAC7FF,EAAM,SAAWK,EAACU,EAAA,CAAM,KAAMf,EAAM,KAAM,EAE3CS,EAAC,MAAA,CACC,UAAWF,EACT,2GACAL,GAAA,YAAAA,EAAS,YAAA,EAGV,SAAA,CAAAD,EAAU,WAAYe,EAAA,CAAU,KAAMf,EAAU,KAAM,QAASC,GAAA,YAAAA,EAAS,SAAA,CAAW,EACnFE,GAAWC,EAACY,EAAA,CAAQ,QAASf,GAAA,YAAAA,EAAS,OAAA,CAAS,CAAA,CAAA,CAAA,CAClD,CAAA,CACF,CAAA,CACF,CAAA,CAAA"}
+{"version":3,"file":"Footer.js","sources":["../../../../lib/widgets/footer/Footer.tsx"],"sourcesContent":["import { widgetIds } from '../model'\nimport {\n  type CopyrightType,\n  type Details,\n  type FooterClasses,\n  type LigalType,\n  type PhonesType,\n  type SocialsLinksType\n} from './model/types'\nimport { Copyright, FooterLogo, NavLinks, PhonesBlock, SiteMap, SocialLinks } from './ui'\nimport { Ligal } from './ui/Ligal'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport interface FooterProps<Enabled extends boolean> {\n  variant: 'fourCols'\n  socialsLinks: SocialsLinksType<Enabled>\n  phones: PhonesType<Enabled>\n  ligal: LigalType<Enabled>\n  copyright: CopyrightType<Enabled>\n  siteMap?: boolean\n  details: Details[]\n  classes?: FooterClasses\n}\n\nexport const Footer = <Enabled extends boolean>({\n  socialsLinks,\n  phones,\n  ligal,\n  copyright,\n  classes,\n  details,\n  siteMap = true\n}: FooterProps<Enabled>) => {\n  return (\n    <footer\n      id={widgetIds.footer}\n      data-test-id={widgetIds.footer}\n      className={cn('w-full bg-color-footer py-8 desktop:py-10', classes?.root)}\n    >\n      <ResponsiveContainer className={cn(classes?.footerContainer)}>\n        <div className={cn('mobile:pb-[176px]', classes?.footerWrapper)}>\n          <div\n            className={cn(\n              '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',\n              classes?.footerHead\n            )}\n          >\n            <div className={cn(classes?.footerSocialBlock)}>\n              <FooterLogo classes={classes?.footerLogo} />\n              {socialsLinks.enabled && <SocialLinks socialsLinks={socialsLinks.links} classes={classes?.socialLinks} />}\n            </div>\n\n            {phones.enabled && <PhonesBlock phones={phones.items} classes={classes?.phonesBlock} />}\n          </div>\n\n          {!TypeGuards.isArrayEmpty(details) && <NavLinks details={details} classes={classes?.navLinks} />}\n          {ligal.enabled && <Ligal text={ligal.text} />}\n\n          <div\n            className={cn(\n              'mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6',\n              classes?.footerBottom\n            )}\n          >\n            {copyright.enabled && <Copyright text={copyright.text} classes={classes?.copyright} />}\n            {siteMap && <SiteMap classes={classes?.siteMap} />}\n          </div>\n        </div>\n      </ResponsiveContainer>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"names":["Footer","socialsLinks","phones","ligal","copyright","classes","details","siteMap","jsx","widgetIds","cn","ResponsiveContainer","jsxs","FooterLogo","SocialLinks","PhonesBlock","TypeGuards","NavLinks","Ligal","Copyright","SiteMap"],"mappings":"ovEAyBO,MAAMA,GAAS,CAA0B,CAC9C,aAAAC,EACA,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,EACZ,IAEIC,EAAC,SAAA,CACC,GAAIC,EAAU,OACd,eAAcA,EAAU,OACxB,UAAWC,EAAG,4CAA6CL,GAAA,YAAAA,EAAS,IAAI,EAExE,SAAAG,EAACG,EAAA,CAAoB,UAAWD,EAAGL,GAAA,YAAAA,EAAS,eAAe,EACzD,SAAAO,EAAC,MAAA,CAAI,UAAWF,EAAG,oBAAqBL,GAAA,YAAAA,EAAS,aAAa,EAC5D,SAAA,CAAAO,EAAC,MAAA,CACC,UAAWF,EACT,8IACAL,GAAA,YAAAA,EAAS,UAAA,EAGX,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWF,EAAGL,GAAA,YAAAA,EAAS,iBAAiB,EAC3C,SAAA,CAAAG,EAACK,EAAA,CAAW,QAASR,GAAA,YAAAA,EAAS,UAAA,CAAY,EACzCJ,EAAa,SAAWO,EAACM,EAAA,CAAY,aAAcb,EAAa,MAAO,QAASI,GAAA,YAAAA,EAAS,WAAA,CAAa,CAAA,EACzG,EAECH,EAAO,SAAWM,EAACO,EAAA,CAAY,OAAQb,EAAO,MAAO,QAASG,GAAA,YAAAA,EAAS,WAAA,CAAa,CAAA,CAAA,CAAA,EAGtF,CAACW,EAAW,aAAaV,CAAO,KAAMW,EAAA,CAAS,QAAAX,EAAkB,QAASD,GAAA,YAAAA,EAAS,QAAA,CAAU,EAC7FF,EAAM,SAAWK,EAACU,EAAA,CAAM,KAAMf,EAAM,KAAM,EAE3CS,EAAC,MAAA,CACC,UAAWF,EACT,2GACAL,GAAA,YAAAA,EAAS,YAAA,EAGV,SAAA,CAAAD,EAAU,WAAYe,EAAA,CAAU,KAAMf,EAAU,KAAM,QAASC,GAAA,YAAAA,EAAS,SAAA,CAAW,EACnFE,GAAWC,EAACY,EAAA,CAAQ,QAASf,GAAA,YAAAA,EAAS,OAAA,CAAS,CAAA,CAAA,CAAA,CAClD,CAAA,CACF,CAAA,CACF,CAAA,CAAA"}

package/dist/lib/widgets/footer/ui/FooterLogo.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{cn as t}from"../../../shared/utils/cn.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";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}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/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.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/select/Select.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/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";const G=({classes:o})=>r("a",{"aria-label":"logo",href:"https://sovcombank.ru/",className:t("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]",o==null?void 0:o.footerLogo),children:r(p,{name:"brandLogos/logoWhite",className:t("size-full",o==null?void 0:o.footerLogoIcon)})});export{G as FooterLogo};
+import{jsx as r}from"react/jsx-runtime";import{cn as t}from"../../../shared/utils/cn.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";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}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/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const G=({classes:o})=>r("a",{"aria-label":"logo",href:"https://sovcombank.ru/",className:t("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]",o==null?void 0:o.footerLogo),children:r(p,{name:"brandLogos/logoWhite",className:t("size-full",o==null?void 0:o.footerLogoIcon)})});export{G as FooterLogo};
 //# sourceMappingURL=FooterLogo.js.map